All Questions
272
questions
0
votes
1
answer
112
views
In openstreemap/leaflet how to display in real time the coordinates in a small tooltip when the mouse moves over the map
I want that when i move the mouse over the map it will display like in a small tool tip balloon the coordinates in real time on the mouse cursor for example like: 35.56, 56.765
I tried this code in ...
- 11.2k
0
votes
0
answers
113
views
How to use OpenLayer ZoomSlider with Leaflet
I tried to display a map with Leaflet and OSM. The project uses C# Blazor and .NET 8 but the map parts are just javascript. I added a slider to zoom using ZoomSlider from OpenLayers.
The slider does ...
- 394
0
votes
0
answers
144
views
Leaflet/Openstreetmap, giving me blank white screen in the map route
Heads up, brand new coder, and even newer to ruby on rails. Creating a project and I need an interactive map.
Here is what I did following the leaflet tutorial and some youtube videos
First I added ...
0
votes
1
answer
58
views
Multiple circles overlap on the map
I use Leaflet for showing coverage map.
I create many circles in nearby location by radius and opacity.
Circles are overlap and filled color is very bold.
How can prevent overlap and all color should ...
0
votes
0
answers
23
views
Make a marker unable to use for a time
I have a map with markers. Every marker is a charging station. I want that the user that want to use the charging station, can book the place for an hour for example and set a time that is shown. When ...
- 1
0
votes
0
answers
81
views
change marker color based on properties
This is my first time here on stackoverflow. I have a doubt. I marked some markers on my map (I used OpenStreetMap). On each marker I put a drop-down menu with choices. Based on these choices, the ...
- 1
1
vote
1
answer
157
views
Set Leaflet marker to always stay in the middle of the map
I'm working on a SvelteKit project where we're moving from Google Maps to Open Street Maps using Leaflet.js. With Google Maps we have a marker that always stays in the center of the map even when ...
0
votes
2
answers
145
views
How to implement Javascript Leaflet demo code to show a simple map and point? (blank page returned)
I try to just imitate the simplest example code of Leaflet (https://leafletjs.com/index.html) as follows. But somehow I only got the blank page. Can somebody spot what is wrong? Many thanks!
<html&...
- 197
0
votes
0
answers
177
views
Why doesn't this add markers to my Leaflet map?
I have this leaflet map inside a HTML file that I can easily return with my Flask app.py, but I've been trying to add a marker for a while now to no avail.
var marker = L.marker([latitud, longitud]);
...
- 11
-1
votes
1
answer
118
views
I'm using breezometer api and leaflet and openstreetmap to show heatmap of world but the api require key and I don't want to show the key to end user
I'm creating a project in laravel to show heatmap of a country by using breezometer heatmap layer api and leaflet with openstreet map to achieve the same. But Idk how can I hide the api key from end ...
- 7
0
votes
0
answers
97
views
Image manipulation on the map in Leaflet
I would like to be able to resize the image displayed on the map. E.g. using sliders (other solution is also welcome).
The image is in png format, the background is transparent.
I would like to be ...
- 13
0
votes
1
answer
124
views
Unable to see polyline in OSM map
I'm working to plot ways using OSM and leaflet using node as a back end. On the front end I have leaflet2.html which has the following in the script tag:
const mymap = L.map("map");
...
- 35.5k
1
vote
1
answer
568
views
Getting Linestring coordinates for roads using OSM
I'm trying to get the road network in an area focusing on the smaller (1-2 lane ) roads using osm and node. Using the OSM overpass api, I used the following query:
const roadsOverpassQuery = `
[out:...
- 35.5k
1
vote
1
answer
889
views
Search bar for open street map
I need help to add an functional search bar for this project. Like you search 'London' and get redirect to London, I'm having problems.
Here is my code for you guys:
var mymap = L.map("mapid"...
0
votes
1
answer
405
views
Leaflet - Layer-type object spawned by method 'L.marker' it contains information, which wasn't passed to that method
I'm attempting to implement a mapping functionality into my Laravel app, using Leaflet.
For doing that, I've been analyzing, line by line, how it works the code of an existing example project, with ...
- 121