All Questions
Tagged with leaflet openstreetmap
555
questions
0
votes
0
answers
16
views
setZoom not working in Chrome but is working in other browsers
I am unable to get setZoom or any of the zoom features to work on my leaflet map in Chrome.
It works fine in Firefox and Edge but I need it to work in Chrome also and cannot find anything on this.
Any ...
0
votes
0
answers
24
views
Polyline starts from main world map instead of nearest point [duplicate]
I am using Leaflet map to draw polylines and connect waypoints by clicking on the map.
I also cloned the route and waypoints to the left and right world map.
Sometimes, the route is drawn incorrectly. ...
0
votes
0
answers
23
views
Can I load basemap without center or set view in map initialization
I have the center coming from a different layer, however, that layer is loading slowly so initially you see a blank map container.so, I want the basemap to be visible.
view.map = L.map('map_' + mapId, ...
1
vote
1
answer
89
views
custom zoom-in zoom-out buttons in leaflet using pico.css
Coming from this answer to customization of marker in leafleat: remove blue background from markers, now i have the following problem:
.html file:
<!DOCTYPE html>
<html lang="it">...
3
votes
1
answer
107
views
remove blue background from markers
how to remove the blue background from the markers?
this happen using default icon and a custom one (png with transparent background)
am I doing something wrong?
<!DOCTYPE html>
<html lang=&...
0
votes
0
answers
28
views
Cannot achieve live navigation using js,openstreetmap and leaflet
I'm currently working on implementing live navigation functionality in a web application using JavaScript. The goal is to update a tracker marker on a map according to the user's position on a ...
1
vote
0
answers
35
views
Leaflet OpenStreetMap Changes View based on window size
I am using Leaflet and OpenStreetMap to generate an interactive map. The map generates fine and you are able to interact with the map. The issue I am encountering is if the user has a large screen ...
0
votes
1
answer
74
views
How can I get geoJSON file read correctly in JavaScript?
I am using Leaflet and OpenStreetMap's to display a map on my page. I followed the steps to create a simple map on the page. Once I was able to generate a map, I follow the steps on creating a geojson ...
0
votes
0
answers
30
views
Leaflet map turns white when adding coordinates for Polyline
My version of nuxt is "^3.10.3", "nuxt3-leaflet" version: "^1.0.12". In nuxt.config: "nuxt3-leaflet"
The problem is that when I transfer the coordinates to the ...
0
votes
1
answer
74
views
How to add arrow-marked lines in Leaflet map to indicate direction from one location to another?
I'm working on a project involving Leaflet maps, and I'm trying to find a way to add arrow-marked lines to indicate direction from one location to another. Can someone please provide guidance or code ...
0
votes
2
answers
55
views
Adding Map of tunisia at the open street map with polygon
i need help i am trying to show the map of tunisia at the map there is nothing shown , this my code of javascript :
`
<script>
$(function () {
var polygon = null;
var ...
1
vote
0
answers
44
views
Leaflet draws location pins, but not path; "Uncaught TypeError: Cannot read properties of undefined (reading 'x')"
I'm trying to use the latest stable version of Leaflet (1.9.4) with OpenStreetMap and Nuxt3 to show the route between two given locations, but it only shows the pins. I have confirmed that the ...
0
votes
0
answers
56
views
Obtaining List of Coordinates for Route Along Nearest Edge Using OSMnx, Python and Leaflet
I am currently working on a mapping project using Leaflet, where I need to obtain a list of coordinates representing a route between an origin marker and a destination marker. Specifically, I want the ...
0
votes
0
answers
19
views
why my maps using openstreetmap not rander fully [duplicate]
why my maps using openstreets map not rander fully on laravel 10 like this
var map = L.map('map').setView([51.505, -0.09], 13);
L.tileLayer('https://tile.openstreetmap.org/{z}/{x}/{y}.png', {
...
0
votes
0
answers
58
views
How to use Leaflet Terminator together with the Heatmap
I have a code where, upon running the Leaflet terminator, the heatmap disappears, but the terminator runs successfully. However, when I remove the terminator, the heatmap appears. Below is my code ...