Skip to main content

All Questions

1 vote
1 answer
99 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">...
Den's user avatar
  • 59
3 votes
1 answer
108 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=&...
Den's user avatar
  • 59
1 vote
1 answer
68 views

How to put png image over openstreemap map in wix site that the png image will be integral part of the map?

first in general: I want to put a weather radar image with clouds over openstreetmap map of my country. this is the png image the radar image: and this is how it looks like in the Israeli official ...
Daniel Lip's user avatar
  • 11.2k
0 votes
1 answer
115 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 ...
Daniel Lip's user avatar
  • 11.2k
0 votes
0 answers
146 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 ...
Sahir Sood's user avatar
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 ...
Anthony's user avatar
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 ...
Anthony's user avatar
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....
OSMmapper's user avatar
1 vote
2 answers
1k views

OpenStreetMap tile opacity

is there a way to set the opacity of just the tiles using leaflet and OpenStreetMap? I want the map to have 50% opacity, but keep 100% opacity on the markers. Setting opacity like this, does not work: ...
perand's user avatar
  • 15
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 ...
Lucio Bottacin's user avatar
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=&...
Cole Beasley's user avatar
0 votes
0 answers
88 views

OpenStreet map not rendering correctly

I am new to openstreetmap.Ihave included the code.The picture i get is I have used leaflet.js. I am very much new to open street map.Please help me.I am very much fond of openstreetmap. I want to add ...
sivan's user avatar
  • 77
1 vote
0 answers
311 views

Show a given city on a given map using Open Street Maps

I'm making a website and I would like to be able to show a location a user has entered on an open street map for example a user might enter "London" in to the input field then it shows them that ...
Finn Hunt's user avatar
  • 103
0 votes
1 answer
2k views

Update the location of the marker on the map when a user changes position or coordinates change

Good day! I have a native app using cordova (html and javascript). I need help with moving the marker on the map in real time manner as the user changes its position or the coordinates change. Here's ...
John Mc Psalm Santiago's user avatar
0 votes
1 answer
810 views

Leaflet openstreetmap loads, but does not appear

I try to make a leaflet map and added Openstreetmap as a background map. But if I load the map, nothing appears. Checking the firefox network analysis all the required tiles are loaded succesfully, ...
gHupf's user avatar
  • 154
9 votes
2 answers
10k views

Showing an offline OSM map file. Suggestion: an MB Tiles file with Js.library

When online access to the internet is not possible, I would like the (offline) HTML5 app show an OSM map via an OSM file. Can you give an example of how I can show in an offline Html5 app OSM tiles ...
tm1701's user avatar
  • 7,323
2 votes
2 answers
2k views

R leaflet - cannot export map

I plot a route on a map using R and leaflet : ct <- read.csv("fl1.csv", stringsAsFactors=FALSE) m <- leaflet(ct, incl.data=TRUE) %>% addTiles() m %>% addPolylines(~longitude, ~latitude, ...
erculeo's user avatar
  • 31
2 votes
1 answer
547 views

How to troubleshoot missing OSM tiles in leaflet html widget?

I need to create a web page that includes an interactive map where users can see popup information about data collected at many locations. Using Rstudio and leaflet on Windows, wanting to use OSM base ...
jules's user avatar
  • 76
2 votes
1 answer
1k views

leaflet marker not displaying in certain contexts

I am using the leaflet htmlwidget implementation to draw a web-based map using R. I was looking for a specific marker, couldn't find it, and realized it wasn't being displayed at all. However, when I ...
peopletrees's user avatar
0 votes
1 answer
335 views

Create an interactive map leaflet-ajax

In order to create an interactive map consisting of several layers I use the plugin leaflet-ajax with downloading of the files. geojson. When you direct at the object of the layer, the attribute ...
dimaolin's user avatar
3 votes
2 answers
3k views

change custom Leaflet markers in html

I am beginner in development of web maps and leaflet... I found a simple but useful code for me and i want to know how to exchange all leaflet markers in the HTML code below with mylocal.png (or .svg)....
mihai.b's user avatar
  • 31
0 votes
1 answer
461 views

Leaflet Map not appears at all

Index.html <!DOCTYPE html> <title>BookSmart</title> <link rel="stylesheet" href="css/style.css"/> <link rel="stylesheet" href="http://cdn.leafletjs.com/leaflet-...
Koez Zoro's user avatar
-2 votes
1 answer
2k views

How to use local tiles for map

I am using mapbox with openstreet map to create my map. but i want to put the tiles locally. thus reducing traffic and the time taken to load the map. i am using Mobile atlas creator MOBAC to get the ...
jaafar Nasrallah's user avatar
5 votes
1 answer
2k views

How to use leaflet slider along with markercluster in Javascript?

i am making a map that uses a slider to show or hide markers, and i want to add clustering functionality, each one alone works perfectly, but i want the slider to show the markers, and in case of ...
jaafar Nasrallah's user avatar
0 votes
1 answer
919 views

How to convert path with coordinates of nodes to <path> tag with points

This my first time programming web application with maps. I am working with Java servlets, Netbeans IDE, javascript, html and css. I created algorithm that creates paths from a given Graph (*osm file) ...
E235's user avatar
  • 12.9k
4 votes
1 answer
1k views

Leaflet.js: Allow default drag/zoom options with HTML elements on top of map DIV

I'm using some javascript/css to 'draw' my own DIV and IMG elements on top of a Leaflet controlled map. I've managed to synchronise the pan and zoom movements so it looks like my own elements are ...
Deceti's user avatar
  • 51
0 votes
1 answer
2k views

Set view for an array of addresses(no coordinates) using leaflet js

I don't have latitude and longitude coordinates to set view on leaflet js library. I had an array of objects which contains city and state, country as properties.Now i want to set the markers on the ...
Siva's user avatar
  • 1
0 votes
1 answer
3k views

Add border layer to offline map using leaflet

I have made offline map using leaflet and tiles. These tiles does not contain countries border or state border. I want to add all countries border as well as state border into these tiles. Here is the ...
prtk's user avatar
  • 23
6 votes
2 answers
9k views

Leaflet OSM: Center mapview on polygon

I want generate a html file including Leaflet library to show an OpenStreetMap view with a polygon. The polygon on the map should be centered. To do so i followed this discussion, but its still ...
alex's user avatar
  • 5,606
3 votes
1 answer
317 views

Excluding map tiles from appcache

I am trying to implement offline use through appcache with the site corvallistrails.org. All of the images and resources that I am hosting cache perfectly, but when I attempt to use the site the map ...
user2669459's user avatar
3 votes
3 answers
9k views

LeafletJS popups positions and markers add and remove issue

I am implementing displaying locations on openstreetmaps using leafletjs API. Here is the scenario, When the page loads a JS function is being triggered which will query DB to get current locations of ...
Azeem's user avatar
  • 2,914