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

learn more… | top users | synonyms (1)

1
vote
0answers
24 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
21 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
51 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
43 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
194 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
30 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
0answers
67 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 ...
1
vote
1answer
36 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
49 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
186 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
34 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
122 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
206 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
35 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
227 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
64 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
240 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
788 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
49 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
249 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
38 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
173 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
180 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
222 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
25 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
38 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
763 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
64 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 ...
0
votes
1answer
241 views

serving UTFgrid information made with mb-util with leaflet

I've created the mbtiles file with tilemill and exported it on my ubuntu webfolder with the following command: mb-util --scheme=xyz /folder/tile.mbtiles /var/www/html/my-tiles To get utfgrid ...
0
votes
0answers
28 views

change image of marker in leaflet

This is the code; it works very well //**************************************WFS****************************************************// ...
1
vote
1answer
33 views

32-bit Map tiles for use with leaflet

I've got a lot of single-band Geotiff files with the GDT_Float32 format and I need to present these over the web, hopefully using a webmap leaflet/mapbox/googlemaps widget where clients can hover over ...
0
votes
1answer
1k 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
47 views

Leaflet display only clicked element of a loaded map layer (polyline)

I am creating a web mapping application that will return appropriate routes based upon ST_length query on a cartoDB dataset. So far, the code below successfully maps those routes with individual ...
0
votes
1answer
61 views

dynamicMapLayer esri-leaflet does not return properties of point data

I am using a dynamicMapLayer with point data. If I bind a custom popup to this layer, it does not return the properties for the point. https://plnkr.co/16IooEUXpoo9fvqlfnhU If I use polygon data ...
0
votes
3answers
495 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 ...
0
votes
0answers
36 views

Loading WFS from Geoserver to Leaflet

I use GeoServer 2.7.0 and Leaflet-0.7.7 and the jquery: <script type="text/javascript" src="http://code.jquery.com/jquery-1.9.1.js"></script>` for showing a WFS in my Geoserver. How do ...
2
votes
1answer
36 views

CartoDB SQL API styling individual polyline returns

I am creating a web mapping application that will return appropriate routes based upon ST_length query on a cartoDB dataset. So far, the code below successfully maps those routes (and clears any ...
2
votes
0answers
23 views

WMS Layers from Azure Geoserver not loading with multiple users

I am loading multiple WMS layers into a leaflet web application from an Azure virtual machine Geoserver that pulls data from a PostGIS database on the same machine. The layers load through quickly ...
2
votes
1answer
79 views

How to rotate an embedded web map (on pc)?

I was looking through a couple of maps I made, the maps were created by serving VectorTiles through TileStache and using Leaflet and Tangram (on respective pages) to render them. One of the reasons I ...
0
votes
1answer
32 views

Is there anyway to combine a static geojson and data from database then display it in leaflet?

I do have a web map application that can load geojson then display it on leaflet map, however I encountered unresponsive script whenever I refresh my page due to big size of geojson. Is there anyway ...