All Questions
272
questions
1
vote
2
answers
2k
views
Is there a way to open a popup input text after a polygon is created in leaflet?
I'm trying to make a web app that uses leaflet to display a map, users should be able to draw and edit polygons over the map and they should have the ability to name each polygon they create.
I want ...
0
votes
0
answers
27
views
Leaflet - Zoom map to fit several circles leaves big gap on sides [duplicate]
On Leaflet, I have several circles in a map that I generate like this:
let allData = [
['Berlin', 52.5243700, 13.4105300, 'Germany'],
['Hamburg', 53.551086, 9.993682, 'Germany'],
...
1
vote
0
answers
240
views
Leaflet bad performance with OverPassLayer Markers
Im currently encountering bad performance with my Leaflet Map while using the Overpass Library, especially when moving around on the Map although there are not a lot of Markers (less than 100). This ...
0
votes
1
answer
377
views
Openstreetmap , Leaflet.js: Open all popup box on page load alwayes
is there any way popup always stay open ? Not having the need to click on it to open.
Openstreetmap , Leaflet: Open all popup box on page load alwayes
my full JS code:
https://jsfiddle.net/82xvheqd/
...
0
votes
1
answer
503
views
Getting the error of map container not found in leaflet map
My requirement is to show the multiple leaflet maps(based on the backend data) on the page.
map.component.ts
for (var i = 0; i < this.mapleaf.length; i++) {
map[i] = L.map(this.mapleaf[i])....
2
votes
1
answer
3k
views
Drawing boundaries on a map with LeafletJS
I'm starting to play with code that can generate maps. I am now looking at OSM (OpenStreetMaps) as a great solution. Also LeafletJS makes it very easy to draw maps based on OSM. So far so good.
I ...
0
votes
1
answer
262
views
Leaflet animated marker not displaying the latitude and longitude
I am using this code it shows the message in a popup when I remove the e.latlng.lat and + e.latlng.lng
var myMovingMarker = L.Marker.movingMarker([
[23.59582641820334, 58.439605236053474],
[21....
0
votes
0
answers
271
views
TypeError: this.source is not a function, this.source is null
I'm trying to redo this tutorial, when I search autocomplete I have error TypeError: this.source is not a function. (In 'this.source( { term: value }, this._response() )', 'this.source' is null)
$....
1
vote
0
answers
49
views
Container div of map scaled, map.invalidateSize() doesn't work
I have a div that contains several elements as children
<div id="container">
<div id="map"></div>
<div id="el1"></div>
<div id=&...
1
vote
0
answers
655
views
leaflet heatmap.js legend and tooltip
I'm trying to use leaflet, OSM and heatmap.js to create a heatmap showing for instance sales.
I have no problem creating the heatmap using simple javascript and heatmap.js, leaflet-heatmap.js, "...
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 ...
0
votes
0
answers
124
views
Leaflet going off OSM map route while switching tabs
I have a problem painting a track on OSM map using leaflet.
I'm getting a track array of geo-locations from my OSRM service, and painting the track live by tracking a a device who's driving at ...
1
vote
2
answers
2k
views
Generate 10,000 markers with good performance with layer group leaflet
Hello I need help I have an application that I need to generate 10k of markers and I can't use the cluster after the client wants all the points on the map, I even used a library: https://github.com/...
-1
votes
1
answer
726
views
How to load a KML from Google Drive in Leaflet?
I am trying to display a KML file (loading it directly from Google Drive, e.g. https://drive.google.com/file/d/1Ngi_nLWEYt-aCzX0dGioa8bP3K-UbUNP/view?usp=sharing) on a map using Leaflet. With the code ...