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

learn more… | top users | synonyms (1)

1
vote
1answer
88 views

Leaflet custom div & click propagation on other elements

I've gotten custom HTML applied successfully within my #map element (where Leaflet is appended) but I'm having unusual behavior with other Leaflet objects that find themselves within the transparent ...
1
vote
2answers
3k views

How I can load tileLayer in Leaflet framework using local tiles?

I'm using file:///C:/path/tiles/{z}/{x}/{y}.png like url of tileLayer but it doesn't work and no error is shown. var layer = new L.tileLayer("file:///C:/OSM/tiles/{z}/{x}/{y}.png", { minZoom: ...
1
vote
1answer
170 views

Can't project ArcGIS Tiled Service for Esri-Leaflet

I'm following this example from the esri-leaflet docs. I have an ArcGIS Tiled MapService in ESRI:102696. So I'm trying to use Proj4Leaflet to project the service and use it in my application. I ...
0
votes
0answers
41 views

Turf buffer on polygons

Is it possible to use Turf and place a buffer on a point and aggregate a field from polygons? Say I have two geojson layers in a Leaflet map. One layer is polygons for small areas with population ...
0
votes
1answer
75 views

Leaflet map - custom markers from CSV and referring to CSV / GeoJSON marker properties?

I run a non-profit online resource called the Megalithic Portal and have created a Leaflet map that uses Leaflet.geoCSV to load in points from a CSV file github.com/joker-x/Leaflet.geoCSV To see ...
3
votes
1answer
173 views

Handling Popups in Leaflet with Overlapping Features

I am new to Leaflet as well as Javascript, and I'm looking for some advice on a basic topic. Currently, I am trying to create a spatial index of library holdings for old topographic maps that people ...
0
votes
0answers
10 views

Code for displaying a layer on the map from an external GeoJson file [duplicate]

Can anyone please help me with the code for displaying a layer on the map from an external GeoJson file that is stored in the same directory as my html page and for retrieving the GeoJson file from ...
4
votes
4answers
6k views

Sizing Leaflet Map inside bootstrap

I have been trying to change the height of my leaflet map to a percentage inside of bootstrap but everytime I do the map will not draw. Thus, I always have to revert to px value. I'm pretty sure its a ...
0
votes
1answer
30 views

Retrieve polygon attribute when positionning a point - openlayers / leaflet

Using a client-side webmapping library (openlayers3 or leaflet), I want my user to be able to add one marker on the map. I will then be able to retrieve long/lat coordinates. From that, I want to ...
0
votes
1answer
57 views

Does Leaflet layer 'add' event not fire properly?

A popup won't open until the data file has loaded and the layer is added to the map - that's pretty obvious. I figured it would help to bind it to the 'add' event - but that never fires: var l1 = ...
3
votes
2answers
2k views

How do I project my WMS tilelayer in leaflet if I want it to display as an overlay on my basemap if they have different EPSG?

So my basemap is a world Mercator projection and in wfs format and I'm trying to put a WMS overlay in a different projection over it? Leaflet's API didn't give me much info on changing the epsg so is ...
1
vote
1answer
55 views

Is there any method to retrieve SQL queries into a GeoJSON file using JSP?

I want to display the contents of my PostGIS database of various shape-files in leaflet pop-up dynamically. I know there are static methods available that retrieves attributes. But I need to by ...
0
votes
1answer
38 views

Multiple GeoJSON Layers

I have a leaflet map of the US and I would like to toggle between zip codes and county shapes. There seems to be no tutorials on how to achieve this in the documentation or an other forums I'lve look ...
0
votes
1answer
45 views

Trying to bind pop-up in leaflet via GeoServer GetFeatureInfo. Is there anything wrong in my code?

Simple Leaflet Map <script src="js/leaflet.js"> </script> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> ...
1
vote
2answers
36 views

Disable feature popup when creating new simple marker

I have a leaflet map with some loaded polygon layers. When using the Simple Markers plugin, i would like to create a new marker on top of an already existing polygon feature, but i can only click the ...
2
votes
2answers
385 views

Adding multiple layers with timed delay in Mapbox/Leaflet

So I've got a Mapbox map showing data split into several layers. I'd like the user to be able to click a play button to call the function "gogogo", and then the layers get added one at a time every 1 ...
0
votes
1answer
20 views

use a global geoJson layer in leaflet

i´m using getJSON to draw points in leaflet, this is the code: function cargarpapes(movibles){ $.getJSON("papeleras1.php", function(data) { papesjson = L.geoJson(data, { ...
0
votes
0answers
53 views

Use leaflets to display svg floor plans

How can we use the svg image as map? I have the floor plan of svg format and i need to track the location of employees. How does leaflet allow to integrate the coordinates of map and the lat lng? Can ...
7
votes
4answers
3k views

How do I stop event propagation with rightclick on Leaflet marker?

I didn't find a rightclick event in Leaflet markers so I started listening to the mousedown event. In the method that resolves this event I check if (event.originalEvent.button == 2) { ...
0
votes
1answer
83 views

Leaflet Draw on Mobile - creating a marker

So I made a simple leaflet map that has the Leaflet Draw plugin. I am only allowing users to add a marker. Leaflet is supposed to be mobile friendly, but when I open my website in a smartphone ...
0
votes
1answer
83 views

How to bring my PostGIS map from GeoServer to Leaflet based web application?

I have created a group of shape-files using QGIS and I have stored their corresponding information in PostGIS database by importing the shape-file into pgAdmin3 using shape-file and DBF loader. Then I ...
1
vote
1answer
95 views

How to add GeoJSON layer with GraphHopper?

I have a GeoJSON file containing some POI that I would like to be able to display within a separate layer with GraphHopper. But after several tries and search over internet, i can't manage to get a ...
0
votes
0answers
55 views

Leaflet application with geojson IE9 error

Help.. My applications doesn't work in IE10 or IE9. It's fine in IE11, FF, Chrome, Safari etc. The error must be in the geojson featurelayer function, since removing it (row102-151) fixes the ...
0
votes
0answers
32 views

Is it possible to put a raster layer on a shifted Chinese basemap using leaflet API?

Recently, we want to develop an application with leafleat and gaode basemap because some features of these products fullfill our basic needs. We want to overlay some raster layers caculated by spatial ...
0
votes
1answer
58 views

How to open a popup on Marker click when Markers are in array using leaflet maps

Hey guys I have a set of Markers that are getting created dynamically on a .each loops like so. $.each(data, function(index, element) { markerArr[element.id] = ...
0
votes
1answer
286 views

How to export to all points within Leaflet polygon?

I dont have any idea If it is possible to export all points within a draw polygon. (http://leaflet.github.io/Leaflet.draw/). Thanks in advance.
0
votes
0answers
75 views

Adding a layer switcher using cartodb.js

I am trying to add the layer control (L.control.layers) to an application using cartodb.js (v. 3.14). The last line in the following code L.control.layers(basemaps).addTo(map); breaks the entire ...
0
votes
1answer
230 views

Leaflet Marker Cluster not appearing

I would like for my points to cluster using L.markerClusterGroup. I am receiving a 200 status; but nothing appears on my map. I have commented out my markers which appear when uncommented. ...
1
vote
2answers
2k views

Loop over features of a GeoJSON object from CartoDB

I have just little knowledge about HTML and JavaScript. Nevertheless I was playing, copying and pasting around with Leaflet and CartoDB. I want to display the features GeoJson in a table. This is ...
1
vote
1answer
53 views

Custom HTML Within Leaflet Map

We're upgrading our Leaflet maps to be larger on the screen and doing so in part by putting information panels, etc. over the map with varying transparencies. Obviously this is easy to do by ...
0
votes
1answer
75 views

Is there a Leaflet for Dummies or Leaflet 101

I am very interested in learning leaflet, but I am not a programer nor a cartographer. Is there any LEAFLET for DUMMIES course that I can take?
0
votes
1answer
41 views

removeFrom(map) doesn't work

omnivore.wkt.parse("${feature}").removeFrom(map); I select features by this line omnivore.wkt.parse("${feature}").addTo(map); but when I remove from map doesn't work this code works but if I ...
3
votes
2answers
399 views

How do you get the nodes of an area in Overpass API in the “right” order?

I use the Overpass API to get the boundary of an OSM relation. I then use the result to display the boundary on a leaflet map. My problem is however, that the nodes are not in the "right order". ...
6
votes
4answers
584 views

How to use Leaflet to efficiently show parts of a massive dataset?

I keep seeing non-GIS web developers running into this problem, and I'm not sure what the solution is. There is some dataset of thousands of items. We want to show a map to the user, with the ...
1
vote
2answers
110 views

How do I embed the a Leaflet map into my web page, using QGIS2Leaf?

I am generally new to web developement, and web gis for that matter, but I want to embed a leaflet map that I made in QGIS using the QGIS2leaf pluggin, into the html of my webpage, but am having ...
1
vote
1answer
378 views

leaflet-omnivore style function

Please pardon my ignorance in advance, but is it possible to style a layer(polygon) using the plugin leaflet-omnivore? All of the examples I've encountered are using the MapBox API I have the layer ...
0
votes
1answer
75 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
48 views

Loading lots of points on leaflet through time slider.

I'm trying to add more than 13 thousand point using Time Slider plugin, but as you can imagine the loading process of all these points puts a heavy burden on the map. Even the slider start to get ...
0
votes
1answer
60 views

How to protect the loaded json file name and location using html5 and javascript?

The data of markers (not the map) is stored in a json/csv/js file. We want to show all data as markers on the map. But how to protect the raw data file from public access? Following the example on ...
2
votes
1answer
44 views

Making info panel clickable in Leaflet?

How do we make it possible to click, drag, copy text that appears in Info panel in leaflet.js? In a leaflet application similar to the choropleth example, I'm populating the info panel on click ...
6
votes
2answers
1k views

Tilemill Dynamic Tile Generation

I have recently used Tilemill and I wish to implement it for dynamic tile rendering.As I've seen an CartoDB doing in cloud system,they can query & generate dynamic tile for request with UTFGrid. ...
1
vote
1answer
181 views

Does the experimental QGIS2leaf plugin not work on mac OS?

I am trying to get the experimental QGIS2leaf (Leaflet web maps) plugin to work on my macbook air (2012, Mavericks OS), but when I open the outputted index.html file, no interactive image shows up in ...
0
votes
0answers
232 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 ...
0
votes
1answer
33 views

extend extent of geoJSON layer - Leaflet

I am zooming to the extent of a set of geoJSONs collected in a FeatureGroup with this call: map.fitBounds(myFeatureGroup.getBounds()); ...I would like to extend the extent a bit; as it is the ...
2
votes
0answers
61 views

Leaflet Maps Sync Problem

I am trying to sync 3 maps (BaseMapd, overlayMap, tiledMap) side by side however these maps don't sync together immediately but it works sometimes during different multiple browsers (Chrome, Firefox ...
1
vote
1answer
81 views

Using marker.cluster plugin with the ajax plugin of Leaflet?

I want to use both the marker cluster plugin and the ajax plugin together, but I cannot seem to make it work. My geoJSON data are point geometries. I was able to successfully use the ajax plugin of ...
1
vote
1answer
74 views

Load external geojson file into leaflet map

Have studies this thread but not getting desired result. My index.html looks like this: <!DOCTYPE html> <html> <head> <meta charset=utf-8 /> <title>GeoJSON ...
0
votes
0answers
32 views

How to handle Point Data with date ranges

I am running into an issue with the time sliders in Leaflet. It appears that most all of the sliders developed for Leaflet operate on the assumption that each record in your data layer has a specific ...
1
vote
1answer
82 views

how to draw a polygon in leaflet and add it to geojson file

I am working on a small project with leaflet. the goal of the project is to show a geojson file and updating it dynamicaly from the window of the web site. I have imported the geojson file to the map. ...
0
votes
0answers
116 views

Getting pixel coordinates of an image overlay using leaflet map library on click (right click)

I'm trying to get the pixel coordinates of an image overlay on click (right click/contextmenu) using the leaflet map library. Essentially when a user clicks on the image, I need to find the x,y or ...