All Questions
272
questions
0
votes
0
answers
626
views
Leaflet / Alpinejs / all markers (layer) position change on zoom after using categories filters
You will find my code below.
I have a map with category filters. The map initialize and display correctly but when I use the filter (and the filterMarkers function), the markers change but when I zoom ...
2
votes
1
answer
98
views
Leaflet - Define maxNativeZoom based on specific regions
I'm trying to figure out how I can specify the maxNativeZoom multiple times for different regions/bounds.
Our tile server has more detailed tiles available for some parts of Europe. I would like to ...
1
vote
1
answer
232
views
How to visualize multiple lanes (bus, cycle etc.) from single polyline (OSM data) in Leaflet?
My use case:
Single polyline is tagged with multiple lanes containing also a cycle lane.
How would I go about visualizing them side by side using Leaflet? Polyline is a set of GPS coordinates and I ...
0
votes
0
answers
185
views
Leaflet openpopup doesn't show up
Hello I'm trying to open popup in Leaflet by clicking on elements:
let markersS = L.markerClusterGroup();
const markers = places.map(function (place) {
return markersS.addLayer(
L.marker([place....
1
vote
0
answers
836
views
Overlay a tile layer on top of another tile layer using leaflet
I aim to overlay a tile layer on top of another. The first tile layer is created using L.tileLayer() using the url: baseUrl='https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png' and the second tile ...
0
votes
1
answer
369
views
Showing more details ons leaflet map
Currently i'm implementing a leaflet map that serves map data from our own OSM server.
During the implementation I noticed that the details on the maps are not clearly visible. Street names are ...
-2
votes
2
answers
281
views
Show Result routing path with Leaflet
I get route between 2 Point :
{
"routes": [
{
"overview_polyline": {
"points": "m{f~D}_ygHp@wAJs@Is@eAsBGk@Hg@"
},
"legs&...
0
votes
1
answer
3k
views
Find user's current location with Leaflet
In my project I am using leaflet to display points. I want to get the current lat and long after clicked on button Show Your Location, I tried the below code:
https://jsfiddle.net/a1p26e7v/
What do i ...
0
votes
1
answer
2k
views
How can I update a Marker custom option? Javascript and Leaflet
I have a leaflet map with some Markers and I need to update custom option inside Marker option when I make doble click on each Marker.
extendedMarker = L.Marker.extend({
options: {
...
0
votes
0
answers
152
views
Spanning a squareGrid with turf over the whole map
I am using turf to create a squareGrid:
var Karte = L.map('Karte').setView([34.724126, -92.4079673], 15);
L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
'...
1
vote
0
answers
135
views
How to detect if point is inside a natural area (or other type) polygon with overpass?
I am trying to figure out how to detect if latitude/longitude pair (-25.70078,-54.44522) is inside a natural area polygon.
Is there a better solution ?
So far I have something like this:
https://...
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
0
answers
1k
views
Leaflet: Uncaught TypeError: Cannot read properties of null (reading '0')
I am trying to display a polygon on the map that can be flexibly updated by a reload.
To do this, I call the data as follows:
$.get('./load-polygon.php', function(csvString) {
map....
1
vote
4
answers
1k
views
Color certain grid tiles based on coordinates
I would like to color certain grid tiles based on their coordinates.
I created the following grid:
<!DOCTYPE html>
<html>
<head>
<title>Color Tiles</title>
&...