An Open-Source JavaScript Library for Mobile-Friendly Interactive Maps

learn more… | top users | synonyms (1)

0
votes
1answer
253 views

Using Leaflet: How do I get it to display one popup based on a condition?

Using Leaflet: How do I get it to display one popup based on a condition. See below. basemap_0.addTo(map); var layerOrder=new Array(); function pop_thunder(feature, layer) { ...
0
votes
1answer
57 views

esri-leaflet edit multiple featureLayers

I'm trying to use the esri-leaflet example on editing (https://esri.github.io/esri-leaflet/examples/editing.html) to edit two different featureLayers. First when I add a point with leaflet draw, I ...
2
votes
1answer
48 views

How a draw a circle (on the surface of earth) on a mercator projection?

I would like to use R and leaflet to draw a circle (a real circle on the surface of the earth) on a mercator projection. In the following code, I have the center of the circle (with lng=0 and lat=60),...
0
votes
3answers
534 views

How to load geojson from geoserver to define a variable in leaflet?

How can I load a geojson file from geoserver in leafletjs? There are lot of suggestions out there, but none of them work for me. Currently my app loads a js file from the server that starts like this:...
2
votes
2answers
59 views

Create map using Leaflet and JSON

I have a question in order to developing a web app using dynamic maps with JSON files. I'm using Visual Studio 2015 with MVC 5. At this moment i have developed complete app but I'm unable to draw ...
0
votes
1answer
2k views

Bootstrap navbar and leaflet zoom controls

I'm using the THE MAP GUY(DE) Bootstrap temple and applying it to leaflet using the code below. The issue I'm having is that the zoom-control doesn't toggle right on page load. It will only after ...
1
vote
1answer
24 views

How to add custom CSS class to leaflet tilelayer

I am working with mapbox.js and leaflet to create a map with a number of overlapping tilelayers. I want to apply some custom CSS to only selected tilelayers, and thus assign these layers to an ...
0
votes
0answers
77 views

How to get number of pixels between two points

I am working with the simple app which is using leaflet plugins.... I want to get the number of pixels when i draw a poly-line on map(from one point to another using poly-lines).... Actually i don't ...
3
votes
1answer
424 views

Leaflet.label and MarkerCluster problem with zoom dependent add/remove layers

Here's the setup: I have a leaflet map with point data, to which I have applied leaflet.label and leaflet.markercluster. I add the clustered point data at a particular zoom level (code below). All ...
2
votes
2answers
88 views

Download data from webmap made with leaflet

Can I download the data from a webmap made available from leaflet? I am referring to these dataset (https://www.vectorbase.org/popbio/map/), for which I wish to download the data for Europe? Is there ...
1
vote
0answers
174 views

Cant' get the correct measurements : LeafLet

i am working with the simple app Beta Here The application is using leaflet plugins/api.... User draw a line(poly-line) on the map/image and then enter the distance between two points.... Working ...
1
vote
1answer
94 views

leaflet.heat heat map highlighting overlapping areas

Lately I've been working on heat maps using the leaflet.heat plugin. I have a set of points in the WGS84-system with the following structure: latitude | longitude | weighting | type The weighting-...
2
votes
2answers
26 views

Render rotated symbols in Leaflet

I have point with an attribute for each point's 0-360 direction. I need to render these points in Leaflet with arrows pointing in their respective directions. Is there a plugin or code I can use to ...
0
votes
1answer
102 views

Why are these leaflet popup values comeing back undefined?

Hi I have a leaflet map consuming a dynamic map layer on ArcGIS server. The service is viewable on the map and exposes the following attributes: Fields: OBJECTID ( type: esriFieldTypeOID , alias: ...
2
votes
1answer
233 views

Leaflet removing labels when any popup window is shown

I am newbie to leaflet and i found the following solution to add static labels to features in my map: L.CircleMarker.include({ bindLabel: function (content, options) { if (!this._label || ...
1
vote
2answers
173 views

Cartogram plugin for leaflet or OSM

Does anyone know if there is a plugin to make cartograms for leaflet? I have sets of geotagged Twitter datas and I'd like to distord the map according to the density of tweets of every area of the ...
1
vote
0answers
154 views

how to bind custom marker controls to map : leaflet

I am working on map control app using leaflet plugin .... I added a custom button for marker in side toolbar.... Target I want to put marker on map when i click on that button....in other words i ...
3
votes
2answers
89 views

Get tile layer intensity at given zoom and longitude/latitude (Leaflet)

I can display a tile layer as an overlay in Leaflet via an url of the form path/to/my/tile/layer/{z}/{x}/{y}.png : my_overlay = L.tileLayer('http://path/to/my/tile/layer/{z}/{x}/{y}.png', { maxZoom: ...
1
vote
2answers
142 views

Leaflet output is grey

I would like to implement leaflet in shiny with R. I try to go with the simple examples I found online: library(leaflet) library(ggmap) somePlace <- ggmap::geocode("Vienna") # Information from ...
0
votes
0answers
29 views

Markers display with leaflet and javascript

I have a problem displaying data relating to schools on a div 'info' when click the marker with leaflet and javascript: here's the error: Uncaught TypeError: layer.setStyle is not a function
1
vote
1answer
25 views

Leaflet push GPS position to array onLocationFound and search a squared area around this position

So I have this approach of pushing the coordinates of a location to an array: var gpsposition = [], function onLocationFound(e) { gpsposition.push(e.latlng);} Now I have the following questions: ...
0
votes
0answers
81 views

Calculating pixels in leaflet

I am working with leaflet plugins, calculating distance between two points of a polyline or whole distance of joint/multiple lines Work : I set up the script to measure the distance in meters when ...
5
votes
3answers
59 views

Different values while calculating distance

I'm developing a project using LeafleatJS and PostGIS. Currently I'm getting trouble while calculating distance between two coordinates. For example: Point 1 - lat: -12.99835864475412, lng: -38....
2
votes
0answers
41 views

Can we set the latlng start point : leaflet

I am working with the leaflet api. I am trying to figure out how to change or set the latlng start point in leaflet map. Currently i am working on use image as map,,,,the latlng(0,0) is at the ...
5
votes
0answers
67 views

Is it possible to use a raster::click event within an interactive leaflet map?

Data Download: https://www.dropbox.com/s/f849ra8l6umo9d8/crops.tif?dl=0 I have various raster images of the world that I would ultimately like to plot within an interactive leaflet map; an example is ...
-1
votes
1answer
46 views

CartoDB Point Clustering and on Hover

I have been working from a sample on point clustering from cartodb. I would like to have an infowindow show when someone hovers over a series of points. This infowindow will display a different ...
2
votes
1answer
25 views

Can reference system in Leaflet be changed without disrupting data position?

I have a leaflet map that uses default CRS (EPSG3857) with multiple markers placed on it. Their LatLng are read from JSON file. I want to change map CRS to Simple, keeping markers on exact same screen ...
0
votes
0answers
133 views

redraw canvas when add new overlay?

How to redraw canvas when I add overlay layer? Firstly load osm map, then creates canvas. So when I push the botton and add another layer it looks like sandwich and canvas in a middle...first layer - ...
1
vote
0answers
23 views

Non-HTML circle text labels on Leaflet map

I need to save image of Leaflet map with polygon, multi-polygons, circles and text below every circle. I have geojson file with circle and polygon coordinates (lat and lng). I managed to get image of ...
2
votes
1answer
36 views

Invalid Geojson when drawing multipolyline on the map

I try to display multi line in the map but it return "Error: Invalid GeoJSON object" Here is my code $.ajax({ type: "POST", url: "server/drawPipe.php", ...
1
vote
0answers
56 views

Scale (or stretch) Leaflet map tiles to look bigger

I am using leaflet and I am using the same tile provider as the main openstreetmap's website (http://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png). However, leaflet seems to fit many more tiles in 1 ...
1
vote
0answers
29 views

Leaflet polyline not working

I'm trying to draw polyline to connect an array of waypoints. But I'm getting an empty div like this instead of a map with route. My code is this: <script> // set center ...
2
votes
1answer
80 views

Leaflet Routing Machine: how to dinamically change router settings?

I'm using Leaflet Routing Machine in a litte Leaflet + Javascript map. I'm using Graphhopper as router in this way .... var control = L.Routing.control({ waypoints: [ L.latLng(57.74, 11.94), ...
2
votes
1answer
514 views

Z-Index in GeoJSON features using leaflet

I have a watershed polygon with sub-watersheds contained within the larger watershed. I would like the sub-watersheds drawn on top. Can i control the drawing order of features within a geojson object ...
2
votes
1answer
35 views

Convert/display grayscale image as RGB

i want to display raster images using a color palette in a leaflet map. The images are tiled (gdal2tiles) from a single .tif to multiple .png files with values from 0 to 100. I add the image using ...
1
vote
0answers
14 views

Leaflet _onDrag throws TypeError: this._positions is undefined

I am creating a map using the MapQuest API with Leaflet. Up until today the map worked fine in development and no errors were being shown in FF dev console. This morning when I was giving a ...
3
votes
1answer
100 views

Using MSID/MID with leaflet to display Google My Maps data

I'm wondering if there is a way to display MSID/MID with leaflet. I found this forum below; Any way I can load KML data from Google maps (again) via JS API? KMZs work fantastically with the arcgis ...
1
vote
2answers
37 views

Remove layer switcher controller in leaflet

I have created a map in leaflet and added an overlay as: map.layerscontrol.addOverlay(tile_layer,"{{ resource.title }}"); map.addLayer(tile_layer); The map shows great and the layer as well. Now I ...
4
votes
1answer
74 views

How can I change popup position on leaflet marker?

I want open a popup on bottom of my marker icon in leaflet. my code: var mymap = L.map('mapid').setView([51.505, -0.09], 13); L.tileLayer('https://api.tiles.mapbox.com/v4/{id}/{z}/{x}/{y}.png?...
0
votes
1answer
46 views

Hide/Show leaflet markers based on specific values

I have a Python list of dictionaries with a number of IPs and "Scores" for each IP. I'm adding them to my front end map / leaflet using jinja2 like so: var map = L.map('map') .addLayer(...
0
votes
1answer
456 views

Leaflet: Scroll wheel controlling map zoom and not drop down menu

Edited 6/19/2015 I have a custom leaflet control box with a drop down menu. When I use the scroll wheel over the menu, the map changes zoom level instead of scrolling the menu. The problem occurs ...
1
vote
1answer
1k views

Reset leaflet routing machine route and controls

Im trying to build a geolocation based routing app in angular using leaflet.js and leaflet routing machine. I have this 'addRouting' function where I pass in a users location (fromLat, fromLng) and ...
2
votes
2answers
46 views

Leaflet zoom less than default

How can I make leaflet zoom less with mouse wheel ? If I move my mouse wheel as little as I can, it zooms like 3 levels.
0
votes
2answers
2k views

Leaflet.js map - Pan too and Zoom in on point

This is the first time I am using Leaflet.js. I am trying to create a story map but have come across an issue. Currently I have a map with a scrolling text bar on the left hand side. I would like ...
1
vote
0answers
32 views

Display a layer stored in GeoServer with Leaflet

I wanted to display a layer stored in geoserver with leaflet, I used this code but it's not working. var map = L.map('map').setView([4.477411, 21.309284], 3); L.tileLayer('http://{s}.tile....
2
votes
1answer
20 views

Setting (above/under) priority order of layer in leaflet

When I add a layer in leaflet it stays automatically above all layers I want layers to be ordered wich one stays above the other in way that last added layer will not stays above and hide the other ...
1
vote
1answer
29 views

Retrieve all feature IDs displayed on the viewport into JSON using Leaflet

I have build a map application using leaflet, where I display a WMS layer from Geoserver. What I am trying to do now is to get all the elements which are currently on the Bounding Box and store them ...
1
vote
1answer
81 views

Add Legend to Leaflet Map

I have a leaflet map that consists of various wms layers representing different years. I am trying to add a legend to my leaflet map but with my own custom hex colours instead of trying to use a ...
4
votes
2answers
1k views

Does Leaflet.js uses WebGL for drawing on HTML5 canvas?

If someone could explain how does the Leaflet.js library draws object (and map layers) on HTML5 canvas? Does it uses WebGL and its GPU accelerated usage of physics and image processing in any way?
2
votes
0answers
66 views

Converting KML coordinates to Leaflet

I am trying to convert a Google Map KML file to a csv, to map the longitude and latitude points on Leaflet. But the coordinates keep mis-projecting and some end up off the land mass. The steps I have ...