Skip to main content

All Questions

0 votes
0 answers
28 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 ...
1 vote
2 answers
991 views

How to create the multiple leaflet maps on the page in angular

I have created the leaflet open street map given below. .component.ts map = L.map('map').setView([12.876, 80.599], 12); L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', { ...
0 votes
0 answers
114 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
130 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
1 answer
467 views

Converting osm maps to mbtiles

I am working on an project which is completely offline (windows), the frontend is in react where i display a base map using react-leaflet library, and i serve the base map through a node backend from ...
0 votes
0 answers
153 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 ...
-2 votes
2 answers
2k views

How to call getFeatureInfo from react-leaflet? [closed]

I have example from github how to add wms layer: https://github.com/PaulLeCam/react-leaflet/blob/master/example/components/wms-tile-layer.js but how to getFeatureInfo on click from wms layer?
0 votes
1 answer
454 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 ...
0 votes
0 answers
132 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
328 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 ...
1 vote
1 answer
511 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 ...
2 votes
0 answers
3k views

Leaflet : Suddenly I'm getting this error message: Failed to load resource: the server responded with a status of 403 ()

Suddenly I'm getting this error message, strange to me since I haven't been touching the map part : Failed to load resource: the server responded with a status of 403 () Searching for a clue I ...
0 votes
0 answers
2k views

Issues with loading and viewing openstreetmap tiles : Failed to load resource: the server responded with a status of 403 () ElectronReactWebpack

As I described in this StackOverflow question : Leaflet : Suddenly I'm getting this error message: Failed to load resource: the server responded with a status of 403 () I'm experiencing issues ...
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() { ...

15 30 50 per page