Questions tagged [leaflet]

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

Filter by
Sorted by
Tagged with
0 votes
0 answers
130 views

Implementing Leaflet plugin "Leaflet.Control.Layers.Tree" in R leaflet

I want to use "Leaflet.Control.Layers.Tree" in my R script. I am using the leaflet R-package to draw my map. I found this great leaflet plugin: "Leaflet.Control.Layers.Tree". How ...
user avatar
0 votes
1 answer
60 views

Multiple same decorators in GeoServer WMS layer

I have added decorator with scalebar on my Leaflet (WMS GeoServer layer), but I see many decorators, probably one for each subtile of map. Map image: WMS layer: var t2mLayer = L.tileLayer.wms(WMSlink,...
user avatar
1 vote
1 answer
46 views

Adding popup with attribute characteristics to features in Leaflet?

I need to show popup for GEOJSON data with its attributes. However, I don't have any idea on showing popup for GEOJSON data added through url of wfs. The geojson data is earthquake data added through ...
user avatar
  • 69
1 vote
1 answer
80 views

Leaflet show or hide layers WFS cql_filter

I use the library Leaflet-WFST. So I have both WMS and WFS layers. With WMS, everything is simple there is cql_filter. I am writing a code where cql_filter is applied when clicking on the checkbox, ...
user avatar
1 vote
1 answer
122 views

Highlight all GeoJSON multipoints of the same feature with a click in Leaflet

update: I've got most of what I want working… clicking on a marker changes its icon and also opens a popup showing that marker's properties (from GeoJSON feature.properties). Clicking on the basemap ...
user avatar
  • 223
0 votes
0 answers
73 views

How to GeoJSON-encode a feature with many points where some properties of the member points are different

I have a db table with features like so fid lng lat color 1 14.5041 46.0434 blue 1 14.5367 45.8631 red 2 15.5041 44.0434 mauve 2 15.5367 43.8631 pink I want to convert the above into GeoJSON. My ...
user avatar
  • 223
0 votes
1 answer
70 views

Load markers from a URL and update as user pans in Leaflet?

I have a webapp generating thousands of CircleMarkers on a map, and right now I just download a few MB of JSON from my server and instantiate them when the site loads. This is a lot of data to ...
user avatar
3 votes
1 answer
138 views

Update content of popup on a polygon click event in Leaflet?

I work with Leaflet.js v 1.7.1 and have stuck with a problem of updating popup content data of data The data set is on a local disk Currently I have a local set of data: var data =[ { type: &...
user avatar
1 vote
1 answer
157 views

Using L.Control.Opacity plugin with GeoJSON layer in Leaflet

I have a fully working map with a few base layers and some buttons, each of which loads and displays different resources. One loads some historical map overlays and uses the L.Control.Opacity plugin ...
user avatar
1 vote
0 answers
178 views

Using SVG map as basemap and interactive GeoJSON on top with Leaflet/OpenLayers?

I have SVG map and GeoJSON file with cells. I need to combine them so the user can hover/click on cell and get some cell info like cellID in the console. Currently using the angular-leaflet-directive ...
user avatar
0 votes
0 answers
163 views

Google autocomplete using leaflet-control-geocoder?

I'm using leaflet-control-geocoder to search places in my leaflet map using google geocoder service, I have this //search box let marker; let googleGeoCoderProvider = L.Control.Geocoder.google({ ...
user avatar
1 vote
1 answer
83 views

GeoDjango rendering duplicate geometry in Leaflet

I have a GeoDjango app following this tutorial but substituting World Borders polygon data as included in the standard GeoDjango tutorial. I have created serializers and a django rest api that ...
user avatar
  • 304
0 votes
0 answers
57 views

Incorrect tile loading with MapProxy

I am trying to publish my WMS map that I created from GeoServer with Leaflet using MapProxy. But what could be wrong with the MapProxy and Leaflet are not the same? services: demo: tms: ...
user avatar
0 votes
0 answers
58 views

Is a multiply nested GeoJSON still valid GeoJSON and can it be displayed by LeafLet.js?

Is this a valid GeoJSON? Can it be displayed using LeafLet GeoJSON Layer? "geometry": { "coordinates": [{ "coordinates": [{ "type": &...
user avatar
2 votes
1 answer
163 views

Unable to successfully bind an async function to a Leaflet marker popup

I want to create a marker popup filled with content from an AJAX call but I get an error Uncaught TypeError: Node.appendChild: Argument 1 does not implement interface Node.. Here is my code const foo =...
user avatar
  • 223
0 votes
1 answer
93 views

Hide Wikipedia plugin layer below certain zoom level in Leaflet

How can I turn the following code into a variable, so that I can choose, or not, to load it in the layer control? and not anymore on moving the map or reaching this zoom level. I added a var wikilayer ...
user avatar
2 votes
1 answer
309 views

Turn display of marker tooltips on/off in layer control in Leaflet

I want to add tooltip which will show magnitude for each earthquake epicenter and was able to make it but I have a problem that with many epicenters in one area tooltips are overlapped. My question is ...
user avatar
  • 35
2 votes
1 answer
244 views

Unable to remove marker cluster group completely from the map in Leaflet

I am having a weird issue with removing a MarkerClusterGroup layer from the map. When at a zoom level more than 5, I want to show markers on the map in a MarkerClusterGroup layer. When zoomed to less ...
user avatar
  • 223
1 vote
1 answer
145 views

Search possibility to display filtered data with Leaflet.VectorGrid

I use Leaflet and Vectorgrid and I can display markers on the map. I have a geojson file of around 42 000 markers of places in Morocco and I would like to filter it to display only markers with a ...
user avatar
  • 135
1 vote
1 answer
296 views

Getting coordinates after address has been picked in Leaflet geosearch control?

I'm using leaflet to make a web map with an address search bar. For that I'm using leaflet-geosearch plugin I need to retrieve the result once the user has picked the correct address from the search ...
user avatar
1 vote
0 answers
41 views

Leaflet highlight GeoJSON points within the other highlighted GeoJSON layer

I would like to have all the points highlighted within the other highlighted GeoJSON polygon. Next, I would like to have them displayed in the panel next to or at least in the console (for now). The ...
user avatar
  • 3,574
2 votes
1 answer
68 views

View vector GeoServer line layer in Leaflet

I have simple line layer created based on shapefiles. It can be viewed in GeoServer with OpenLayers preview: I also can be imported and correctly viewed in QGIS. I tried to visualize this layer over ...
user avatar
2 votes
0 answers
44 views

Use Mollweide projection in Leaflet, for a Geoserver WMS layer

I did a world map in Geoserver, showing in Leaflet in the default projection, which is EPSG:900913 (aka GOOGLE Mercator) but I would like to use the Mollweide projection instead. I successfully added ...
user avatar
1 vote
1 answer
62 views

Getting attributes of polygons that line overlaps using Leaflet and Turf

I have a Leaflet Polyline: var polyline = L.Polyline(polylineData).addTo(map); and a Leaflet GeoJSON of Polygons: var countries = L.geoJson(countries, {style:{color:'darkgrey', opacity:1,fillColor:'...
user avatar
  • 352
0 votes
1 answer
146 views

Add/remove radius circle after fitting map to radius with Mapbox

I am trying to add a range slider to zoom in and out of a Mapbox map to a radius in miles. I have the map and the slider working and I can sort of zoom in and out of the map by getting the bounds of ...
user avatar
  • 13
1 vote
0 answers
190 views

Setting map view with 50 miles of radius of marker with mapbox

I have a mapbox map with a marker and I want to add a radius around it, say 10 miles. Now I can add a circle to the map, even though I do not want to, but I cannot get it to fit the screen. I have ...
user avatar
  • 13
2 votes
0 answers
128 views

Hatch polygons in Leaflet

I need to hatch polygons (loaded from a GeoJSON) in a leaflet webmap. Until now I have this: //Style of each polygon function style(feature){ return { opacity : 1, color: 'black', ...
user avatar
  • 97
1 vote
1 answer
116 views

Remove link to leafletjs.com in attribution control in Leaflet

I will use the leaflet for a display showing a historical map of the history museum. It works on a local network that is not connected to the Internet, and visitors can manipulate the map with a ...
user avatar
0 votes
1 answer
114 views

Passing Google API key to Leaflet Control Geocoder? [closed]

I'm using Leaflet Control Geocoder to implement Google search, I am trying to pass my API key from Google Geocoder let googleGeoCoderProvider = L.Control.Geocoder.google('MYGOOGLEAPIKEY'); ...
user avatar
1 vote
1 answer
56 views

Leaflet Flickr photos and Marker cluster small image broken relation

I intend to use Jose Mamira's Flickr plugin to show clustered photos from Flickr, with their thumbnail (first all photos, for this exemple, then I would easily change the code to display only my own ...
user avatar
0 votes
1 answer
72 views

WMS layer not visible while clicking Leaflet's grouped basemap layers

I have a webpage that adds Geoserver's WMS layer to the OSM basemap and also provide GetFeatureInfo on map click. The webpage works fine. The code was adapted from here. For the sake of tidiness, I am ...
user avatar
  • 1,039
0 votes
2 answers
109 views

Leaflet : two or more WFS overlay layers?

I'm happy this script helped me to get a WFS layer inside Leaflet. I just had to use a trick of Geoserver (set ENABLE_JSONP to true in the Geoserver relevant config file). WFS and Geojson layers in ...
user avatar
3 votes
1 answer
86 views

Leaflet Wikipedia layer

I'm trying to use the Wikipedia layer in english: http://mappingforyou.eu/javascript/Leaflet.Wikipedia.js but I'm not successful on using the leaflet infotips "BindPopup". The code could be ...
user avatar
1 vote
1 answer
121 views

Clone one marker into multiple categories in Leaflet

I use L.control for select layers. I want posted one point in different layer, like here http://www.gistechsolutions.com/leaflet/DEMO/sports/index2.html But here, different point from different ...
user avatar
  • 13
0 votes
1 answer
186 views

Change point marker in GeoJSON layer in Leaflet

I successfully loaded a WFS in Leaflet, with https://cdn.rawgit.com/heigeo/leaflet.wms/gh-pages/dist/leaflet.wms.js if I recall; var start_at_zoom = 10; function onEachFeature(feature, layer) { //...
user avatar
0 votes
0 answers
309 views

React leaflet marker cluster using dynamic GeoJSON

I try to use react-leaflet-cluster inside my project. I want to display GeoJSON which contains some polygons and points. The only way it works is by passing static data to GeoJSON component like this: ...
user avatar
  • 35
2 votes
1 answer
177 views

Leaflet mouseover event with two markers

I have a map on which one layer overlays the other one (I have icon markers displayed and larger circles markers behind them). I'm trying to create a function that changes the icon symbol AND the ...
user avatar
  • 83
2 votes
1 answer
516 views

Leaflet popups usually open and immediately close when using mobile/touchscreen device

I've been building a wiki for golf courses, and I'm now trying to add a map to the homepage. Everything seems to work just fine, unless it's on a touch screen, where, most of the time, but not always, ...
user avatar
  • 23
0 votes
0 answers
122 views

Attribution control not showing in Leaflet

I can't add the attribution control for the life of me. This is my 4th time using Leaflet in a webapp and the first time I have this issue. var map = L.map('map').setView([55.861098, -4.255484], 14); ...
user avatar
  • 65
1 vote
1 answer
373 views

Change marker icon on mouseover/mouseout in Leaflet

I have a map made with Javascript, on which there are numerous points and each one of them has a specific png marker. I managed to display all the markers correctly with the following code: var ...
user avatar
  • 83
0 votes
0 answers
19 views

Duplicated labeling when QGIS server serves WMTS [duplicate]

For a roleplay project based in the Star Wars Universe I am currently mapping the Star Wars Galaxy in QGIS using a custom projection. At the end I want to serve the map as a basic WM(T)S output. Thus, ...
user avatar
0 votes
1 answer
79 views

Serving polylines as raster tiles

I have a (big) list of polylines that I would like to serve as raster tiles to be consumed by Leaflet in a format such as https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png. The tiles will only be ...
user avatar
0 votes
1 answer
114 views

Find the map variable

I have a filterable map on my Wordpress site which I've made with the LocateandFilter plugin on Wordpress that uses a Leaflet map with a Google Maps overlay. I want the map to zoom on on the state ...
user avatar
0 votes
1 answer
124 views

Leaflet marker not added to the map after click event on div element

I am trying to add a marker after performing a search, at a specific location given latitude and longitude. For some reason, the browser runs the code but does not add the marker to the map. //...
user avatar
  • 11
1 vote
0 answers
203 views

Show marker moving live along an ipyleaflet map?

I'm trying to simulate the real-time movement of a vehicle along a pre-determined path (as a list of coordinates) on ipyleaflet (running on a Jupyter Notebook). What I've tried is to instantiate a ...
user avatar
0 votes
0 answers
109 views

Leaflet map popup bound to polygons showing geodesicArea only shows area of most recently drawn polygon

I have a leaflet map with popups bound to polygons. On clicking the polygons the pop up only shows the area of the most recently drawn polygon. I thought this was because of the use of 'draw:created' ...
user avatar
0 votes
1 answer
97 views

Make a featureGroup with a layerGroup that is also editable in Leaflet?

I have a Leaflet map with a featureGroup, a layerGroup and drawControl however only the featureGroup is editable using the drawControl. I think its because the layerGroup is separate from the ...
user avatar
1 vote
2 answers
119 views

Variable substitution with environment variables in SLD and GeoServer

I'm posting this as a new question as a follow-up to this one Geoserver SLD: Dynamic Variable Substitution I am struggling to get SLD variable substitution to work where I have an environment variable ...
user avatar
0 votes
0 answers
39 views

Cluster points in GeoDjango using Leaflet

Am trying to cluster point in Leaflet from the data created in backend geodjango.I have converted to geojson format to be able to visualize. #views.py def data(request): data=serialize('geojson',...
user avatar
1 vote
1 answer
62 views

Using WFS and Leaflet

I'm quite new to Leaflet, and i would like to use this WFS, https://wxs.ign.fr/agriculture/geoportail/wfs?SERVICE=WFS&REQUEST=GetCapabilities, to display interactive agricultural plots on a ...
user avatar
  • 15

1 2
3
4 5
76