Questions tagged [leaflet]
An Open-Source JavaScript Library for Mobile-Friendly Interactive Maps
3,073
questions
2
votes
1answer
48 views
Bi-directional arrow in Leaflet
I'm using Leaflet to create a map of movements of a species of interest.
I'm using polylineDecorator to draw arrows, but I would like to have a bi-directional arrow (example in figure below).
Right ...
1
vote
2answers
346 views
Trouble plotting Earth Engine images with Folium using Python
I am trying to plot an earth engine image using Python and the Folium package as described in the Python docs for Earth Engine. I tried running the example code given and I can't seem get the image to ...
3
votes
1answer
141 views
Leaflet make legend with different circle sizes
I would like to make the legend with different circle sizes in Leaflet.
I found one examples:
https://stackoverflow.com/questions/37446283/creating-legend-with-circles-leaflet-r
https://...
1
vote
1answer
44 views
GeoJSON layer is not visibile on Leaflet
I am trying to add the GeoJSON to the map on Leaflet
$.ajax({
dataType: "json",
url: "contour_communes.geojson",
success: function(data) {
$(data.features).each(...
1
vote
1answer
37 views
Leaflet if statement for mouseout function
I have a problem. I would like to set a separate mouseout conditions for one of the geoJson.property value.
The sitoation looks as follows:
I set function for
function style2(feature) {
if (feature....
1
vote
1answer
35 views
On change filter Leaflet
I want to make dynamic filter on Leaflet, but I got a little problem.
so first this my dropdown:
<select id="selc">
<option value="baik">baik</option>
<option value="sedang">...
1
vote
2answers
35 views
Leaflet filtering GeoJSON properties greater than and less than some value not working
I would like to raise the query, that I haven't seen before in spite of a lot of problems regarding to GeoJSON features filtering by properties.
This is using the formulas such as Greater than, lower ...
1
vote
0answers
21 views
Leaflet styling geoJSON object radius by its feature property
I am trying to style geoJSON objects by its feature properties (Capacity). I tried 2 ways:
1:
function getWidth(Capacity) {
return Capacity >= 40 ? 12 :
Capacity >= 30 ? 8 :
...
1
vote
1answer
35 views
Leaflet remove GeoJSON object from the layer
I've this:
var AllProjectArray = L.geoJSON();
The using addData()
AllProjectArray.addData(somefeatures)
Now I've my AllProjectArray filled and working
Now I want to remove from AllProjectArray ...
1
vote
0answers
33 views
Leaflet setting zoom level for a specified GeoJSON layer feature
I would like to set the level of visibility at the specified GeoJSON feature property.
As a continuation of this query:
Leaflet distinguishing sublayers within one GeoJSON layer
Where I figured out ...
1
vote
1answer
61 views
Big polyline with Leaflet
I'm using Leaflet for a project where I track the path of an entity along the map in realtime. I made a buffer with the last 1000 points but it is visible only through a big zooming cause the points ...
2
votes
0answers
32 views
Adding polygons to Leaflet inset map in R
I've created a map using the Leaflet package in R and added an inset locator map using addMiniMap(). I would like to add polygons features to said inset map.
I've already added the polygons to the ...
0
votes
1answer
40 views
Setting GeoJSON style based on property value in Leaflet?
Knowing the thing with leaflet chloropleth:
Styling individual features in a GeoJSON layer
https://leafletjs.com/examples/choropleth/
we can distinguish the range of values by colour.
I would like ...
0
votes
0answers
27 views
Fixing QGIS generated SLD to avoid repeating polygon labelling [duplicate]
I have generated SLD's in QGIS that I use in GeoServer. Although the labeling shows fine when previewing the layer in GeoServer, when bringing the WMS in Leaflet then labeling repetition occurs. How ...
0
votes
1answer
37 views
Leaflet distinguishing sublayers within one GeoJSON layer
I would like to have more than one layer within one existing GeoJSON layer.
I found some example here:
http://www.gistechsolutions.com/leaflet/DEMO/sports/sports.html
which refers to one .json file ...
1
vote
0answers
33 views
Display only markers which are near user's current location in Leaflet? [closed]
I am using Leaflet js to detect current user location from the browser. I have bunch of markers being displayed in a given area. I would like to show only markers that are closest to the user's ...
0
votes
0answers
32 views
Leaflet Map is not loaded correctly
In my application I need coordinates. I would like to make it possible for a user to choose the coordinates using a map and a marker or to calculate them via an address. That works fine too.
But ...
1
vote
1answer
48 views
While dragging a map in Leaflet it marks a point for the feature [closed]
In my Leaflet application, When I draw a feature (Line/Polygon) and if I need to drag the base map to mark a point outside the visibility of the map then Leaflet marks additional point where I tap on ...
2
votes
0answers
34 views
How to extract GeoJSON database column as geometry layer? (column as layer)
Have a one table of country with multiple categories for states. Table as below:
Country table:(converted shapefile to GeoJSON for use in Leaflet choropleth map)
So kind of table converted from ...
0
votes
0answers
13 views
Leaflet NA values at boundaries R
I am using leaflet to visualize rasters. The output shows NA values around the border areas for discrete classifications. I read another post that said this might be due to the differences in ...
2
votes
2answers
117 views
SAS Planet cached tiles for use in Leaflet map
I downloaded some tiles from ArcGIS.Imagery with SAS Planet
The tiles is in folders like
ArcGIS.Imagery/z2/0/x1/0/y2.jpg
ArcGIS.Imagery/z13/2/x2624/1/y1750.jpg
And I use this TileLayer to display ...
0
votes
0answers
49 views
Loading JSON/GeoJSON multipolygon data from the external domain onto Leaflet map
I'm making my own map for the personal use only and at the moment my code looks like this
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=...
1
vote
1answer
32 views
R leaflet creates geometric striations in some maps but not others
I have been creating leaflet maps from raster files with discrete values. Leaflet creates smooth maps form some of the rasters, but in other there is a strange pattern of geometric striations across ...
1
vote
1answer
64 views
Leaflet only one placemark visible at exact location, whereas is more than 1 there
I have a problem, because sometimes on my GeoJSON layer plotted into the Leaflet map more than 1 placemarks has been assigned to one exact location (by postcode).
The problem is, that only one of ...
1
vote
0answers
30 views
Leaflet plot map.on(zoomend) function into addEventListener(function)
Continuing the previous query:
Leaflet set zoom for clickable layers on the map
I would like to fix my zoom feature, which doesn't work correctly as per in the picture below:
for this purpose I ...
1
vote
1answer
79 views
Mouseover highlight label in Leaflet
I would like to see the geoJSON placemark label once hover it.
I found a few examples, but they refer mostly to providing a pop-up only:
Showing popup on mouse-over, not on click using Leaflet?
...
1
vote
0answers
51 views
Attempted to load an infinite number of tiles while using proj4leaflet and EPSG:32614 [closed]
I get error "Attempted to load an infinite number of tiles" while using proj4leaflet and EPSG:32614.
crs = new L.Proj.CRS('EPSG:32614',
'+proj=utm +zone=14N +ellps=GRS80 +towgs84=0,0,0,0,0,0,0 +...
0
votes
1answer
29 views
Mousehover placemark in Leaflet
Good afternoon,
I am trying to make my geoJSON placemark hovered in leaflet.
Basically the pop up exist and I don't want to change it.
What I would achieve is only change it color, when hovered by ...
1
vote
2answers
170 views
Dynamic map sidebar with info from marker upon click
I am new to Leaflet, HTML, CSS and Java. I am using leaflets maps and I want to create a sidebar that is active when a marker is clicked or active when a clicked in the sidebar, so far I have had no ...
2
votes
2answers
67 views
Converting GeoJSON to projected coordinates in Leaflet?
We are migrating existing angular app from OL to Leaflet. In OL we were able to get the geoJSON in UTM with EPSG:3857 on draw finish However when we complete a draw in leaflet and try to get the ...
0
votes
0answers
87 views
Get data from GeoJSON to create chart within pop-up
I'm working on getting a pie chart to display within a pop-up on a Leaflet map, visualizing the data from the GeoJSON within the pie chart.
mygeojson.on('popupopen', function (e) {
var data = {...
1
vote
1answer
32 views
Update map tiles in Leaflet only when map panning ends? [closed]
Currently when the map is dragged a few hundred API requests are sent due to many layers.
I would like the requests to only be sent when the map comes to a stop.
How can I achieve this?
0
votes
1answer
74 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:
...
1
vote
0answers
25 views
TopoJSON coordinates are off with actual coordinate using Leaflet
I have this TopoJSON file that I have been working on quite sometime now. and recently I tried plotting it using Leaflet but the polygons are off with the actual area it surrounds. Here's the image.
...
0
votes
1answer
78 views
List of overlapping WMS layers [closed]
How do I get a list of layers by clicking on overlapping WMS layers in the Leaflet map? The best solution is to have the list in a single popup on the map.
<!DOCTYPE html>
<html>
<...
1
vote
0answers
55 views
Leaflet Zoom on WMS-Layers - Error: Attempted to load an infinite number of tiles GridLayer.js [closed]
I use Leaflet 1.5.1 for showing WMS layers on a GeoServer 2.15.1. I can only zoom up to zoom level 14. If I continue to zoom into the map, I see the following error message.
Error: Attempted to load ...
1
vote
1answer
15 views
Changing values of Leaflet MiniMap after creation
I want to change the values of Leaflet MiniMap object after it is already created.
e.g. miniMap.options.width:
var miniMap = new L.Control.MiniMap(
tileLayer01, { centerFixed: new L.LatLng(50.0, ...
1
vote
0answers
42 views
Adding markers to Leaflet MiniMap? [closed]
I am using Leaflet with the MiniMap plugin:
https://github.com/Norkart/Leaflet-MiniMap
Often, the zoom level difference between main map and mini map is so big that the bounding box shown in the ...
1
vote
1answer
37 views
Invalid GeoJSON object, converted from ArcGIS JSON
I queried some ArcGIS JSON from "Global Forest Watch API", then converted it to GeoJSON using a web service.
When I try to add it to my Leaflet map I get "Invalid geojson object".
The GeoJSON looks ...
0
votes
2answers
106 views
Leaflet making features gone when zoom out
I am wondering about an option to make all or at least majority of placemarks (depends on their internal zoom settings) invisible when zooming out.
It can be something alternative to the leaflet ...
1
vote
1answer
65 views
Speed up GeoJSON clustering and rendering?
I am rendering 10,000 points with Leaflet's markercluster library.
I fetch these 10k points from our server. This takes about 700ms. It takes Leaflet about 3 seconds to cluster these points and ...
2
votes
0answers
39 views
Slope and Aspect calculations giving wildly different results based on zoom using Leaflet
I asked Accessing slope and aspect data using Leaflet? last week about getting slope and aspect as a function of lat and lng in leaflet, and I am in the process of trying to code out a good answer. ...
1
vote
1answer
70 views
How to change background color of modified group layer control in Leaflet?
I've used jQuery append relocate a L.control.layers into an HTML containing. I've also modified them to look a little more like buttons.
var crsh_group_buttons = L.control.layers(crash_grouping, ...
1
vote
2answers
77 views
Unable to remove WMS layer from Leaflet map
I am using Leaflet. In my application, I am adding layers from GeoServer, through checkboxes. The user selects a checkbox, the map is displayed. Can be seen in the image below.
Now, when the ...
0
votes
1answer
124 views
Overlapping two line problem
I want to check if 2 linestrings intersects (or overlaps) or no.
I use turf.js overlap.
Here are the results I want to get:
CodePen
1- If only first or last points of line 1 intersects with first ...
1
vote
0answers
53 views
Accessing slope and aspect data using Leaflet?
I am building an application in leaflet, and I need to be able to access slope and aspect as a function of latitude and longitude. Currently I am able to get elevation data from the mapbox elevation ...
2
votes
1answer
82 views
Leaflet combination chloropleth and Leaflet.TimeDimension
Following up the post from Change the colors of polygons on a choropleth map with leaflet
I'm wondering if it is possible to combine a Leaflet chloropleth with the Leaflet.TimeDimension so that the ...
1
vote
0answers
62 views
Triggering event from marker by pressing enter when marker has focus using Leaflet js
I need to create a leaflet.js map within certain accessibility guidelines.
1) I would like to be able to trigger an event (not just open a popup) by pressing 'enter' when a marker has focus.
2) I ...
0
votes
0answers
38 views
Leaflet draw export with polygon names
I know, that this topic has been considered earlier. I have got a few examples here:
https://stackoverflow.com/questions/34738805/update-properties-of-geojson-to-use-it-with-leaflet/34740632#34740632
...
1
vote
0answers
37 views
Adding Permalink attribution to the leaflet map in order to reach another URL permalink
Continuing the issue opened here:
Link to another URL permalink in Leaflet
I found some code, that may help me to establish a link to another url permalink from the leaflet map:
https://raw....
