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

learn more… | top users | synonyms

6
votes
3answers
183 views

How to generate image tiles from custom geo data for use with Leaflet

Migrating a webapp from Google Maps API V3 to OSM + Leaflet, which displays custom data that consists of lots of lines and points, on a background map. When this custom data is drawn by Leaflet on ...
0
votes
1answer
211 views

leaflet - The marker and center map are not in the right place

I'm starting use the Leaflet. I put a marker to test but neither the marker nor the center are in the right local I set. example: I put the marker inside a stadium and it appear outside stadium. ...
0
votes
0answers
36 views

What are some ways to put points on a map and information about those points in a sidebar?

I'm trying to figure out the best way to have a sidebar that will have information about points on a map (like you see in something like yelp). I can get the points on the map but I'm struggling to ...
2
votes
0answers
108 views

How to add an offset to a GeoJSON layer in Leaflet?

Using the example GeoJSON tutorial code at leafletjs.com. Change the myLines variable so that the two lines overlap, but run in opposite directions as follows: var myLines = [{ "type": ...
1
vote
1answer
140 views

Add EPSG:3857 geometries to map using Leaflet

Right now Leaflet can only add geometries with latitude and longitude values onto the map. If we have a EPSG:3857 point, whose x=-11819829 and y=4200860, how can I add it onto the map? If this point ...
0
votes
0answers
160 views

Progress-bar not appearing on Leaflet-MarkerCluster

I am having problems with the progress-bar of leaflet markercluster. I am using it in a geodjango application which uses the django-leaflet app to handle the leaflet requirements. Everything works but ...
2
votes
3answers
90 views

Start-Marker from geojson polyline

i have a map with some walking- and bike-routes and popups with a few details and a picture. Now i want to set a marker on the first vertex of a geojson polyline, but i cant find out how. Btw. i´m ...
2
votes
1answer
316 views

Viewing map tiles from Maperitive in leaflet or openlayers

I generated tiles in Maperative. Created following html file: <html> <head> <meta charset="utf-8" /> <link rel="stylesheet" href="leaflet/leaflet.css" /> ...
0
votes
0answers
31 views

How to realize two overlaying layers? One with Popups, the other one with Info-div!

I'm trying to display two overlaying layers (geojson). Layer1 should give me information by hovering over it (works fine based on the Leaflet Choropleth Map Example. Layer2 is situated within Layer1 ...
1
vote
0answers
21 views

GeoServer Date ftl showing time stamp rather than just the date

I had an issue with Geoserver showing my postgresql data in the US (MDY) format rather than the UK / European format (DMY). I fixed this by removing the comment #, and setting the language, to en_GB. ...
1
vote
1answer
210 views

Leaflet setView with non lat/long CRS

Is it possible to use setView when using an alternative CRS? var map = L.map('map',{crs: L.CRS.EPSG26915}).setView([4970081,477018], 13); // Returns: Uncaught TypeError: Cannot call method ...
0
votes
0answers
70 views

How to add Esri legends for basemap within Leaflet JS?

I have a map with the Esri REST population density basemap. I also have 5 geoJSON layers with a legend. What is a method to display the Esri legend when my geoJSON layers are turned off and my ...
1
vote
2answers
275 views

Is there a good free Flat style map tile available?

I'm building a website in the style of Flat Design, and hoping to find a map tile that complements the design and can be used with Leafletjs.
9
votes
1answer
160 views

Mercator bias plot in Leaflet

I was inspired by this wikipedia image from the mercator projections page to hack around with leaflet. The idea was to interactively have your cursor move a continent and that it would be corrected ...
4
votes
1answer
80 views

Why do these points send me to the middle of the ocean or middle of nowhere? [duplicate]

I've been beating my head against the wall trying to map some points using Leaflet + OSM. I put in some sample points (near Bellingham, WA, USA). I've checked the JSON with JSfiddle and ...
2
votes
1answer
147 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 ...
3
votes
1answer
79 views

How to display information in a div outside the map?

I tried a bit around and created a simple map with two polygons(most of the code I got from the Interactive Choropleth Map Tutorial). I added a "L.control()" to show information about the polygons in ...
3
votes
1answer
185 views

leaflet choropleth map using dynamic value

I am doing a choropleth map using leaflet and JSON data. I got a clean tutorial in leaflet site. In that tutorial the used us-states.js JSON file where the choropleth was based on the ...
3
votes
1answer
1k views

How to highlight features on user click in Leaflet?

I'm new to leaflet & javascript. I made local tiles using maperitive, I can draw Polygons, Polyline & Points using GeoJson over the tiles using leaflet, I can serve the both (tiles & ...
5
votes
1answer
91 views

toggling a list of paths in Leaflet

I drew a bus map of San Juan, Puerto Rico in leaflet.js. It's on dropbox. Using the layers control I let users toggle the bus routes they want to see. Unfortunately, the list of 45 or so bus ...
0
votes
1answer
511 views

Add simple image layers to MapBox / Leaflet?

Is there an easy way to add simple image layers (with no, or very limited, GIS data) to Mapbox and/or Leaflet? Google maps seems to have the ability to add custom layers, simply by attaching the SW ...
1
vote
2answers
618 views

How I can load tileLayer in Leaflet framework using local tiles?

I'm using file:///C:/path/tiles/{z}/{x}/{y}.png like url of tileLayer but it doesn't work and no error is shown. var layer = new L.tileLayer("file:///C:/OSM/tiles/{z}/{x}/{y}.png", { minZoom: ...
0
votes
0answers
29 views

Create canvas layer matching wms layer

I would like to get a canvas layer matching exactly my wms layer with leaflet. Is that possible?
2
votes
0answers
76 views

QGIS 2.0 How to copy the color styling to a color column in a layer's attribute table

I have a polygon layer in QGIS that I have applied a random color style to each polygon. Under Layer Properties -> Style I selected a Categorized style and then generated a random color ramp. I added ...
0
votes
0answers
70 views

Heatmap processed on the whole layer / dataset

How can I process the geoserver heatmap on my whole database rather than on the displayed part of it? What I want is to keep the same color for each place, everytime. Here is an illustration of what ...
0
votes
1answer
89 views

Geoserver heatmap in meters rather than pixels

Is it possible to get the radius' density kernel of the heatmap in meters rather than in pixels? http://suite.opengeo.org/opengeo-docs/cartography/rt/heatmap.html If not, is there other alternatives ...
0
votes
2answers
550 views

Problem loading WMS layer from external server in Leaflet

I'm trying to use the WMS service documented here in a leaflet map. The documentation shows an example for openlayers: var wms = new OpenLayers.Layer.WMS( "Population Density", ...
2
votes
1answer
113 views

Leaflet.js and CartoDB.js event conflict

Little problem here. I’ve got a layer from a CartoDB viz that I’m listening to the featureclick event. When a feature is clicked I highlight it by applying cartoCss. However, I want to unhighlight it ...
0
votes
1answer
176 views

problem using proj4js and Leaflet to transform coordinates

Sorry, this question is really simple (my simple brain must be doing something stupid)... I'm trying to use proj4js with Leaflet to convert a mouse click event from WGS84 coordinates into British ...
0
votes
1answer
197 views

Mapbox markerLayer from GeoJSON with prompt as input not working

I am trying to display a pin on a map. It works fine if I code the GeoJSON data into the script of my file. If I try to insert the GeoJSON data via a user prompt, it doesn't work. The variable must be ...
3
votes
2answers
117 views

Convert data to another Coordinate Reference System

Assuming I've a point like this : POINT (751318 9760879) This point is in EPSG:27700 coordinate reference system. How do I convert the point to display in a map with EPSG3857 coordinate ...
2
votes
3answers
286 views

geoserver heatmap tiles doesn't display well (with leaflet)

I am trying to display a heatmap generated with geoserver on my map using the L.tileLayer.WMS class from Leaflet, but the tiles do not fit well together. Do you have any idea how to fix it?
1
vote
1answer
284 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 ...
0
votes
0answers
51 views

XMLHttpRequests clogging/pending in Leaflet.js

If I have a lot of active layers and eg. zooom in and out, dozens of tile xmlhttprequests are sent. This causes a problem in most browsers, clogging it so to speak, and leaving the map blank and ...
2
votes
1answer
284 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
60 views

Why aren't my basemap tiles showing up via ArcGIS Server

I have a leaflet js script referencing the ArcGIS server imagery api. The code worked fine up until about two days ago. Now when I click on the layer there's a gray background. I am using my local ...
0
votes
1answer
93 views

How can I extend L.mapbox.legendControl?

I'm trying to override legendControl.onAdd, but I can't seem to do it early enough. I can override the other functions, since they're fired after map init, but I can't seem to change the prototype? ...
0
votes
1answer
51 views

How to call Leaflet FullScreen plug-in from code

I'm currently using Leaflet along with leaflet.fullscreen to provide a full screen map. I've got it working nicely with the button but I can't work out how to "call" the function manually from my ...
1
vote
1answer
236 views

How to improve speed of rendering polygons from Postgis in Leaflet?

I want to improve speed of rendering polygons in my Leaflet map. Polygons are stored in Postgis, and are rendered with select query with bbox. I wonder can I cache somehow those polygons? I read ...
1
vote
1answer
194 views

SVG control not visible on top of Leaflet.js

I'm using Leaflet 0.7.1 and want to draw a radial menu (like openstreetmap's iD editor) on top using d3. Some examples I found use Leaflet's overlayPane to append the svg element to: var ...
1
vote
1answer
70 views

Hot could I generate a CRS field inside the GeoJSON object created by Leaflet layer.toGeoJSON?

I'm using Leaflet to transform some drawn polygons to GeoJSON and send them to a backend. But the GeoJSON objects generated by layer.toGeoJSON are like this: { "type":"Feature", "properties":{}, ...
0
votes
0answers
346 views

How to populate popup content when clicked on polygon in Leaflet?

When user click on polygon, popup opens with content from my-query.php. The problem is that php query is loaded when map loads, and I want that my-query.php loads when user click on some polygon, so ...
1
vote
1answer
56 views

Is there a way to visualize TIN surfaces for web-mapping purposes?

I have created a TIN data set of electricity consumption. It is visually appealing, and often times TINS help the map reader understand geographical relationships better. Are there methods to ...
1
vote
1answer
724 views

Leaflet draggable Marker

I have setup a draggable marker on my map with Leaflet API. Its working fine. But the problem is when I am trying to drag it to the border area the map is not moving. I want a panning map with Marker ...
0
votes
0answers
226 views

Leaflet Map Dropdown

I am attempting to create a simple basemap selector to use in a leaflet map to assist in selecting a basemap of interest. I've created a new Select control that works great in a computer browser but ...
3
votes
1answer
158 views

How can I use Leaflet with esri-leaflet and ArcGIS Online services

I've used public ArcGIS Online services plenty of times in ESRI JS web apps and I imagine that using them as layers in Leaflet is pretty much the same. The one problem I can see is how would one ...
0
votes
0answers
100 views

How to correctly use multipolyline with leaflet

I'm trying to represent one polyline with leaflet, then copy it in a multi polyline, empty the polyline, and fill it again with new data. I currently use something like: l = ...
2
votes
1answer
238 views

Options for getting data from SQL Server into Leaflet app?

I have polygon data in SQL Server 2012 that I need to get onto a Leaflet application - we're not talking thousands of polygons, but simplified U.S. counties where only one state will be displayed at a ...
1
vote
1answer
883 views

Using Google Tiles on LeaftLet

I would like to use the Google tiles on LeafLet (RoadMap, Satellite,...). I've tried this https://github.com/shramov/leaflet-plugins and it works fine, but I'm worried about the possible legal ...
0
votes
1answer
699 views

Leaflet GeoJSON features not showing up in map

New to GeoServer and Leaflet...loving it so far, but I am weak in JavaScript. I have just built a simple web page that should load points from a GeoServer WFS service using GeoJson. However, even ...