All Questions
25
questions
4
votes
1
answer
3k
views
React-Leaflet Map doesn't update
My issue is that react-leaflet <MapContainer> doesn't center on a position that I set dynamically.
The basic logic is that I have a form where I enter Street and House Number, then I make call ...
3
votes
1
answer
4k
views
Use a local tile layer with leaflet
I'm creating a project with React and Leaflet.
This project will run offline on a computer connected to nothing, so I need to have the tile layer stored on the same computer (no tile server).
Since I ...
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 ...
3
votes
0
answers
827
views
Leaflet map not properly displayed in ionic react app [duplicate]
I am working on a mobile application using react with Ionic 3, and I want to add a map in one of the tabs, in the browser version the map looks correctly, but when I put the mobile version or pass it ...
2
votes
2
answers
749
views
React leaflet map location glitches when not in App.js
I am trying to use a Leaflet map in my React application but I am running into a strange problem. I tell my map to pan to the user's current geolocation (if they have allowed access to their location) ...
2
votes
2
answers
1k
views
map.getCenter and map.getBounds are not functions inside map.target.on('click') function
I am creating an app that makes use of the leaflet OpenStreetMap API but I am running into a problem. I am trying to get the center coordinates when I click my map, but i am getting the error: '...
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 ...
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 ...
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
62
views
Checking if object in Open Street Maps is a building
I'm using Leaflet library in my ReactJS app and I wonder if there is a simple way to recognize if object clicked by user is a building.
Idea that came up to my mind is to check map colour under ...
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
549
views
Rare effect when toggling BaseLayer in leaflet with react-leaflet
My application shows a map with react-leaflet and uses LayersControl to switch between an OSM TileLayer and HERE TileLayer. The code is as follows:
<LayersControl position="topright">
&...
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 ...
0
votes
1
answer
228
views
Is there any way to add MultiPolyline component using react-leaflet?
I am trying to implement an OpenSteetMap view using leaflet.
I have created a POC for the same.
var map = L.map('map').setView([9.89445, 76.71272], 12).addLayer(osm);
var latlngs1 = [
[[9.84644243,...
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 ...