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

learn more… | top users | synonyms (1)

2
votes
1answer
5k 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 ...
2
votes
3answers
5k views

Getting WFS data from Geoserver into leaflet

I'm trying to use a ajax call to load WFS data from geoserver into a GeoJson layer in leaflet. When I do the following message in the console: XMLHttpRequest cannot load ...
2
votes
3answers
592 views

How to pull lat/lng from a map canvas and update a database

So if i want to pull out lat/lngs after user clicks on a map canvas (lat/lngs are pulled using any javascript API (leaflet, wax etc.) and add this to a postgresql database using a query, how do i do ...
2
votes
1answer
911 views

Adding a search box to a Leaflet.js example

Consider the example in the following link for Folium: US Employment visualization per county. The result looks like what you see below:     I would like to add a search box to it to be ...
2
votes
2answers
736 views

How to load big geo-data file into web application

I am building a web app where I show details in map. I load data using geojson file (190 mb). I was looking in different possibilities to show the data, here there are: Leaflet GeoJSon: it should ...
2
votes
2answers
977 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 ...
2
votes
2answers
2k views

Leaflet export to jpg

Does anybody know if there is a way to export the current view of a Leaflet map to jpg? The setup is as follows: Leaflet is hooked up to an Oracle database. Depending on user interaction, various ...
2
votes
1answer
989 views

GeoServer Callback Function Undefinded

Any idea why the function loadThis() comes back as undefined? I've tried adding jsonp: false which doesn't help either. The json object is returned properly, I can view it in FireBug, but I can't get ...
2
votes
1answer
2k views

Leaflet, wrong API key when using CloudMade tiles!

I've registered on CloudMade and got some API keys but non of them work with Leaflet API. When I checked for image URLs and opened each directly using my browser it prints out the message "Wrong ...
2
votes
2answers
2k views

leaflet and geojson tiles

New to mapping. Trying to create a heat map with data that updates every hour for US Counties with leaflet.js similar to http://leaflet.cloudmade.com/examples/choropleth-example.html. But, adding ...
2
votes
1answer
3k views

How to change icons for Leaflet markers when using cluster plugin?

I'm using Leaflet MarkerCluster. I created a MarkerClusterGroup as markers1 as you can see. There's about a hundred points I have written like var addressPoints in this format: var addressPoints = ...
2
votes
2answers
46 views

Qgis2leaf doesn't show layers with scale-dependent visibility

When I add layers to the QGIS2LEAF dialog box it accepts it and opens up the preview in my web browser, but when I starting looking for the layers, in this case points for campgrounds, I dont see any ...
2
votes
2answers
200 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 ...
2
votes
2answers
199 views

Flannery compensation in Leaflet JS

I'm creating a bubble map using Leaflet JS. Everything is working smoothly (LeafletJS is awesome!) but now I'd like to try flannery compensation on the bubbles. I can't find the math anywhere though. ...
2
votes
2answers
1k views

Leaflet.geojson webpage performance out of hand, how to convert to .png?

I exported some countries as a single .geojson file. The file includes every country's vertices and coordinates, as that's what a .geojson is ─ a vector file. Thing is, there are about 20 countries ...
2
votes
1answer
289 views

How to efficiently render and enable user interaction on thousands of points with Leaflet?

I've got a large dataset comprised of about 10k points representing gas stations. Some of these gas stations sell diesel fuel, others do not. In my web map, I want to let the user switch between ...
2
votes
1answer
825 views

How can I make a leaflet control open by default?

I'm using leaflet to display a map. I have a control section that I'd like to be open by default, but I can't find a way to do it through the API. Is there a way to do this?
2
votes
2answers
563 views

Leaflet: maximum number of layers?

Is there a limit to have many layers you can have in a leaflet map?
2
votes
1answer
600 views

leaflet: Zooming a tile cache

I have a NASA BlueMarble tile layer that goes from zoom factors 0-8. I when I go to zoom level 9, I do see a momentary scaling to 9 (stretching pixels). But then, as expected, I get the errorTileUrl. ...
2
votes
2answers
6k 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 ...
2
votes
1answer
20 views

disable onEachFeature at zoom level, leaflet

I have a leaflet map that zooms and fits on the bounds of the polygon that is clicked via onEachFeature. Is there a way to disable this at a certain zoom level? I add new layers on the 'zoomend' ...
2
votes
1answer
54 views

Making info panel clickable in Leaflet?

How do we make it possible to click, drag, copy text that appears in Info panel in leaflet.js? In a leaflet application similar to the choropleth example, I'm populating the info panel on click ...
2
votes
2answers
194 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: ...
2
votes
1answer
171 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
1answer
155 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 ...
2
votes
1answer
246 views

How to get a table from a leaflet map?

I have a map Here based on leaflet JS and the layers are geojson. I would like to get a table at on another div when I click on each layers. How would I be able to do that? Thanks
2
votes
1answer
329 views

How to let leaflet layer events to propagate to layer below

I am working on a leaflet map with three layers: a base tile-layer, a GeoJson layer and a label tile-layer. For display, I want the label layer to be on top, but for interaction I would like to let ...
2
votes
1answer
788 views

GeoJSON, circlemarkers using the Leaflet OverlappingMarkerSpiderfier plugin

I am wondering if I can use the Leaflet OverlappingMarkerSpiderfier plugin with my circlemarkers. I've loaded a GeoJSON file and added circlemarkers using; var gj = L.geoJson(route, { ...
2
votes
1answer
421 views

Using OSM Buildings in Leaflet: how to deactivate layer on loading map

I'm trying to use OSMBuildings in my Leaflet map. <!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title>OSM Buildings Test</title> <link ...
2
votes
1answer
338 views

Leaflet Layer Control appended to panel but duplicated

So I've used jquery append to attempt to move my leaflet group layer controls on to a panel. This was successful, however the original still exists on the right side of the map object. I've tried to ...
2
votes
1answer
103 views

When I publish a layer(shapefile or postgis) with TileMill, 200 meters moves

I hope someone can help me. Not if you know the TileMill application I'm working with her to publish layers look more beautiful. Well, first I have posted directly loading the shp file., But when ...
2
votes
1answer
2k views

Make sidebar div active on Marker click (and vice versa)?

What's the best way to change an element to active when you click on a marker. For example, when you click on a marker on a Leaflet map, how to make it so the sidebar element that's related to it ...
2
votes
2answers
304 views

Sending map extent in (geo)JSON

I have a leaflet map that I need to fitBound on a given rectangle. The coordinate for the fit bound will be transfered in JSON via a REST call on a server. We are using GEOJson to encode our geometry ...
2
votes
1answer
530 views

Display a control (zoom bar) outside map container in Leaflet?

I need to extend a zoom control so that it is functional outside of the leaflet map container. Can this be done? Essentially,the same idea as what is accomplished with this item here but under the ...
2
votes
1answer
900 views

How can I load stricly tiles within the current viewport in Leaflet.js?

I have tiles that are not available for the whole map. How can I stop Leaflet.js/Mapbox.js from making requests to these tiles? There are dozens of 404's that I'd really like to get rid of. Thank ...
2
votes
1answer
876 views

Leaftlet and ArcGIS Server REST

I am fairly new to all of this and am looking for some guidance. Any information is appreciated! I am trying to use leaftlet to display shapefiles from an ArcGIS Server using the REST URL. I have ...
2
votes
1answer
169 views

Removing Places from OSM [closed]

Doe is exists a way to remove all the places from the OSM map? Also like shops, bars, restorations, hotels etc. I wish to use a maps with a less info. Is it possible to do this from the original OSM ...
2
votes
1answer
2k views

leaflet show miles/kilometers

Googlemaps shows you how large an area is on a map by showing a small bar with the number of miles/kilometers at the bottem left. Does leaflet also support this somehow? I do not see it listed in ...
2
votes
2answers
466 views

How to visualize pgRouting layer in leaflet?

I have completed all the queries of the of pgRouting tutorial by Underdark where visualization was done with the help of RT SQL Layer Plugin. As I am using Windows OS I have no access of that tool. ...
2
votes
2answers
2k views

Leaflet with EPSG4326 Tile Layer (using maptiler.org)

I have successfully been using Klokan Petr Pridal's MapTiler (http://maptiler.org ) to take GeoTiff files and create TMS tile pyramids for Leaflet (option #1 which projects to EPSG3857, also called ...
2
votes
1answer
179 views

Is it necessary to add Tile layer background?

Is it necessary to add tile layer for making a GeoJSON data rendered in web browser using Leaflet or any other API ? I have a geoJSON data (I obtained the GeoJSON data by converting .shp file to ...
2
votes
2answers
2k views

Animated lines and line styles in Javascript

I'm using Leaflet library and Mapbox. I need to create animated line from one city to another, slow motion "travelling" from one point to another point. Is that possible in javascript and how? I can ...
2
votes
1answer
26 views

Building maps - when to embed in tiles versus implement in leaflet

I'm wondering if there are any principles or rules for when to "bake" geographic features into map tiles (e.g. using Mapbox Studio) versus when to "draw" them on dynamically (e.g. using Leaflet.js). ...
2
votes
1answer
423 views

Hide/Show route layer in Leaflet when click on button (Easy Button plugin)

I have a Leaflet map with button (Easy Button plugin https://github.com/CliffCloud/Leaflet.EasyButton). When click on button on map added route layer (plugin ...
2
votes
1answer
92 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 = ...
2
votes
2answers
332 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 ...
2
votes
1answer
593 views

Leaflet - how do you get individual markers from a featurelayer?

In Leaflet, if I have a feature layer filled with markers, how do I get these markers back from the layer? I want to apply different popups to each individual marker, instead of the entire set. I ...
2
votes
2answers
253 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
1answer
162 views

hiding some “feature”s in GeoJSON file on map

I have geojson file including boundaries of most countries in world. When I clicked on a "feature" (aka country, or polygon) I want to hide it while keep showing the others. because I am planing to ...
2
votes
1answer
110 views

Distort image to display on leaflet.js based on known 16x16 point grid

I have an image that is a satellite picture, and with php gd I want to distort it so I can overlay it on a leaflet.js map. To make it a bit more simple, I have a grid of points, 16x16 which bind the ...