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

learn more… | top users | synonyms (1)

1
vote
1answer
65 views

Publish a Leaflet map with vector overlay on a WMS server (e.g. GeoServer)

Is it possible to set up a WMS server (I am a bit familiar with GeoServer so this would be my preferred option but of course I'm open to learn something new...) that publishes an instance of a Leaflet ...
2
votes
1answer
216 views

passing geocode results object to another file

I'm using a geocoding plugin (Leafet.GeoSearch) on a map and I'd like the results, being the LatLng point coordinates, etc available as a parameter for GeoServer cql filtered calls. It doesn't seem ...
0
votes
1answer
63 views

Leaflet popups only displays columns where cell information NOT NULL

I've got the following map on JSFiddle. The popup information comes from an Arcgis Server with 23 columns. When you click around the markers you can see that most of the popup information are not ...
1
vote
1answer
36 views

Leafletjs popups in iframe not working in IE11

I am not a programmer and understand very little of what I'm doing. Any help is much appreciated. This is my leafletjs iframe in a wordpress blog: http://www.kemeling-consulting.com/cresh-map-viewer/ ...
1
vote
0answers
37 views

Accessing Time-Enabled Layer/adding time slider to webmap using google maps as basemap

I have the wireframe that I need for my webmap along with the arcgis map service layers (with time enabled data). I want to have two map divs with two time sliders that use the same service layer in ...
2
votes
3answers
85 views

qgis2leaf exporting transparent polygons as all black

I am creating a qgis2leaf webmap from QGIS 2.8.1. It is comprised of several polygon and point layers. I am able to make my polygon layers semi transparent, but not 100% transparent. I want to be ...
2
votes
2answers
214 views

How to query postgres with gis to get GeoJSON for GeoJSON tile layer?

I have a postgres database with one table like the following: CREATE TABLE post_pl ( gid serial NOT NULL, zip character varying(5), zip_n integer, city character varying(50), geom ...
2
votes
2answers
303 views

Click Events with Leaflet and geoJSON

How do I attach a click event to a geoJSON that then executes an Ajax function when clicked. I looked into onEachFeature but that executes when the geoJSON is loaded, not when clicked, thus executing ...
0
votes
1answer
50 views

Display more than 1000 lines on web map

I've a scenario that I need to display many lines on the map (for instance all road links of Manchester in UK). I am using Leaflet as map plugin. I use geoJSON as source of data, when I try to load ...
0
votes
1answer
191 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
1answer
46 views

Leaflet.js rendering 'chopped' WMS point symbols for variable sized points

I am using GeoServer to render WMS for variable sized points based on a data attribute. This technique is documented in GeoServers SLD Cookbook here. The SLD that I am creating validates ...
0
votes
0answers
40 views

Convert *.nmea data into a track and visualize with Leaflet.js

I've got some files in *.nmea format that originate from a car dashcam and which store, among other things, the driven route via point geometries with lon/lat, date, timestamp and speed. The data ...
0
votes
1answer
86 views

Passing data into leaflet js via a php script

I'm trying to display route data on a map using leaflet. I'm pulling the data from a MYSQL database with a php script. which is working. The data is stored in an array called vechiclelatlong. I use ...
0
votes
1answer
45 views

Convert WGS-84 position into lat/lng

I am using leafletjs. I have a list of "WGS-84" positions that look like: LATITUDE N45 52.1096 LONGITUDE W125 52.4665 LATITUDE N48 24.1051 LONGITUDE E174 37.3832 What is the significance of the ...
2
votes
2answers
519 views

How does Leaflet layer ordering work with CartoDB layers?

All, I'm trying to figure out how Leaflet layer ordering works when you have layers coming from CartoDB. I have a map with 1 polygon layer (cartodb), 3 point layers (cartodb), 1 basemap layer ...
1
vote
1answer
31 views

Horizontal Legend Leaflet.js

I'm trying to make my legend horizontal em leaftlet by I'm not sure what I have to change. My base legend is based on this tutorial. Ultimately what I would like to have is something like this. Any ...
0
votes
1answer
18 views

Adding multiPolygon to featureGroup

I'm trying to add multiPolygon to a leaflet featuregroup var latlngs = [ L.latLng(52.919803809533754, 0.6671244638974255), L.latLng(52.919803809533754, 0.9753146428868592), ...
1
vote
0answers
65 views

How can I export symbology and labels with QGIS Leaflet to webmap?

If I make a map in QGIS export it with Leaflet the symbology and labels don't appear on the webmap. Is it possible to export them? If yes, how to export the all map?
0
votes
0answers
64 views

Implement Leaflet search box for 370,000 points stored in PostGIS served as raster tiles

I have built http://opentrees.org. It's a TileMill/PostGIS/Leaflet stack with raster tiles and UTFGrid interactivity. I'd like to add a search box, so users can search for a feature – trees in this ...
0
votes
1answer
25 views

Leaflet Marker - toggle draggable

I have a leaflet marker created similar to the example below. var marker = L.marker([map.getCenter().lat,map.getCenter().lng], { alt: tempID, icon: starIcon, draggable: true ...
0
votes
0answers
49 views

Density Heat Maps using R

I recently have been reading about mapping GIS information in R. I have 2 data sets from work. Without going into too much detail, the first data set is a list of failures with Geo Codes, the second ...
0
votes
1answer
55 views

How to update a popup content from its marker?

I created a popup with Leaflet doing so: marker.bindPopup(content).openPopup(); How can I update the content value afterwards? I suppose to do it from the marker, something like this: ...
0
votes
1answer
39 views

Leaflet TimeSlider not showing points correctly

I'm trying to add about 13 thousand points in a map using the TimeSlide plugin, but my points are not following a logical order of appearance. When I use the slider I get the dates in the box below in ...
1
vote
1answer
69 views

How can I automate interactions with vector features in Openlayers3(canvas) like it is done in Leaflet(SVG)?

I want to automate and test some aspects of my map application in Openlayers 3. I mainly want to automate clicking on markers and other vector features(ideally through the DOM using xpath like SVG). ...
5
votes
2answers
882 views

*Leaflet* mouse wheel zoom only after click on map

I'm working with the Leaflet JavaScript Library and attached a (working) map to my HTML Document. It is in the middle of the page, and when I'm scrolling down with my mouse wheel and arrive at the ...
0
votes
0answers
92 views

Error when trying to bind popup on geojson, failed to execute 'appendChild'

I'm trying to load more than 13 thousand points in leaflet from a geoJson file, everything seems to work just fine except the Popup function. I've looked everywhere for a solution and most answers out ...
0
votes
0answers
63 views

Trouble calculating bounds for TMS raster image tile layer

I am using TMS tiles created from a flat image. Originally the export tool created a sample openlayers file that works correctly. The top level tile folders are labelled 0-5. I've renamed these to 2-7 ...
2
votes
1answer
69 views

Draw heatmap only over water layer using Leaflet?

I need to draw a heatmap, but only over water because I want to represent water heat level. I am using Leaflet. How can I do it? I found an only-water layer, maybe it would be usefult for developing ...
2
votes
0answers
21 views

Leaflet: get the color of a specified pixel on the map

I need to get the color of a specified pixel on the map. How can I do it using the current API of Leaflet?
0
votes
1answer
47 views

Fixing mercator coordinates that are outside the world bounding box?

I'm using mercator-projected overlays from a crowdsourced website where volunteers georectify images of maps by hand. Unfortunately, the slippy map that serves as the site's interface wraps and allows ...
1
vote
1answer
67 views

Webmapping js library with best support to WFS-T

I've tried to use WFS-T in ol3 but it was really a hard task, it seems that WFS-T is badly undocumented feature and it's much complicated to implement, and i'm looking for recommandations concerning ...
1
vote
1answer
31 views

Adding hyperlinks to Leaflet polylines created via Leaflet.Draw?

[Cross posting from StackOverflow as I realized this may be a more specific community for this] I'm using Leaflet.Draw, and I want to allow the lines that I draw to have hyperlinks in them so that ...
0
votes
0answers
22 views

L.Polygon getting distorted when panning a map

I am using Mapbox with leaflet. I have drawn a simple polygon with a hole inside that polygon. I have done this using L.polygon and passing an array of points inside it and another array in reverse ...
0
votes
0answers
33 views

how to apply a canvas 'grid' to leaflet without curvature

I'm trying to create a grid of tiles in canvas to represent some data the original data comes with UK OSEAST1m and OSNORTH1m, i'm the grouping the data up into aggregates of, say 40km (as per the ...
-1
votes
1answer
40 views

combining mbtiles and getZoom to visualize with Leaflet

I have exported MBTiles as single file for every zoom scale. Now I can add map manually call them with mbtiles.php server. But I want to accumulate it in one and get the mbtiles file on zoom scale ...
0
votes
1answer
84 views

Reset Leaflet map

I'm creating a map like this: var map_object = new L.Map('map', { center: [39.8282, -98.5795], zoom: 5, }); var sublayers = []; ...
1
vote
1answer
30 views

Guessing unknown projection of Webapp

I have a series of points around the greater london area (may be also around 100-200kms away from it) like those here in the format Lon, Lat: 43032.1,32681 95816.5,34473.8 15439.3,-13987 The ...
0
votes
2answers
44 views

CartoDB/Leaflet bring layer to front

I've got 2 layers being rendered separately with this: var layerSource = { user_name: 'jonmrich', type: 'cartodb', sublayers: [{ sql: "SELECT * FROM " + ...
0
votes
1answer
56 views

Leaflet Geojson Styling

How can external Geojson feeds be styled in leaflet? To add my external feed I'm using the snip below: var mygeojson = new L.geoJson(); mygeojson.addTo(map); $.ajax({ dataType: "json", url: ...
1
vote
2answers
96 views

No popup on map if no feature is selected

I've got a webmap showing data coming from a Geoserver instance. With better.WMS.js I made it possible to display popups. Everything works nice except that the map shows popups too where there is no ...
0
votes
0answers
20 views

Pixel based transparency or “Lighten” on geoserver

This is similar but different from this question. I'd like to statically assign a transparency of one raster based on another raster. For example, say I had a raster of aspect in a spectral gradient ...
0
votes
1answer
65 views

LeafletJS Measurement of distance in deepzoom tilelayer

I have been trying to understand how LeafletJS determines distances between two points in a layer. I am trying to implement the custom scale plugin, (and have done so successfully) on a static tiled ...
0
votes
0answers
32 views

Displaying measurements on a grid of the Earth

I'm developing an application where I need to draw the averaged results of some measurements on a map. Right now, I'm using Leaflet to draw the map with MapQuest/OpenStreetMap tiles, and have the ...
0
votes
1answer
35 views

Removing added layer using leaflet and Cartodb

I've added a layer to a map via Leaflet. It's actually a circle around a point. This gets added perfectly. I'd like for it to be removed when I click a certain button. Here's how I'm creating the ...
0
votes
1answer
63 views

Mapbox.js setStyle differently for each element

I'm using geoJson in a featureLayer so I can use the setFilter-Function. My question is: How can I use the setStyle-Function and give Elements with different properties different colors? My Code: ...
1
vote
1answer
59 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
0answers
137 views

leaflet-routing-machine add waypoints, routing summary

I'm playing around with leaflet-routing-machine (https://github.com/perliedman/leaflet-routing-machine) and have 2 questions about it's usage: 1) I have the following code now routeControl = ...
0
votes
0answers
25 views

Subtract parts of polygon that overlap with ocean

I have some seismic data in format of shapefiles/geojson. The data has no relevance in the oceans so I am looking to strip away those parts of the polygon. What I am currently doing is using the ...
1
vote
2answers
103 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 ...
8
votes
1answer
325 views

How to add an attribution on a GeoJSON Layer from Leaflet?

I need to use a GeoJSON Layer on my Leaflet map. Here is a sample of my code: function onEachFeature(feature, layer) { if (feature.properties && feature.properties.popupContent) { ...