All Questions
37
questions
1
vote
0
answers
368
views
I had error "Invalid LatLng object: (NaN, 86.06925048939979)" when using proj4leaflet
I had error "Invalid LatLng object: (NaN, 86.06925048939979)" when using proj4leaflet
Im using react leaflet for an interactive map. for gall-peter map projection i used proj4leaflet, while ...
2
votes
1
answer
706
views
Getting updated coordinates after dragging in Leaflet
I am using react-leaflet and Leaflet.Path.Drag to drag GeoJSON. I would need to keep GeoJSON coordinations in React state. The issue is that updated coordinations on dragEnd are not corrent and ...
0
votes
1
answer
2k
views
How to select area on React Leaflet Map using external Select dropdown component
So the question is how to select specific area using external Select dropdown component:
<div className="Map">
<Select
onChange={setArea}
size={"large"}
...
0
votes
1
answer
908
views
geojson-vt with react-leaflet
Does anyone have an example of a barebone repo of a react-leaflet project using geojson-vt?
I have react-leaflet project that has a 13 MB geoJSON file. I can't figure out how to get it to render ...
2
votes
3
answers
4k
views
Using Geojson with tons of data in react leaflet
I'm using GeoJson of react-leaflet to display all polygons of an area. However, when the amount of data increase to 10000, the performance turns bad and my app has performance issues, cause it slow ...
0
votes
1
answer
325
views
Leaflet GeoJSON Turf: × Error: Invalid LatLng object: (undefined, undefined)
I set the return to null for the component and condition in question to check the data I'm returning and I couldn't find any issues in the coordinates arrays.
I get data as an array of geometry ...
2
votes
2
answers
904
views
Best way to filter a geojson in react?
I am looking to filter a geojson like this one, by feeding it an array of ids that correspond to the specific property I want to filter on. I am using React and leaflet and essentially want to filter ...
0
votes
1
answer
409
views
GeoJSON event handlers not firing
I have the following .tsx code. I am following the interactive choropleth tutorial from the docs, trying to port it to React and TypeScript. The map renders with the expected colours for each US state,...
0
votes
1
answer
461
views
how to transparent seas in worldGeoJSON (React leaflet) and show only one country
I create a map with worldGeoJSON in React leaflet library
bellow is my code:
<LeafletMap
center={[50, 10]}
zoom={6}
// minZoom={6}
maxZoom={10}
attributionControl={true}
...
0
votes
1
answer
1k
views
Handling huge GeoJSON data
I have a map application which uses around 6 geoJSON files. Those files amount to about 60mb static and 18mb when gzipped. Until now these are placed in src which increases bundle size to 18.4mb(out ...
1
vote
1
answer
4k
views
Update in real time tooltip with react-leaflet when changing language with i18n
I am currently displaying a Map, thanks to react-leaflet, with a GeoJSON Component. I'm also displaying some tooltips on hover over some countries and cities(for example, when I hover France, a ...
1
vote
1
answer
3k
views
Update the tooltip on GeoJson with react-leaflet when changing language with i18n
I am currently displaying a Map, thanks to react-leaflet, with a GeoJSON Component.
I'm also displaying some tooltips on hover over some countries (for example, when I hover France, a tooltip display "...
1
vote
1
answer
2k
views
Show specific marker and zoom to it on leaflet map when button is pressed
I want to call a specific object by name when one button is pressed in a json file and to be displayed on the map. And then the zoom and the map to be on this marker.
Structure of Json file:
type": "...
3
votes
1
answer
1k
views
Adding a Legend and Info about the highlighted state
I have been trying to add a legend and or an info section on the top right to show description about my highlighted state but I have not been able to do so, therefore I have had to post for some ...
0
votes
1
answer
943
views
Pop up on react leaflet map library
I'm using react-leaftlet map library https://react-leaflet.js.org/en/ in my react app and i have rendered some markers on the map and when a user clicks on a marker, a pop up appears. I want to open a ...