Questions tagged [leaflet-plugins]

The tag has no usage guidance.

Filter by
Sorted by
Tagged with
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: { ...