The Stack Overflow podcast is back! Listen to an interview with our new CEO.

Questions tagged [leaflet]

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

Filter by
Sorted by
Tagged with
1
vote
1answer
408 views

projection error on Leaflet map

I am trying to add a converted shapefile (now a geojson) to a Leaflet basemap, using EPSG 26986, so I tried using proj4leaflet to reproject it. However, I keep getting an error message "phi2z has ...
3
votes
0answers
96 views

Protect our WMS map tiles to only accessible from our site [duplicate]

We are using geoserver (2.3) to serve WMS map tiles generated from mapping data we licenced. We use leaflet on the client side to show the map (part of a ruby on rails site running on heroku). Because ...
1
vote
1answer
399 views

Leaflet Draw Popup text unselectable in Chrome

I have a map here: http://maps.gcc.tas.gov.au/measure.html I have some simple popups happening, and it's working well. But, I can't select the text for markers when using Chrome or Firefox. This ...
7
votes
1answer
7k views

Offline SLIPPY Map (Tiles) Database for Leaflet

How can create an offline cache of a large number of SLIPPY tile (PNG, 256x256) inside a web browser and then display them from that offline cache. For example, can one use HTML5 IndexedDB as an ...
1
vote
2answers
738 views

Where to store geodata to be layered over an OSM tile map?

I'm working on a project for which most data can come straight from OSM. But some data is not relevant to OSM and will need to be stored separately then layered over the top. Probably the tiles will ...
3
votes
1answer
2k 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 ...
0
votes
2answers
2k views

Leaflet WMS layer not working until zoomed

I created a toggle button to add and remove wms layer from the map. In the default zoom level, it is working fine. But when I remove layer and zoom in or out, then do "Add Layer", the layer does not ...
6
votes
1answer
31k views

How can I change the style of marker in leaflet (from GeoJSON)?

I'm serving GeoJSON to leaflet and by default it get a blue icon marker. I'm trying to change the style so I'll be able to use the feature properties as part of the style , but no matter what I do , ...
3
votes
1answer
1k views

GeoJSON is valid according to JSONLint but jquery gives error

