All Questions
25
questions
0
votes
0
answers
37
views
Leaflet Map Tiles Disoriented When Deployed on EC2 Instance
I'm encountering an issue with Leaflet map tiles appearing disoriented when I deploy my application on an EC2 instance. The tiles load correctly when I run the app locally, but once it's deployed to ...
0
votes
0
answers
116
views
Issue using MapContainer from react-leaflet: TypeError: Cannot read properties of null (reading 'useState')
I'm trying to use React Leaflet to add a map from OpenStreetMap on my website. Everything seems to go well syntax wise, however when I try to use I encounter this error:
Uncaught TypeError: Cannot ...
0
votes
0
answers
135
views
Leaflet Map open popup in markercluster from outside with react-leaflet and react-leaflet-markercluster
I encountered an issue with combining two functionalities: placing Markers in a group using the MarkerCluster plugin (https://tomickigrzegorz.github.io/react-leaflet-examples/#/marker-grouping-...
0
votes
0
answers
156
views
Changing the color of a Leaflet map polyline as I navigate from point A to B
I'm working on a project where I'm using Leaflet to create a map. I've defined a path from point A to B, and it's currently colored yellow. However, I want to change the color of the traveled path to ...
0
votes
0
answers
134
views
How to use dragging marker in leaflet-geosearch?
I am using react-leaflet and leaflet-geosearch. I want the marker here draggable and print the location when the marker is moved to another place. How to do this?
const Search = ({ location,...
0
votes
1
answer
224
views
Neatly put markers in a row when they have the same exact coordinates
I have a map component that loads data from a geoJSON file and displays each datapoint on an openstreetmap map. The library is use for that is the 'react-leaflet' library. And I also use the 'react-...
1
vote
0
answers
332
views
How to create city boundaries using bbox data in React Leaflet?
I'm working on a React application that uses Leaflet and react-leaflet to display a map.
I want to create boundaries around cities that are marked on the map with a marker. To get the necessary ...
0
votes
1
answer
92
views
Highlight borders of the nation
When I search for a country I would like the borders to be highlighted on the map.
I don't know how to do with openstreetmap , leaflet and react
Demo: Countries App
0
votes
1
answer
455
views
how to find my city location with location search in React Redux with Leaflet with OpenStreetMap
I was assigned by my lecturer to add city search to my application using React(Redux) using Leaflet (OpenStreetMap) can anyone help me to solve this problem? and what are the dependencies needed?
Here ...
1
vote
1
answer
514
views
Tiles are rendering very slow using react-leaflet
I am trying to make a simple react app which will check user's location and update in on the screen using brower's GPS. It is working but not every map tiles are being rendered and rendering is also ...
0
votes
1
answer
448
views
Leaflet control disapperars while dragging map on mobile(React)
Currently doing a map with React-Leaflet. On desktop everthing works fine, but on mobile(iPhone X) the layercontrol and zoom control flicker/disappear while moving the map.
function Osm() {
...
1
vote
0
answers
230
views
React-leaflet, GeoJson: problem with coloring layers after choosing a option from cascader
I have an issue with my interactive map, I have a react-leaflet map with GeoJSON layers. Also, I have added some state components like cascader with some name of countries options, like Austria, ...
0
votes
1
answer
1k
views
Trouble figuring out how to use GeometryUtil with React-Leaflet
I'm building an application with JavaScript, React & Leaflet(+React-Leaflet plugin).
I want to get coordinates of closest marker to my location, but I'm having trouble figuring out how to use ...
0
votes
1
answer
1k
views
Leaflet not scaling correctly to mobile devices
I have a problem with scaling leaflet map to fit mobile devices. I'm building an application using React, Leaflet(+React-Leaflet) & OpenStreetMaps.
If I'm placing component like footer or zoom ...
3
votes
1
answer
8k
views
Custom button on the leaflet map with React-leaflet version3
I'm a new leaflet learner with React typescript. Want to create a custom button on the map. On clicking the button a popup will appear. I saw many example but they are all based on older version and I ...