Skip to main content

All Questions

Tagged with
0 votes
0 answers
12 views

how to push React Leaflet's attribution and map controls to the back [duplicate]

what i'm trying to do the user sees a map, built in React Leaflet / Leaflet.JS. The user can then click a CTA button that pops up a modal. The modal should be the "top layer" of the screen, ...
henrylin03's user avatar
0 votes
1 answer
64 views

React-leaflet ImageOverlay is not visible in exported PDF using jspdf

I'm using react-leaflet v4.2.1. I'm using it to display not a map but custom image like that <MapContainer center={[height / 2, width / 2]} crs={crs} bounds={bounds} minZoom={-5} ...
PatLuc's user avatar
  • 1
0 votes
0 answers
72 views

Implement Map Tiler Temperature weather layer with leaflet and reactjs

I'm trying to make a temperature overlay on the map but getting an error: object is not a layer The desired outcome is as follows: My Code: import { useEffect, useContext } from 'react'; import L ...
Web Dev's user avatar
0 votes
1 answer
116 views

want to show pin on leaflet map using react js

I am trying to create a map using React JS and a leaflet but the problem is I am not able to map position on the map here is my code import React, { useState } from 'react'; import { MapContainer, ...
Shiv's user avatar
  • 23
0 votes
0 answers
109 views

React Leaflet map not Re-rendering

I'm encountering an issue with my React application where the Leaflet map component is not re-rendering even though the data it depends on has changed. Here's the structure of my code: App.js let [...
New's user avatar
  • 11
0 votes
0 answers
46 views

Error Adding Marker Clusters & County Boundaries to Leaflet Map

I am able to add all state boundaries to my leaflet map. But if I try to add clusters I am getting the below error. Error in /~/components/MapBoundaries.tsx (138:34) map is not defined Can you let me ...
Ram01's user avatar
  • 171
0 votes
0 answers
58 views

How to Insert React Component Inside `leaflet-overlay-pane` using react-leaflet (core)?

I'm working on a project where I'm using react and react-leaflet to create a map application. I have a requirement to insert a custom React component, wrapped in a <div>, inside the leaflet-...
dina's user avatar
  • 1,052
0 votes
0 answers
35 views

How to wrap the VideoOverlay component in react-leaflet with a div?

I'm currently working on integrating a video overlay onto a map using the react-leaflet library. I'm using the VideoOverlay component provided by react-leaflet to render the video onto the map ...
dina's user avatar
  • 1,052
0 votes
0 answers
75 views

How to Implement Tile Caching for Leaflet in React?

I'm currently working on a project using React with Leaflet for mapping functionality. I've been exploring options to optimize performance, and one area I'm interested in is caching Leaflet tiles to ...
ssss's user avatar
  • 202
0 votes
1 answer
97 views

Why whenever i call MapContainer I always get "React-leaflet Error: Dispatcher is null"?

I am at my first experiments with React-Leaflet, so after installing everything i treid to add a simple map in my React App, but whenever i call MapContainer the only thing I obtain is this error log: ...
OvalRock's user avatar
0 votes
0 answers
113 views

Create A Polar Coordinates Grid using react-leaflet

I am currently working on a react component that could potentially create a Polar coordinates grid. In my React Project, i have to display on top of OSM (Open Street Map) two types of Grids (...
Elmounir Othmane's user avatar
0 votes
1 answer
58 views

React Leaflet: Resize point marker not being dragged

A resizeable rectangle in place automatically on the map with some bounds. when I drag the rectangle, it drags but the resizeable points is still on the same place. Is there something i am missing ...
raman's user avatar
  • 980
0 votes
0 answers
18 views

How to add the toolbar in leaflet [duplicate]

I want to add the leaflet toolbar like below in the MapContainer, would you please help ? <MapContainer id='mymap' center={[65, 300]} zoom={1} zoomControl={true} doubleClickZoom={false} ...
azerty's user avatar
  • 3
0 votes
0 answers
17 views

React Leaflet NextJS - interactive bug map (unsynchronized images) [duplicate]

I have a small problem, I use leaflet react, but I have this kind of rendering The first zoom is perfect in itself (complete image, but weird contour), but as soon as I switch to Zoom 1, 2, 3..., I ...
Mateo's user avatar
  • 35
0 votes
1 answer
106 views

Auto pan and update map position when data inside Popup changes

I have some dynamic data inside <Popup> that will change the Popup box size after opening. When you first click on the <Marker> it will update the content, position and adjust the pan of ...
newcool's user avatar
  • 321

15 30 50 per page
1 2
3
4 5
73