All Questions
31
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">...
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=&...
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 ...
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 ...
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 ...
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 ...
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 ...
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
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:
...
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 ...
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=&...
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 ...
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 ...
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 ...
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, ...
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 ...
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, ...
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 ...
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 ...
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 ...
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)....
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-...
-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 ...
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 ...
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) ...
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 ...
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 ...
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 ...
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 ...
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 ...
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 ...