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

learn more… | top users | synonyms (1)

1
vote
1answer
33 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/ ...
0
votes
1answer
74 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. ...
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 ...
2
votes
3answers
80 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 ...
0
votes
1answer
43 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
32 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
44 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 ...
1
vote
1answer
29 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
82 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 ...
1
vote
0answers
60 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
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), ...
0
votes
0answers
62 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
46 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 ...
1
vote
0answers
36 views

Loading lots of points on leaflet through time slider.

I'm trying to add more than 13 thousand point using Time Slider plugin, but as you can imagine the loading process of all these points puts a heavy burden on the map. Even the slider start to get ...
0
votes
1answer
50 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
37 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 ...
0
votes
0answers
86 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
60 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
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
44 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
66 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 ...
2
votes
1answer
67 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 ...
1
vote
1answer
29 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
21 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 ...
0
votes
2answers
42 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
55 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
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
1answer
79 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 = []; ...
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
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 ...
-1
votes
1answer
37 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
33 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

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
126 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
1answer
57 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: ...
0
votes
0answers
24 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 ...
0
votes
0answers
65 views

How do I get popups to function in this interactive map?

I'm trying to create an interactive map like the Mapbox one demonstrated here Scroll-driven navigation map however, I want to have markers with popups. I cannot figure out what is prohibiting the ...
1
vote
1answer
66 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). ...
1
vote
0answers
26 views

Leaflet: my map is moving when popups open [closed]

I have an issue and I can't find a solution by myself. This is the map I'm working on. When you check "Afficher les produits échangés", you can see a half-dozen popups opening simultaneously. And ...
0
votes
0answers
22 views

Add custom marker from control with relative icon size to leaflet

Is it possible to add a marker with a control with a size relative to zoom ? example : I'd like to put a circle with a radius of 100m without drawing it, like a marker When I use L.icon I must set ...
1
vote
2answers
93 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 ...
1
vote
0answers
35 views

Solution to draw objects on layers and share maps

I'm looking for an online solution to build custom maps on top of OSM/Bing/Google layers and share them via export or link. I need to find an address, draw and drop lines, polygons, circles, add and ...
0
votes
1answer
18 views

is there a setSource parameter that I can use for a button/image click event in Leaflet?

Is there such a thing as setSource for a layer, as there is in Open Layers 3, in Leaflet? Or something equivalent? I can't find it in the API documentation. UPDATE WITH MORE INFORMATION I am trying ...
1
vote
1answer
34 views

Bezier curves on GPX path using turf.js but for iOS platform

I'm interested in creating bezier curves on a path based on imported GPX data and understand how to implement turf.js for web. But how would I implement this for iOS? Specifically, if I am using a ...
0
votes
0answers
48 views

Leaflet Magnifying Glass and Opacity Controls

I have been looking at Leaflet as an alternative to Open Layers 3 in the event that I need something more lightweight, but I am running into a problem when trying to integrate some of the generously ...
0
votes
1answer
52 views

KML too large for browser - can this be done in a server?

Please note, this question is similar to this question, which is 4 years old and has no accepted answer. The closest to an answer in that thread - using fusiontables - is not going to work for me ...
0
votes
1answer
47 views

Geocoder's autocomplete only shows 26px in Leaflet

I've got a map on GitHub (I removed everything that isn't needed). The problem is that the geocoding widget doesn't show the search results completly: I guess this happens due to a custom zoom bar ...
2
votes
1answer
65 views

Navigate two leaflet maps

I am looking for an example where there would be multiple map divs containing leaflet maps. When one is panned I want the other one to pan or zoom with it so they are always in sync.