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

learn more… | top users | synonyms (1)

3
votes
1answer
32 views

Leaflet: Change point icon (geoJSON) on click and change back when clicking another point

I would be very grateful if someone could help me with this. I have a geoJSON (10 points) that is drawn using an icon. I want to change the icon when I click on one of the points and then I want to ...
1
vote
1answer
34 views

Layer toggle disappears leaflet

I'm having a bit of trouble finalizing a project I'm working on. When I upload my map to filezilla, my map layer toggle doesn't show up: before uploaded: after uploaded: Does anyone have any idea ...
1
vote
1answer
46 views

IE8 problem with proj4.js

This problem is in IE8 and not in Firefox. My first problem was that IE8 don't support JSON natively and I get the "JSON is undefined". I solved this by including json2 or json3. Now JSON.parse ...
4
votes
2answers
62 views

Loss of synchronization between map and markers (Leaflet + Google Maps)

I have a problem using the markers with Google Maps with Leaflet. In this example you can see the difference between Google Maps or OSM. Using OSM, the marker moves with the map but when using Google ...
2
votes
2answers
1k views

How do I modify features during runtime, in a GeoJSON feature group on Leaflet?

I have added some GeoJSON to my Leaflet powered map as below. (Altered version) var array_of_layers = L.layerGroup([]); var styleholder = []; var belgium_style = {color: "#d3e46f"}; var bosnia_style ...
1
vote
1answer
44 views

Created custom tiles, added tile bounds to leaflet but it's still trying to load tiles outside of boundaries

I created custom tiles in TileMill with latitude/longitude boundaries of: -89.8235,43.3377,-89.5952,43.4741 I added those tiles into the map and set the tile layer's bounds attribute, but Leaflet ...
2
votes
1answer
38 views

Export TileMill project as SVG image with CartoCSS applied to it

I am able to export TileMill project as mbtiles and rendering tiles on map using leaflet which is working fine. But if I export the project as SVG or PNG image the CartoCSS which I have written is not ...
1
vote
1answer
73 views

Geoserver WFS GeoJSON layer in Leaflet, having trouble diagnosing 'Uncaught TypeError: undefined is not a function (Anonymous Function)' error

Pardon me if this has been addressed, I searched as far as I could for similar errors. I'm trying to serve a large amount of polyline data as a geoJSON layer from GeoServer to a Leaflet instance. ...
0
votes
0answers
55 views

leaflet: how to show draw control in custom (own) div?

I'm trying to put a Control into an existing div but I don't really know where or how I can force the map.addControl method to show the control (it is a draw control by the way) within an already ...
4
votes
3answers
165 views

Plot a Raster of Weather data in Leaflet JavaScript Map without generating server-side tiles?

I want to show different weather data I have as binary arrays on a server using leaflet. But I do not want to generate tiles on the server. For each point in an a array I have the coordinates in ...
1
vote
1answer
48 views

CartoDB JSONP callback in leaflet-search plugin

long time reader, first time question-asker etc... So I'm trying to implement a search function on an app I'm building using data from cartodb in leaflet and this leaflet-search plugin: ...
0
votes
2answers
125 views

MiniMap in Leaflet

I am trying to get a webmap working with leaflet.js. I found the beautiful addon of a MiniMap. But I do not get how it works. It works, if I only have one baselayer; MiniMaps shows up correctly. If I ...
4
votes
1answer
85 views

Routing ensuring all areas are touched

I'm making a web application with leaflet and OSM. It's all going well, but now I need a little help. I'm searching for a good routing engine, that's capable of creating the most probably taken route ...
0
votes
2answers
45 views

Tilt of OpenStreetMap with LeafletJs

