Questions tagged [leaflet-plugins]
The leaflet-plugins tag has no usage guidance.
22
questions
0
votes
0answers
33 views
Leaflet Slider to move automatically? [closed]
I'm currently following this tutorial: https://github.com/dwilhelm89/LeafletSlider
And after successfully implementing my own, I was wondering if it's possible to have the slider move automatically ...
0
votes
0answers
23 views
Interactively Display Values of a Heatmap.js leaflet.js Heatmap Layer
In this example of the heatmap.js tool, I see how the values of the heatmap is returned by using heatmapINstance.getValueAt():
demoWrapper.onmousemove = function(ev) {
var x = ev.layerX;
var y =...
2
votes
0answers
15 views
Cannot add a leaflet.pattern pattern to Leaflet map
I'm using the leaflet.pattern npm package. What am I missing? My Leaflet map is in a Vuejs application.
Maybe I need to correct the import statements?
import L from "leaflet";
import "leaflet....
0
votes
0answers
31 views
Is there any elevation profile plugin working in MVC5?
I have MVC5 project where I use Mapbox maps to display hiking trails (based on geojson file). Lately, I decided to add elevation profile of these trails to the bottom of the map. However, thats easier ...
2
votes
0answers
27 views
Leaflet: route machine current position
I would like to insert the current position of the device at the first waypoint. With a function onLocationFound I get the position but I can't add it to the waypoint. Does not work.
is there a best ...
0
votes
0answers
16 views
Async code in Leaflet TileLayer extension?
Basic problem: This defect on leaflet.TileLayer.WMTS: https://github.com/alexandre-melard/leaflet.TileLayer.WMTS/issues/17
How to properly fix it (i.e. no hack that the user has to manually specify ...
1
vote
1answer
66 views
Leaflet: Compare two side-by-side GeoJSON layers?
I'm trying to use the side-by-side plugin downloaded from https://github.com/digidem/leaflet-side-by-side. I want to create side-by-side GeoJSON layers to compare the cancer rates between the two ...
0
votes
0answers
88 views
Setting up Leaflet EasyPrint plugin
I am configuring the EasyPrint on my Leaflet map.
My challenge is defining the tileLayer parameter, which I believe is why the preview screen appears blank, not sure what parameter this should be (...
1
vote
2answers
271 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 ...
0
votes
0answers
96 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
17 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, ...
2
votes
1answer
108 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 ...
2
votes
1answer
115 views
Appending label to every layer in current map bounds using Leaflet
I am trying to reduce the amount of permanent tooltip on my leaflet map for performance reasons. I have over 5000 geoJSON Polygons in my non-geographic map. At a specific zoom level, my Polygons ...
2
votes
2answers
293 views
Loading .json files into Leaflet and filtering them [closed]
I am new to web development and Leaflet/GIS in general.
I have a couple of shapefles, let's say they are roads.shp and utilities.shp. And let's say I have the means to convert these shape files into ....
1
vote
1answer
119 views
Leaflet side by side plugin is not working with imageOverlay
I'm trying to use the side by side plugin. I already check in the issues and change the getContainter() with getPane() in the .js file.
this._divider.style.left = dividerX + 'px'
this.fire('...
2
votes
1answer
422 views
Cutting holes in custom polygon made with Leaflet.Draw
I would like to be able to create holes in polygons made with Leaflet.Draw plugin. For example, I currently have code like this: https://jsfiddle.net/4gkrfu5b/
If you draw a polygon on top of another ...
0
votes
1answer
42 views
Shapefile in leaflet shifted North 0.25°
I have the following problem:
I render a bunch of weather maps as PNG overlays with grads and then reproject them from EPSG:4326 to EPSG:3857 to display them in leaflet as follows:
gdal_translate -...
0
votes
1answer
195 views
Leaflet - how to add time dimension image layers
Javascript beginner here. I'm working on getting a weather animation done in leaflet. A suitable plugin appears to be leaflet.timedimension but I would be open for other options too.
I have 60 PNG ...
1
vote
0answers
311 views
Do I need TileServerGL to serve locally stored vector Tiles (MBTiles) in Leaflet? [closed]
Situation:
I want to create an offline web app and have locally stored .mbtiles (vector tiles) which I downloaded from Open Map Tiles (educational purpose of the project) with a size of about 20 GB. ...
0
votes
1answer
321 views
Show time series data with non-contiguous times using Leaflet TimeDimension plugin
My data is made up of squares forming a grid where the value of each square changes with time. The times are equally spaced with 1 hour intervals, however, the data is only available for a certain ...
0
votes
0answers
879 views
Leaflet Routing
I have Leaflet Routing and Leaflet Realtime. For Realtime I am able to get coordinates from MySQL. Marker moves on map according to the GPS coordinates sent from my phone. For Routing I have index.js
...
1
vote
2answers
1k views
Leaflet extension: “this.callInitHooks is not a function”
I am trying to develop a leaflet function but I am getting this error which I am having trouble understanding. This is my plugin code thus far:
L.Spotlight = L.Class.extend({
options: {
...
