react-leaflet Questions

4

Solved

NextJS 13 project with package that has an inner core dependency (react-leaflet->@react-leaflet/core). yarn run build Build fails on "Linting and checking validity of types" Seems like...
Corinecorinna asked 26/12, 2022 at 8:26

6

Really tried to not post this as I've seen similar questions but I'm not able to display anything over the react leaflet library after reading things online. The following code snippets show the m...
Marozik asked 22/3, 2019 at 0:30

6

Solved

im using react-leaflet in Next js but when reloading page shows "window is not defined" even i am using dynamic import with ssr:false, i saw this question made by others here and tried an...
Hypertrophy asked 29/6, 2021 at 11:49

2

Solved

RESOLVED --- please read update 2 hello I've this error in react starter kit with react-leaflet map it's like github module example but i dont know what is problem!!! i think it have a problem wi...

5

The react-leaflet map does not get rendered properly. The map is rendered outside of its parent's boundaries Some tiles of the map are missing The problem occurs when using the map with standar...

4

Solved

I've got simple component to pick point on map and then display some GeoJSON data related to this point: import React, { Component } from 'react'; import { Map, Marker, TileLayer, GeoJSON } from ...
Clop asked 24/5, 2017 at 10:12

4

I'm making a map with react and react-leaflet. React Leaflet has a class called FeatureGroup, which I want to access on the first render using the useRef hook from React and then accessing the valu...
Creation asked 28/1, 2021 at 16:46

2

I have the following issue when I tried to test a react components that implement the react-leaflet library C:\digital-booking-ui\node_modules\react-leaflet\lib\index.js:1 ({"Object.<anony...
Bilinear asked 27/6, 2022 at 2:56

12

I've got very simple code to display a map using react-leaflet and place a marker on it. However, i get the following two errors in my browser console GET http://localhost:8080/marker-icon-2x.pn...
Jamie asked 23/3, 2018 at 2:45

7

Solved

Is there any way the popup always stays open and does not need to click on it to open? Expected behaviour Actual behavior
Brassware asked 2/8, 2016 at 20:47

19

Solved

I'm trying to use react-leaflet to display a map. I use the code from this fiddle which is working, but on my computer I have this output Here is my code : DeviceMap.js import React from 'reac...
Sarette asked 1/11, 2016 at 17:33

3

Solved

I would like to create a custom component with react-leaflet that shows the actual position (x,y) of the mouse, but I don't know how to create it. I found react-leaflet-control but it seems that it...
Massif asked 24/8, 2018 at 22:51

6

Solved

Setting the width of the Map component works, but height seems to only respond to an absolute size in pixels. Is it possible to make the map control automatically consume available space inside th...
Dichroic asked 15/1, 2017 at 11:36

1

Solved

const IconGen = ({ incomingData }) => { const [dataMap, setDataMap] = useState({}); const dataMapTemp = {}; incomingData.BandData.forEach((each) => { dataMapTemp[each.AntennaX].list.p...

4

Solved

Are there any resources showing a search box implementation with react-leaflet? I'd like to have my map pins populate upon a search result that would query and retrieve my existing data. ie: c...
Blowy asked 16/1, 2018 at 22:3

6

I am in the process of converting a leaflet-map in React into a hook with the use of react-leaflet and react-leaflet-markercluster. Everything worked perfectly except the use of the MarkerCluster c...
Whistling asked 29/9, 2021 at 6:15

3

I have a React app in which I am using Leaflet through react-leaflet, both super useful libraries. In this app, I have a group of coordinates that need to be rendered as follows: When zoomed out...
Numeral asked 30/10, 2017 at 14:58

2

Solved

Is it possible to stop the user being able to zoom in or out using the react leaflet library? I can see the following option in the documentation but this just controls whether you see the plus and...
Irony asked 24/2, 2019 at 22:22

8

Solved

I tried everything I found on the web, Stackoverflow and Github, and I still can't make it. I want to make a custom marker with a custom icon, but with my code below I always got an error : 'TypeE...
Yalonda asked 8/12, 2017 at 23:55

3

I'm using react-leaflet and I added a marker with an event Handler on click to zoom to this marker , but when I try to use const map=useMap() all I get is this error => : Uncaught Error: N...
Digit asked 13/1, 2022 at 10:56

5

So basically want to make custom close for react-leaflet Popup component, seams that is not a big problem to do with native API leaflet but with react component from react-leaflet I can't find the ...
Severn asked 29/8, 2018 at 20:41

1

Solved

I am fairly new to React and Leaflet. I have gotten Leaflet working just fine in a simple HTML page. So now I am trying to make a more dynamic site by using React. The problem I am running into is ...
Pietra asked 29/4, 2023 at 2:52

2

Solved

I have a React-Leaflet map which I am rendering a div inside. For some reason, interacting with the contents of the div causes the map beneath to respond (eg: double-clicking will zoom the map, dr...
Real asked 12/7, 2019 at 1:45

3

Solved

I'm trying to get the zoom level of a map in real time to make a button that locks the zoom with the current value. I have tried using getMapZoom and getZoom but both give me an undefined value. I ...
Hambley asked 14/1, 2020 at 12:55

2

Solved

I use some markers on react-leaflet map to show various text. But I can not find a flag for the autoOpen tooltip. I get (position, children, onOpen, onClose) as available attributes. render() { ...
Deckhouse asked 9/1, 2018 at 15:25

© 2022 - 2024 — McMap. All rights reserved.