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

learn more… | top users | synonyms (1)

1
vote
2answers
582 views

Polygon intersection with bounding box with polygon's holes intact

I am trying to serve GeoJSON FeatureCollection tiles with each feature's geometries trimmed to the tile boundary. I am working on a Leaflet plugin to re-assemble the geometries. It works by building ...
0
votes
1answer
35 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') ...
0
votes
1answer
434 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
344 views

Add an event listener on a Marker in Leaflet

I am using leaflet in order to render a map. I created a map with markers and i dont know how to implement the Event Listener 'onClick' on each Marker. My code var stops = JSON.parse(json); var map ...
0
votes
1answer
266 views

How to filter polygons in Leaflet using range slider

I have a map I'm working on with Leaflet that displays a choropleth of zip code-level data. One piece of functionality I would like to add is to allow users to use a range slider to filter out ...
2
votes
2answers
514 views

How to tell if a GeoJSON path intersects with another feature in Leaflet?

I have an application where the user draws a path (a series of connected straight lines) and this path may not intersect any feature in a particular GeoJSON layer. I need to check that no point along ...
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
26 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
1answer
1k views

Positioning leaflet divIcon when adjusting size using css

I am using the L.divIcon when using iconSize:null which is causing iconAnchor:[0,0] to not be recognized,my code looks like this: var divIcon =L.divIcon({ className:'current-location-icon', ...
1
vote
1answer
26 views

How to check if a leaflet layer is already added on the map?

I build a simple map app where I have a layer on top of a map. How can I check in leaflet, if the layer is already present?
1
vote
2answers
266 views

Leaflet and census block data: not displaying

I am new to leaflet and am trying to load a geojson file showing census blocks and associated information for a city in CA. It is a small city and not too many census blocks. I cannot get the popup ...
0
votes
1answer
403 views

Creating Leaflet layer that can be toggled in layer control from CartoDB viz.json?

How do I create a leaflet layer that can be toggled in the layer control from a cartodb viz.json? I have read that the cartodb.createlayer does not create a leaflet layer. It seems you can add the ...
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
1answer
221 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 ...
1
vote
0answers
25 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); ...
1
vote
0answers
23 views

Leaflet javascript in popup

Can JavaScript be included in a leaflet popup? We have modified this example To this :- var this_marker = L.marker([51.5, -0.09]).addTo(mymap).bindPopup( '<div style="color: ...
2
votes
1answer
14 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
25 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
52 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
44 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 ...
6
votes
1answer
6k views

Custom marker/icon based on attribute data in leaflet/geojson

I would like to add different icons to my leaflet map based on attribute data. My layer is a geojson layer, it is coming from geoserver with jsnop. I can see my data with the default marker, but when ...
0
votes
1answer
196 views

How to calculate a map scale with bounding box, width and height?

I have a map that will allow the user to select or slice images/pictures out of it. As example a map width is 1200px * 1200px and the user selects say 700px x 700px square (note: aspect ratio is ...
1
vote
0answers
32 views

hide and show a feature from group feature with checkbox in leaflet

To begin I will explain the code, I have a checkbox generated after loading the web page by the next code var CPID = new L.GeoJSON(false, { onEachFeature: function (feature, my_Layer) ...
1
vote
1answer
38 views

Fill array with coordinates within geographical bounds in Leaflet

I want to create an array and fill it with geographical coordinates I get from a bounds variable. Basically, a for-loop shall create coordinate pairs within the specified bounds with a fixed distance ...
2
votes
1answer
51 views

Using JQueryUI Slider to change Layer Display (Leaflet)?

Can't seem to figure out how to use JQueryUI Slider to change the layer display on my leaflet map. Scenario is basically, When user slides bar across a dfferent layer shows up on the map (in years) ...
0
votes
1answer
194 views

Selecting features by attribute in Leaflet

Is there a way to select an individual feature based on an attribute from a FeatureGroup in Leaflet? For example, when selecting a feature based on a click event, I will do something like, function ...
0
votes
0answers
39 views

MOBAC Osmdroid and Leaflet

I am having a lot of trouble creating a map for leaflet js. I am using Osmdroid zip. When I check a map example that works, the format (z,x,y) doesn't seem the same. I think there must be some ...
3
votes
1answer
36 views

What is the difference between using a PolyLine layer and a GeoJSON layer in leaflet?

This question arises because on my project I will have a backend that consists of gpx tracks. Then, my frontend queries it (based on time, location filters, etc.) and I will either get the ...
1
vote
2answers
126 views

WMS getFeatureInfo and Leaflet

I've got an app running www.carstenhogertz.de/c_section. It has a popUp function showing the underlaying point attribute. This function shows a strange behaviour on lower zoom levels. For instance ...
1
vote
3answers
211 views

Load a really big geojson to a feature layer in leaflet

I have this geojson file(about 60mB) that contains the administrative area boundaries. I want to make a chloropleth and give color based on each geometry properties value and add it to the ...
3
votes
1answer
38 views

Packing polygons without intersection and empty places [closed]

How can I pack polygons without empty places and intersections? Please tell me everything that might help me (API, algorithms, etc.) I'm using: USPS API to get carrier routes. dbscan.js to ...
1
vote
1answer
63 views

Leaflet : filter with condition

I want to insert a condition in a geojson filter. This condition is based in a variable called here varState: <button id='button1'>button1</button> <button ...
1
vote
1answer
228 views

A problem with event firing upon mouseout

I'm trying to create a point map that displays information about a point in an info box upon user mouseover and changes the styling of the point. On mouseout, I want the info box and marker styling to ...
-5
votes
2answers
68 views

How to remove attribution in Leaflet

I want to remove the leaflet.com that appears on the right bottom of the screen here
0
votes
1answer
245 views

Convert Leaflet WMS layer to Leaflet GeoJSON layer

Using the Leaflet API I am adding a WMS layer through the L.tilelayer.WMS feature. This feature includes only a certain amount of options such as 'layers','crs','style' etc. Through the Leaflet ...
1
vote
1answer
794 views

How can I project geojson borders on the google earth tiles in leaflet?

I started working with leaflet and google earth tiles. I want to add borders on my map so I tried to use the countries geoJson Data as a layer on the map. The problem is that the json borders ...
2
votes
0answers
51 views

Leaflet filter on geoJson properties : multiple criteria

I'm using Leaflet filter on geoJson data. I'm able to apply it with a simple criteria : filter: function(feature, layer) { return feature.properties.field1 == "yes"; } I can also apply two ...
1
vote
0answers
23 views

edge Data labelling OSM local tile server

i have OSM tile server running locally on my machine I have used Leaflet to add markers Now I am looking for graph script in which markers to act as nodes and polygon (more precisely an arc) to show ...
-1
votes
0answers
42 views

How to update polylines coordinates in postgis after editing the polylines in Leaflet

I have a leaflet map in wich I can draw polylines and edit them. Each time I’m creating a new polyline, I send my coordinates to postgis using a php script. When editing my polyline layer, I would ...
0
votes
1answer
254 views

How to draw a rectangle on a Leaflet map from GeoJSON data

I am trying to draw a rectangle on a Leaflet map with JSON data which looks like this. var geojsonfeatures = {"type":"FeatureCollection","features":[ {"type":"Feature", ...
0
votes
1answer
258 views

How to call a leaflet Javascript Function in dropdown menu bar?

i have the following problem: my target is a hybrid app with leaflet. I create a dropdown menu with html/CSS/JQuery. Here is the code: <nav> <ul> <li id="menuPoint1"><image ...
2
votes
1answer
39 views

Adding WMS layer with CQL filter

I would like to add to my leaflet's web map layer from my WMS service (Geoserver), but I need to use CQL filter in GetMap link: localhost/geoserver/my_location/wms?(...)&CQL_FILTER=[...] Is ...
1
vote
1answer
175 views

Add multiple strokes to Leaflet geojson feature path

Wondering if it's possible to add multiple strokes to a polygon or line feature (the same thing could apply to multiple fills for polygons too). The leaflet documentation on the L.Path style options ...
0
votes
1answer
184 views

Leaflet GeoJSON style function feature only colors one GeoJSON feature

I need to style every feature differently that I pull from a GeoJSON file. However this anonymous style function only changes the style on the first feature it comes across and stops. I am new to ...
1
vote
1answer
224 views

Leaflet popups events through CartoDB

How I can use the leaflet popups events throught CartoDB. I have seen that some events are working like 'click', 'movestart',but 'popupclose' and 'popupopen' are not working. My goal is to do some ...
0
votes
1answer
27 views

How to apply Mapnik Zoom Level Styling via Leaflet Zoom Levels

I've setup a node mapnik server to render some tiles for polygons. The application I've built to call out to these tiles is in Leaflet An example of a current mapnik styling rule is below <Style ...
0
votes
1answer
41 views

Use of Leaflet plugins in 'Leaflet for R' to connect with ArcGIS online

I was wondering if it is possible to use the plugins for the normal (non-R) version of Leaflet, and if, how I can do that. reason I need to do that is, that some of the data I need to show are hosted ...
0
votes
1answer
769 views

Leaflet WMS Layer from arcgis server (extreme noob question)

I am very new to GIS, and find things a bit overwhelming. Please be kind and excuse my ignorance. I am trying to display a map on a website using leaflet. The map I want to display is hosted from an ...
2
votes
1answer
69 views

Highlight feature below mouse-overed track in Leaflet

Currently, on http://velo300.free.fr/debug, feature highlights on 'featureOver' creating a white new feature on top of mouse-overed feature. Problem: i need also to work with 'featureclick' for ...