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

learn more… | top users | synonyms (1)

0
votes
1answer
60 views

Can I use esri-leaflet together with arcgis api?

I am not sure I have understood the co-existence of arcgis javascript api with the esri-leaflet library. Can I use leaflet together with the javascript api. For example can I have my map built with ...
0
votes
1answer
43 views

Displaying KML data with a user selection

I want to web map some historical cyclones data which are now in KML files, file/year. So I want the user to select a year from a button and the KML files will be displayed on interactive map). I ...
0
votes
2answers
726 views

Using proj4js and Leaflet to transform coordinates?

I'm trying to use proj4js with Leaflet to convert a mouse click event from WGS84 coordinates into British National Grid but when I do this I get NaN for the converted coordinates. Here's the code: ...
2
votes
0answers
46 views

Any Examples of D3.brush() used with Leaflet?

I have a leaflet map that I have placed an SVG "on top of" using the leaflet overlay pane. I want to add a D3 brush to the overlay pane that will then update a separate chart. I've looked around for ...
1
vote
2answers
99 views

Is there any library can perform polygons buffering/ inflating/ merge/ overlap at server side?

I have a set of polygon data express in lat long. I would like to perform some tasks (polygon buffering, inflating etc etc ..) in server side and output the result to client side (client is a web ...
0
votes
2answers
57 views

Collapse leaflet control

I want to collapse a leaflet control on my map. I have the current code: var legend = L.control({position: 'bottomright', collapsed:true}); legend.onAdd = function (map) { var div = ...
0
votes
0answers
32 views

Javascript - Problems getting GeoJSON from Geoserver

I already read other posts regarding this topic. However, I cannot make it run. This is what I have: var geoJsonUrl = ...
2
votes
3answers
66 views

GeoJSON Rendering in Leaflet

I have published a wms using the QGIS Cloud and on top of it I am overlaying the same data (countries of Europe), using GeoJSON. Have a look at an example here: http://jsfiddle.net/j21kh7ao/ At a low ...
5
votes
3answers
15k views

How to draw a polyline in Leaflet?

This is my coding I used in Leaflet: var pointA = new L.LatLng(28.635308, 77.22496); var pointB = new L.LatLng(28.984461, 77.70641); var pointList = [pointA, pointB]; var ...
0
votes
0answers
58 views

Any other FuseSearch.js examples in Leaflet?

Have been researching about using FuseSearch and using this example. The only difference is that am using polygons.Its working well but not highlighting polygons on results click. Has anyone done a ...
1
vote
0answers
20 views

Leaflet fill patterns

I am using the leaflet.pattern library at https://github.com/teastman/Leaflet.pattern and I want to change the color of my stripes based on a value in the feature just like I do in the following ...
0
votes
1answer
77 views

Querying GeoJSON polygons from Django models in Leaflet?

Am developing an application in GeoDjango and using Leaflet to show my data.I have loaded my data successfully into the map and added a sidebar where I have my textboxes to input values and a search ...
0
votes
1answer
85 views

Use Mapbox featureLayer to create Marker Clusters

I'm trying to use this tutorial (https://www.mapbox.com/mapbox.js/example/v1.0.0/markercluster-with-mapbox-data/) to create marker clusters to style a Mapbox featureLayer containing my data. This code ...
0
votes
1answer
66 views

Batch Edit GeoJSON Markers with Mapbox.js

I cannot figure out how to style all feature points from a local GeoJson file at once using the Mapbox.js. My GeoJSON file has roughly 500 points. I could go through each point in the GeoJSON file and ...
0
votes
0answers
37 views

Leaflet: binding an event to the click of a link within a tooltip/popup

So I have polylines on my Leaflet map which I have bound to embedded YouTube links. var container = $('<div />'); container.html("<iframe width='280' height='157' ...
0
votes
1answer
98 views

Map.addLayer() is not working

I am creating an app with leaflet that shows a route on a map based on the button clicked. For example when you click on "button1", the associated route is successfully displayed on the map (i.e. ...
1
vote
1answer
4k views

Go to the URL when clicked on Leaflet marker

I want to implement marker click event so when user click on marker it goes to url. Url is written inside an array (a[3]). However, this is my code which doesn't work, it always goes to the link of ...
0
votes
1answer
17 views

Geojson mapevent second mouse click

I am trying to add a geojson layer with interactive functionality to my leaflet map. I am mostly using this (dated)blog: ...
0
votes
1answer
53 views

How to add hyperlink in geojson popup in Leaflet?

I am trying to add a geojson layer with interactive functionality to my leaflet map. I am mostly using this (dated)blog: ...
0
votes
0answers
89 views

How to make the value showing on a leaflet heatmap like this one?

I'm attempting to use leaftlet.js, and heatmap.js (github.com/pa7/heatmap.js/) following this example: www.patrick-wied.at/static/heatmapjs/example-heatmap-leaflet.html But I want to show the value ...
5
votes
3answers
1k views

Create buffer around point in LeafletJS?

I am using LeafletJS. I want to create buffer around point. after Selecting a point buffer radius will be specifed by user in feet. After searching of awhile I found this link of JSTS. does JSTS ...
0
votes
1answer
50 views

Use turf.count with turf.buffer dynamically

I have this code where I'm trying to create a buffer dynamically from a draggable marker and then count how many points fall insed this buffer. As of now I can drag the buffer around without any ...
0
votes
1answer
42 views

How to update data in Leaflet Control?

I have a Leaflet map with a control to switch between various basemaps or toggle on/off some overlay data. //Basemaps are all a-okay //Start with no polylines in my overlayData items = []; ...
1
vote
1answer
61 views

How to use a different projection than EPSG:3857 with CartoDB or Leaflet?

I have data that is accurately positioned with the NAD 83 MTQ Lambert EPSG:3798 projection. If I reproject this data in EPSG:3857 (web mercator) the markers are no longer positioned accurately on the ...
1
vote
1answer
99 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
218 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
64 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
46 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
48 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
100 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
237 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
448 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
54 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
257 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
57 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
67 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
137 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
51 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
565 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
48 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
26 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
84 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
84 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
33 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
76 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
137 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
56 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
84 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). ...
0
votes
0answers
128 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
80 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 ...