I have the following GeoJSON (from webservice) { "Features": [ { "Id": "1", "Geometry": { "Coordinates": [ { "Latitude": 31.2812, ...
0
votes
1answer
4k views

How to add Mapserver layer to Leaflet?

I have a layer in PostGIS in epsg:4326. Put in in MapServer: MAP IMAGETYPE PNG EXTENT 60.0 56.0 61.2 57.4701 SIZE 800 600 OUTPUTFORMAT NAME "png" DRIVER GD/PNG IMAGEMODE PC256 ...
2
votes
0answers
272 views

Show geoJSON properties in jQuery Mobile Panel

First off I'm a novice at JS so please bear with me if this is a simple task to complete. I'm currently using the stock LeafletJS popup bubble to display the properties from my geoJSON. However, I ...
0
votes
1answer
2k views

How to render only those Leaflet layers which are in current map view?

Is it possible to render Leaflet layers which are in current map view so that other layers which are not in that map view doesn't render? I have many polgons (buildings) and it is really slow ...
1
vote
0answers
2k views

Leaflet's worldCopyJump breaks map, zooming fixes it up (updated)

I had my map working with worldCopyJump set to true, but then it stopped working. I'm not sure exactly what broke it (the original form of this question said there was a connection to a plugin, but ...
1
vote
1answer
413 views

Get latest tiles from TileMill's tile server in Leaflet

My leaflet app gets the tiles from TileMill's tile server in the standard way: L.tileLayer('http://<myip>/tile/SteveCountryVic/{z}/{x}/{y}.png', { ... }); These tiles are often old, not ...
1
vote
1answer
1k views

CartoDB Convert from the_geom to google's lat long

I have a CartoDB table that when I query it via the rest api I get something like this: { "name": "sas", "street": "la plata 2390", "cartodb_id": 1, "created_at": "2013-06-26T00:46:21.412Z", ...
-1
votes
1answer
334 views

How to properly use PostGIS with Maps

First time using PostGIS in an app. Target: - Get Heat Map of customers from address table using leaflet.js and heatmap.js Have DB called store_dev. Installed OSM Bright from Mapbox in it. Have a ...
2
votes
0answers
230 views

How to select GeoJSON vector feature in Leaflet?

I've been using OpenLayers for years,instead of comparing OL & Leaflet libraries,I decided to use Leaflet for the job for now. I have a GeoJSON data layer where I show point objects only.Just as ...
0
votes
1answer
12k views

leaflet fitBounds with multiple marker

I have created two checkboxes. If I check one it will zoom to a point with marker. If I uncheck the checkbox the marker removed. Similarly second one is working. But I want to do if the two checkboxes ...
1
vote
1answer
1k views

How to apply bounding box filter in leaflet WMS?

There is a working example in leaflet site for adding WMS Layer in leaflet map at : http://leafletjs.com/reference.html#tilelayer-wms. But I don't see methods to provide the filter for bounding box. ...
2
votes
1answer
1k 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. ...
20
votes
1answer
37k views

Change marker icon on click using leaflet

I have a map with many (>100) markers on it. I would like to make it so that clicking on these changes the icon to a highlighted version. I've created two custom icons, one regular, and one ...
2
votes
1answer
329 views

Value at a particular spot on Geoserver Heatmap

Geoserver is drawing from a PostGIS database to generate a heatmap using this SLD extension. Leaflet then overlays the heatmap over the base layer. Question: How can you determine the value at a ...
1
vote
0answers
1k views

Updating leaflet variable using dajax?

Really, I think this a somewhat easy question for someone with some more experience in javascript programming. I have a Django app to map some locations using leaflet. I'm using dajax for some on ...
0
votes
1answer
2k views

find route distance & time taken to travel between two points using leaflet

I am able to find route between two points using cloud mode & leaflet using this. CloudMade Routing with Leaflet: route is not displayed But I also want to find distance & time taken to travel ...
2
votes
2answers
2k views

Leaflet, defining a specific region for a canvas to draw upon

Using leaflet, you can draw on a given map by adding a Canvas layer. Some instructions are given here, http://leaflet.cloudmade.com/reference.html#tilelayer-canvas var canvasTiles = new L.TileLayer....
3
votes
2answers
1k views

Slippy map format

When do you decide which to use? I've started using Geoserver and it seems like map files are downloaded to the browser (using Leaflet) in the WFS format. When I look at OSM, Mapbox etc, they use ...
2
votes
0answers
244 views

Creating polygons for a choropleth map using PostGIS

I have a grid of points, each with a value to it as shown in the image below. The data was retrieved from PostGIS and rendered in Quantum GIS. The final result should be a polygons of a choropleth map ...
2
votes
2answers
2k views

How to draw line in leaflet using postGIS road data

I have few points from server and I want to draw a line with this point on road. But the leaflet drawing point to point line as shown in picture in orange color. But I want to draw the line according ...
3
votes
1answer
801 views

GeoServer 2.3.0 Proxy Setting

I've upgraded to GeoServer 2.3.0 running on Apache Tomcat 7.0.39 on my host WebFaction. My websites and GeoServer are on same host but different ports. How do I go about setting a proxy so that my ...
13
votes
1answer
3k views

Generating Heatmap from PostGIS

I have GIS data in a PostGIS data base and would like to generate a density map and display them on a Leaflet/Google Maps. Question: What is the recommended/typical method for doing so, without ...
2
votes
2answers
2k views

Leaflet: maximum number of layers?

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

What is the best way to use Leaflet and Geoserver to highligh a feature after a WMS request?

I have a web map, and I'm hoping to make it interactive. The layer I have is reasonably large, at 15 mb in GeoJSON format 4 mb compressed, so I don't want to load the whole layer as one file. But, I ...
5
votes
2answers
319 views

Simplest way to make web maps with lots of shapes

I have some computed data about US Census blocks. I'd like to make a web map to display that data. I've searched around and found various tools, but I can't tell what is the simplest "lazy man's way"...
9
votes
1answer
11k 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 ...
0
votes
2answers
5k views

Adding the draw control in Leaflet

I'm trying to add the Draw Control availble in with the Leaflet.Draw Plugin I've downloaded the code and stored in htdocs and point my page towards the js and css libraries needed. The page loads ok ...
1
vote
2answers
1k views

How to use Leaflet marker clustering with image map only?

I have image map of one state, where I would like to put about 100 markers. Is it possible to use only one image map instead of CloudMade tiles Leaflet usually uses? So, I need only that image to be ...
2
votes
2answers
786 views

Do the recent developments in the Google Maps API replace necessity of OpenLayers?

I think the main drawback of the Google Maps API is that we can't add our own vector data or raster imagery as one of the layers in the map. Is this correct? Or is there any alternative in the Google ...
8
votes
1answer
3k views

How to configure custom scale in Leaflet?

I have a custom WMS tileset generated using ESRI ArcGIS Server. I have successfully configured an OpenLayers page to display this basemap. The code is as follows: var map = new OpenLayers.Map('map',...
2
votes
2answers
6k 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 ...
1
vote
1answer
2k views

leaflet layerGroup is rendered behind baselayer

I have several baselayers and overlays. Everything is fine except the lauerGroup is rendered behind the baselayer. First I define the baselayers and add them to a 'baselayer' variable. // base ...
1
vote
1answer
2k views

Geojson multipolygon doesn't work with Leaflet bindPopup?

I have polygon and multipolygon data in Geojson format and when I try to bind popup for polygon, it works perfectly, and when I try to bind it for multipolygon, it doesn't work. Is that some Leaflet ...
2
votes
2answers
1k 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. ...
1
vote
3answers
2k views

Add TileCache Schema Layer to Leaflet Map

I am trying to get Leaflet to display a TileCache Schema tileset. One example: http://example.com/tiles/Admin/06/000/000/357/000/000/158.png As far as I can tell, Leaflet only supports TMS style ...
4
votes
1answer
1k views

How to avoid corrupt geometries when translating between TopoJSON and GeoJSON?

I'm trying to display some geojson vector features on a leaflet map. The size of my GeoJSON is too big (25.4mb of data, 8.47mb gzipped), so I'm trying to use a TopoJSON format to reduce the size ...
2
votes
1answer
1k 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 ...
5
votes
1answer
9k views

How to set up a layer control using Leaflet?

I have been working on a mapping application using Leaflet. I am using a WMS on Geoserver to get my layers, which are overlaid on a cloudmade basemap. I tried to use the layer control on my map by ...
18
votes
3answers
19k views

Does Leaflet JS API provide a Geocoding service?

I am considering replacement of Google Maps with Open Street Maps and the Leaflet JS API. Does the Leaflet JS API provide a Geocoding service?
3
votes
1answer
1k views

reusing cached tiles with leaflet, mbtiles and mbtiles-php

I am using Leaflet and infostream's fork of mbtiles-php to serve MBTiles stored on my server. I'm using a Leaflet layer group (and a layer control) to serve two MBTiles files. When I toggle between ...
4
votes
1answer
399 views

How to set up a maximal zoom for polygons in Leaflet?

How to set up a maximal zoom for some layer, for example state polygons? I need that my US polygons which represent states have maxZoom 6, and when zoomed higher than 6, that US counties show up ...
2
votes
0answers
2k views

Problem with multipolygon in Leaflet

I'm using Leaflet L.Polygon, but for some reason there's only blank site. Here's my code: var map = L.map('map').setView([37.8, -96], 4); var cloudmade = L.tileLayer('http://{s}.tile....