Questions tagged [leaflet]
An Open-Source JavaScript Library for Mobile-Friendly Interactive Maps
357
questions
62
votes
6answers
126k views
Loading external GeoJSON file into Leaflet map?
I would like to load a geoJSON (polygon) file into my leaflet map. I have seen examples where geoJSON is embedded into the javascript code but I can't find any examples showing how it is done with an ...
49
votes
14answers
39k views
Converting ArcGIS Server JSON to GeoJSON?
I'm creating a web map using Leaflet, and I want to be able to grab feature layers from our ArcServer. I have successfully been able to retrieve a feature class as JSON, but Esri's JSON objects don't ...
7
votes
3answers
3k views
great circles in QGIS and export in 3857 webmap
My plan is to visualize great circles in a leaflet webmap.
So coming from this great postgis article and R version I thought it would work like this in QGIS:
create line from two points,
store ...
45
votes
5answers
129k views
Showing popup on mouse-over, not on click using Leaflet?
Is it possible in Leaflet that popup opens on mouse-over, not on click?
This is working for just one marker at a time, but I need it for a bigger number of markers:
marker.on('mouseover', function(e)...
14
votes
2answers
21k views
leaflet geojson coordinate problem
I just started to play with leflet/geojson a little. But my coordinates are not rendered properly and I have no clue what is going on.
My coordinates are: 52.23943, 4.97599. They work correct with ...
108
votes
8answers
82k views
Choosing OpenLayers or Leaflet? [closed]
I was debating with one of my collegues on OpenLayers v/s Leaflet. I made a point that OpenLayers is much better API if we wish to build a project, where you need direct connectivity to the Geoserver ...
10
votes
3answers
30k views
Displaying properties of GeoJSON in popup on Leaflet?
This is my simple GeoJSON with Leaflet map. I want to display properties as popup but I don't know why it is empty.
Can you tell me my mistake?
<html>
<head>
<title>A Leaflet map!...
11
votes
2answers
16k views
How to add Geoserver WFS to Leaflet JS Application
I have a PostGIS database and have successfully consumed a table into GeoServer and published a WFS. Are there REST endpoints available for these WFS' akin to ESRI's feature services? How are ...
9
votes
1answer
25k views
Combine Leaflet with Geoserver WMS map
I'm not very skilled within the GIS world, however, I would like to know if it's possible to use this map:
http://wfs-kbhkort.kk.dk/k101/wms?service=WMS&version=1.1.0&request=GetMap&...
2
votes
1answer
632 views
Small features don't draw when zoomed out using Geoserver WMS
I am using Leaflet to access polygon layers through Geoserver WMS. When I zoom out the smallest polygons will disappear and not draw. They would essentially be a dot if they did draw. Is there a way ...
5
votes
1answer
4k views
Multiple on-the-fly filtering based on markers' features on leaflet
I would like to filter the markers on my (geojson) layer according to two features: year and type of event, ideally using both filters (year and eventType) as check-boxes without using layerGroup at ...
12
votes
1answer
16k views
How to label geojson points in Leaflet?
How to show labels for geojson points in a Leaflet map?
There is Leaflet.label that is now deprecated in favour of L.Tooltip, but that only shows text on hover. I want to show the text labels ...
11
votes
1answer
21k views
Overriding Leaflet tooltip style?
I'd like to override the default style of Leaflet 1.0.0 tooltips, especially the bubble/frame. I don't see any options or methods for this. How do I hook into the CSS? I want to change layers ...
19
votes
1answer
52k views
How to change Leaflet Map panes layering order (z-index)?
Leaflet maintains that the Map panes elements contain all layers added to the map. The difference between many of the Map panes is strictly the z-index order of layering.
I would like to use a ...
4
votes
3answers
4k views
Leaflet proj4leaflet with multiple projections
I am looking at having both EPSG4326 tiles and EPSG3857(cloudmade) tiles on a single map (but separate layers). I have been looking at the proj4leaflet plugin, and it "appears" to me that this might ...
1
vote
1answer
3k views
How to add a bounding box filter to this leaflet WFS request?
I use this function to add an interactive layer to my leaflet application. It works great in most browsers, but fails due to time-out error on certain networks and browsers.
The solution I think is to ...
0
votes
1answer
1k views
Turf intersect point with Leaflet GeoJSON error
Leaflet and Turf. I am trying find all the layers on a Leaflet map that intersect a point when the user clicks on the map. I am using the turf library to test for this. In the console when I click on ...
59
votes
7answers
13k views
Creating Vector Polygons with rendering performance like GISCloud?
I have been looking for a solid solution which would allow me to create a web map and overlay vector polygons without taking forever to load such data with the goal of allowing me to make each polygon ...
31
votes
3answers
43k views
Adding/Removing GeoJSON layers using Leaflet
I am trying to show different GeoJSON layers at different zoom layers using the Leaflet API. I can load and display all three layers at once (though I do not actually want them all to show at once). ...
9
votes
4answers
35k 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
http://localhost:8080/...
26
votes
4answers
26k views
Disable leaflet interaction temporary
How can I temporary disable zoming/draging the Mapview in Leaflet.js
Tried so many ways but without any luck.
It's important to make it temporary and I also need the option to enable again.
17
votes
2answers
3k views
Understanding web mapping tools [duplicate]
Before I start, this is going to be a general question but with specific cases. I've been trying to understand GIS tools and applications to achieve the following:
Build my own basemap
Publish the ...
14
votes
2answers
12k views
Placing controls outside map container with Leaflet?
Can someone tell me how I can place controls outside of the map content with Leaflet?
In this case, I just want to place the layer switch control outside the map object.
16
votes
2answers
5k views
How can I make a polyline wrap around the world?
I am using leaflet maps to create a representation of a round-the-world challenge. I would like to add a polyline which heads east from tokyo and then appears west of south america on the map - but ...
14
votes
1answer
67k 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 ...
7
votes
4answers
4k views
Advantages of WFS over GeoJSON/KML?
I'm planning to create an online map with openlayers (2 or 3) or leaflet. I have to show some points/markers (~30.000), polygons (~500) and lines on top of an OSM map in several layers. Those points ...
6
votes
1answer
5k views
Tile names & coordinates relationship
I'm aware that this site is intended for cartographers, geographers and GIS professionals. I must admit that I'm absolute beginner in the area of maps, but not in the area of programming (40+). I hope ...
4
votes
1answer
13k views
How do I get GeoJSON data from GeoServer into show up on my Leaflet map?
I'm trying to create a simple "Green" map for my city. The idea being that it is a website with a map and layers you can turn on and off. I am serving the data through GeoServer and am using GeoJOSN ...
3
votes
2answers
7k views
GTA V coordinates to LatLng
I'm here because I'm trying to create a GTA V map with Leafletjs API. In deed, I've got my tiles that are ready. But the aim is to put markers on the map by using GTA V in-game coordinates. To achieve ...
3
votes
1answer
3k views
How to access Leaflet EPSG:3857 coordinates?
I read everywhere that Leaflet is internally using a spherical web mercator (EPSG:3857), but whatever I try I get either Lat/Lon (EPSG:4326) or strange coordinates I dont understand:
map.getBounds()....
9
votes
1answer
11k views
Leaflet GeoJSON with projected coordinates (3857)
I am trying to get a GeoJSON with projected coordinates to show in Leaflet.
I have no problems loading GeoJSON with lat/lng (EPSG:4326). Here is a fiddle where I load the GeoJSON with unprojected lat/...
6
votes
2answers
16k views
How to edit an existing layer using leaflet?
I am used to working
with OL3 and I wanted to try using leaflet and see if it is as powerful as OL. I loaded a map with some data from a GeoServer WFS layer using this tutorial from Georepublic.
var ...
1
vote
1answer
1k views
Splitting a polygon by multiple linestrings leaflet and turf.js
I am trying to implement an utility for land subdivision using leaflet and turf. I am not sure if these tools are the right ones for the task. I've got it right for most of the scenarios but sometimes ...
5
votes
4answers
3k views
Can Geoserver return the raster value of a lat/lon point
I have a GeoTIFF published by Geoserver 2.2 and being used by Leaflet via WMS. How can I get Geoserver to return the raster value at a lat/long point?
I'm guessing it has to do with using WCS, but ...
0
votes
1answer
601 views
Displaying selected layers depending on zoom in Leaflet
It looks like I found the problem between the document.querySelector and map.on('zoomend') function.
I was going to set the zoom level for switching off some layers, what has been raised here:
...
18
votes
2answers
13k views
What is the most common way of displaying geodata from Postgis on Leaflet?
For example, in my database I've some points with geographic coordinates. I want to display them on Leaflet JS layer. Which instruments should I use? Maybe there is some API...
33
votes
1answer
31k views
What is the default projection in Leaflet?
I've read an API documentation for Leaflet on its site, but I can't realize: what is a default projection to view maps? It was written about spherical and elliptical Mercator and Equirectangular - so ...
13
votes
3answers
34k views
Is it possible to convert regular JSON to GeoJSON?
My apologies if this is a repeat question, I searched here and couldn't find an answer. I have JSON data I've exported from Openpaths.cc which contains lat and lon values. However, the data is not in ...
12
votes
2answers
33k views
Leaflet: How to move the layer-control menu?
This might be a silly question, but I could not find a documented way to achieve this.
I'd like to freely position the layer-control menu, probably to the top left near the default zoom-in/out button....
6
votes
2answers
16k views
Leaflet layers on different zoom levels. How?
I've added a polygon layer and a point layer to my leaflet map.
I would like the points to appear after a certain zoom level or when a "click" event occurs e.g. (polygons.on("click", function....)
...
3
votes
3answers
12k views
Incorporate Google Streetview into a Leaflet map
The person who asked the question at the link below way back in 2011 said, "I understand that it is possible to incorporate Google StreetView into non-Google apps".
Can anyone tell me how this is ...
4
votes
1answer
26k views
How to get LatLng array from geoJSON Layer in Leaflet?
i need to hand the latlng coordinates from my phpPostGIS-served geoJSONLayer as an array over to a new added HeatMap Layer. L.geoJSON has an build-in option: coordsToLatLng( coords )" and a static ...
2
votes
1answer
3k views
Filling contour levels with grain (texture) using Leaflet
I created a program to draw temperature contour map of France:
This is the code:
library(ggplot2)
library(gstat)
library(sp)
library(maptools)
require(rgeos)
library(rgdal)
library(foreign)
library(...
8
votes
5answers
11k views
How to get a Leaflet app with a big GeoJSON file to work on mobile devices?
I have a leaflet app which displays a GeoJSON file as a layer. It works fine in the web browser. On the mobile browser it starts up, but quits after panning around on the map. I think the reason for ...
3
votes
2answers
4k views
Leaflet MarkerCluster custom info window instead of spiderfy effect
So I have been experimenting with the Leaflet Marker Cluster and was wondering if there is a way to disable the spiderfy animation and change the event when cluster is clicked on? Instead the clicking ...
2
votes
1answer
6k views
Addig title to marker or shape using Leaflet Draw? [closed]
I am trying to create a participatory mapping site where users can draw pts, lines and polys using Leaflet draw.
Is it possible to create a pop window where users can add a title or description of ...
11
votes
2answers
18k views
Make Leaflet map background transparent
How can I make the background of the Leaflet map transparent. I see opacity controls from the layers, but not the map background. Should the be changed just with plain CSS?
11
votes
2answers
27k views
Loading vector tile layer in Leaflet map?
I need to load a vector tile layer in a Leaflet map.
The vector tile is the vector tile layer about Mapillary sequences (look at https://a.mapillary.com/#vector-tiles ...), and the tile URL pattern ...
9
votes
2answers
19k views
Fly To Location in Leaflet
Is it possible to 'fly to location' in Leaflet in the same way as this Mapbox GL example?
8
votes
1answer
4k views
Calculating Optimal Geohash Precision from Bounding Box
I'm using Elasticsearch's GeoHash grid Aggregation to plot clusters on a map (using Leaflet). I understand that for larger areas a lower precision setting should be used to limit the number of buckets ...
