Skip to main content

All Questions

Tagged with
8 votes
1 answer
6k views

React-leaflet geojson onEachFeature popup with custom react component

I am trying to render custom react component in react-leaflet GeoJSON onEachFeature popup, e.g. to fire modal with all corresponding feature.properties. In a popup react-leaflet component it works ...
astricus's user avatar
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 ...
Andrew's user avatar
  • 695
3 votes
0 answers
231 views

Use GeoJson data with Leaflet.PixiOverlay

I am using Leaflet.PixiOverlay(this package) in my App in order to render a big number of data(suck as markers, shapes, geoJson data, etc) without performance issues. But the documentation of this ...
alirezafarin's user avatar
3 votes
1 answer
6k views

Importing GeoJSON file to React-Leaflet

I'm trying to import a GeoJSON file to react-leaflet like below: import * as bar from "./data/bar.geojson"; ... function Foo() { return ( <Map center={[...]} zoom={...}> <...
Jay M.'s user avatar
  • 41
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 ...
Nguyen Tu's user avatar
  • 159
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 ...
Matt's user avatar
  • 8,753
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 ...
LoF10's user avatar
  • 2,017
2 votes
1 answer
5k views

Loading geoJSON Markers from API - React Leaflet

Leaflet and using GeoJSON. I am trying to get the markers from a fetched GeoJSON API to render on the map, once the data is stored on the state. I have tried using the marker component to display the ...
Shawn's user avatar
  • 41
2 votes
0 answers
270 views

how to change color on Mouse over leaflet-react?

i'm facing a problem of mouseover event in leaflet the thing is , when i hover ,the weight of the city changes for 2s and it doesn't stay highlighted even though the mouse is over the city here is my ...
sarah Chettouh's user avatar
1 vote
3 answers
978 views

React Leaflet Geojson Tooltip. How to disable black borders on click or dragging?

I have problems with the library Leaflet. I have big JSON data, which renders and shows the borders of different districts. I add a tooltip in my GeoJSon, it shows the name of this district. But when ...
Ilya Babikov's user avatar
1 vote
1 answer
5k views

How to render geojson polygon in React leaflet MapContainer?

Stack : Reactjs, Leafletjs, EsriLeafletjs I am trying to display one Polygon in GeoJson on a leaflet map container. My main issue is when I use Leaflet.geoJson(data) it return invalid JSON object. ...
Umair Asghar's user avatar
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": "...
Liverpool's user avatar
  • 275
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 ...
TheTisiboth's user avatar
  • 1,581
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 "...
TheTisiboth's user avatar
  • 1,581
1 vote
1 answer
88 views

How to Get GeoJSON Feature on Map.Locate in React Leaflet

I am creating a map with imported GeoJSON data. I am trying to create a Find Me button that will zoom to the user's location and get a property associated with the enclosing region (as defined by the ...
isaa's user avatar
  • 11

15 30 50 per page