I am using LeafletJs as mapping library for OpenStreetMaps. Is there any method map.Tilt() in Leaflet api like google provides map = new google.maps.Map(document.getElementById('map-canvas'), { ...
1
vote
3answers
879 views

How to change Leaflet marker color on mouseover?

I'm having a hard time figuring out why the Leaflet method setstyle will change the color of a polygon but not the color of my markers. Polygon works fine: But the markers won't change colors: ...
4
votes
1answer
76 views

Legend items to appear / disappear simultaneaously with Layer turned on/off in Layer Control

I have a number of layers that can be turned on and off with a Layer Control. I’d like the description of each layer to show in the legend if it's turned on. And disappear again as soon as the layer ...
0
votes
1answer
51 views

Overlay single, non georeferenced image in Leaflet?

I'm wondering whether it would be possible to somehow overlay a 3rd party, changing non-georeferenced image such as: If the image was static, I'd use mapwarper.net. But it's not. So is there a way ...
0
votes
0answers
88 views

Leaflet vs Openlayers vs Geoserver for overlapping polygons application

I have 3 layers of vector polygons(about 80 polygons - 1MB geojson each but I haven't simplified any yet) displaying school territories (kindergardens, primary and secondary education) and I want to ...
1
vote
2answers
103 views

CartoDB Runtime Layers with Angular

Has anyone ever tried adding a CartoDB runtime layer to a leaflet using an Angular Directive or angular-leaflet-directive (Leaflet Javascript Library)? I tried this, which does not throw errors but ...
0
votes
0answers
35 views

How to create a query dialog with MapBox JS?

I like to have a query dialog in the map in order to filter data according to specified fields and attributes selected by the user. Example: user may want to select a state via a dropdown menu and ...
2
votes
1answer
204 views

How does one use leaflet layergroups with CartoDB layers?

I'm trying to use leaflet layergroups with a cartodb layer, ala: http://leafletjs.com/reference.html#layergroup but haven't been able to successfully do it. This is what I have so far: var map = ...
2
votes
1answer
43 views

Leaflet - draggable marker and coordinates display in a field form

I have to do a draggable marker and its coordinates should be displayed in fields. It will be a part of a contact form in PHP. I created a draggable marker, help me what to do now. var marker = ...
1
vote
2answers
681 views

Unable to get Mapbox leaflet-omnivore to load markers from .csv

I'm using the Mapbox.js API to build a really simple web map using a .csv file to place markers with tooltips. I'm trying to use the suggested leaflet-omnivore library to easily parse the csv and ...
0
votes
0answers
39 views

How to Show the Lat/Long of Marker in a Textbox if it has been clicked

function getInfo() { $.getJSON("get_info.php", function (data) { for (var i = 0; i < data.length; i++) { var location = new L.LatLng(data[i].lat, data[i].lng); ...
2
votes
2answers
63 views

IE8 issue with Leaflet and CartoDB

Hi all having some trouble getting this map to work in IE8. Currently tried using some of the old IE8 CSS for both but that didn't seem to work. Any ideas for this? Here is the code for the main map: ...
1
vote
2answers
80 views

Highlighting features in qgis2leaf export

I have exported a QGIS map to Leaflet using the qgis2leaf plugin. I am looking for some assistance as to how to highlight features (polylines) when the mouse hovers over it. I just want the polyline ...
0
votes
1answer
87 views

Transfer Data from Database to Leaflet POP UP

Good Day too all! I just wanna ask a little question. Ahmm how do you show data from database to leaflet pop up? Here is my code in php select command <?php $db = new ...
2
votes
1answer
59 views

L.esri.featureLayer shows up and sometimes not

I'm new to the leaflet/esri subject so please forgive me if it's just a simple question. I wrote my first webmap-app. It uses different sources. The main aim is to show two basemaps hosted by MapBox ...
2
votes
0answers
20 views

Is it possible to hatch format railroads in leaflet?

Within mapbox tilemill it is possible to make make rail-roads like this: To achieve this you need to write the following code: Source #railroads { ::line, ::hatch { line-color: #777; } ::line { ...
1
vote
1answer
23 views

Possible to show aggregate votes in a tooltip on a markercluster?

I'm building an interface that would take poll data in and show some results over a marker cluster using Mapbox but I don't have any experience with it. The interface would look much like ...
2
votes
2answers
104 views

Add custom variables to leaflet polyline

I'm drawing a route on a map with leaflet. I'd like to click on any point in the line and display the speed and time at that point in a popup ($speed[$i]). latlngs = [<?php for ...
9
votes
2answers
6k views

How to get Leaflet interactivity from Geoserver WMS?

I have geoserver serving shapefiles as a WMS into Leaflet. I'd like to add interativity that shows a popup with WMS attributes in the Leaflet map when the user hovers over or clicks on a WMS feature. ...
0
votes
1answer
68 views

Leaflet Layer Controler

I've got a strange behavior with my map. I wanted to have to basemaps and one overlay. I've defined classes but when I try to change them via LayerControl I only get one same map. Could you please ...
1
vote
1answer
56 views

Change point symbol in mapbox.js/leaflet/esri-leaflet.js

I am a complete nooby to the above libraries. Till now, everything shows up very fine. I got my mapbox as a basemap and added some point data provided by an ArcGIS Server. To get the AGS data onto ...
0
votes
0answers
24 views

Problem with Leaflet Boundary Canvas plugin

I'm trying to identify the source of a problem that I'm having, I cannot show a tile layer(created with gdal2tiles) inside a polygon generated in Leaflet, using the plug-in ...
2
votes
1answer
421 views

proj.4 definition for Moscow GCS_Bessel_1841 to WGS84 convertion

I'm developing an app which should show a map using Leaflet framework but i have no luck as the coordinate system on the map server differs from the one used by Leaflet. As a map server i use ...
0
votes
1answer
97 views

How to re-implement a Dojo application using Leaflet?

I apologize in advance if this is not the correct forum to ask my question. I have an web map application developed using the Dojo framework. However I would like to create the same web map ...
2
votes
1answer
65 views

Leafletjs get latlng center position of polyline

After drawing a polyline, I would like to draw a circle from the center of this line whose radius encompasses the entire line. For polyline's that have more than 2 points I can crudely get the center ...
1
vote
1answer
68 views

Leaflet - GPX - Clustering

I'm using Leaflet maps together with "Plugins by Pavel Shramov", which allows google usage and GPX file use. This bit was easy enough, but trying now to use markerClusterer. I've spent a few hours ...
1
vote
1answer
72 views

Changing size of cluster based on number of markers in Leaflet clustermarker

I'm currently using Leaflet's markercluster add-on, which is working really nicely for some of my initial maps. However, I'm wondering if there is a way to modify the clusters so that the size of the ...
0
votes
0answers
67 views

How to toggle legends with layers in Mapbox.js?

Map is currently toggling 23 layers using var = overlays. I want the respective layer legends to appear when layer is toggled on, and show legends of all ON layers. var map = L.map('map',{center: ...
0
votes
0answers
190 views

How to load an external WFS (GML output format) in a Leaflet map?

I need to build a Leaflet map loading data from this external WFS service http://wms.pcn.minambiente.it/ogc?map=/ms_ogc/wfs/Numeri_Civici_2012.map&service=wfs&request=getCapabilities with ...
1
vote
1answer
44 views

Get all tileLayers from L.map object in Leaflet

What is the best way to access all displayed tileLayers from a L.map object? Traditionally, I have stashed tileLayers in an object that I can access later, like so: var mapLayers = {} if (! ...
2
votes
2answers
5k views

How do I overlay a KML on leaflet 0.4.4

I am using Leaflet 0.4.4, I have a KML I would like to overlay on the map, how do I go about doing this? Edit: I am already aware of https://github.com/CloudMade/Leaflet/issues/14, which directs ...
1
vote
1answer
1k views

How to get LatLng array from geoJSON Layer in Leaflet?

i need to hand the latlng coordinates from my phpPostGIS-served geoJSONLayer as an array over to a new added HeatMap Layer. L.geoJSON has an build-in option: coordsToLatLng( coords )" and a static ...
0
votes
2answers
46 views

Leafletjs detect click/touch on layer

How do I detect a click on a layer and find out information about the layer that was clicked? Currently I can do the usual binding a popup and adding a click handler on the layer: ...
4
votes
1answer
67 views

Does leaflet.js offer an gutter option just like Openlayers

Currently we are switching from Openlayers to leaflet.js and there is a problem using a WMS layer with leaflet. The WMS being used is Deegree. When a layer is visualised within leaflet there are ...
3
votes
3answers
11k views

How to get the Lat, Long of a clicked location using Leaflet API?

I am using OSM with leaflet API. Now i want to get the lat and long of a clicked location. I meant something similar to this. ex: http://openlayers.org/dev/examples/click.html ...
2
votes
1answer
72 views

find inner bounds of a polygon in leaflet

How can I find the inner bounds of a polygon in leaflet? I a want to plot points randomly in polygoon but when I say Layer.getBounds() I get the bounds and I can still plot the markers ...
1
vote
1answer
105 views

Generate territory polygon from sets of points

I'm looking for a simple way to generate contiguous "territories" from sets of points. Say, points A, B and C are in territory 1, and D, E and F are in territory 2, then generate polygons that lie ...