Questions tagged [leaflet-plugins]

The tag has no usage guidance.

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

Problem with CORS WMS plugin Leaflet-Image

I'm having trouble trying to get my map image with the Leaflet-Image plugin. My code: var map = L.map('map', { preferCanvas: true }).setView([43.42851395329958, -3.668450798388781], 23); ...
0
votes
1answer
32 views

RemoveMarkers() is not working for PruneCluster markers in Leaflet

I have a set of markers clustered with PruneCluster plugin. The data of these markers is rendered from GeoJSON layers, the way to do it is like this: var propsAmp = amphibiens.features var ...
0
votes
0answers
19 views

Interaction of leaflet.browser.print and esri.geosearch

I am using leaflet.browser.print: L.control.browserPrint({ documentTitle:'Verify Me!', closePopupsOnPrint:false }).addTo(map); with an esri geocode search: var searchControl = L.esri....
1
vote
2answers
48 views

Request Multiple WMS for Raster Calculations in Leaflet JS

I need to display in leafletJS a Layer that is the difference of two rasters received from a regular WMS. With the help of this repo I figured out how to manipulate the values of a raster tile in ...
0
votes
0answers
44 views

MBTiles on Leaflet map

I'm trying to use Leaflet.TileLayer.MBTiles with npm. It installs fine but when I do: import { Leaflet.TileLayer.MBTiles } I get the following error: ERROR in ./src/js/index.js 7:16 Module parse ...
1
vote
1answer
51 views

Leaflet.streetlabels with leaflet-side-by-side not working

I was trying to mix some Leaflet Plugins, namely leaflet-side-by-side (https://github.com/digidem/leaflet-side-by-side), Leaflet.streetlabels ( https://github.com/triedeti/Leaflet.streetlabels ), the ...
0
votes
1answer
51 views

Regular-grid-cluster plugin for Leaflet

I am starting with Leaflet and I am trying to use the Regular-grid-cluster plugin with no success. The following code works until the definition of the 'const grid' element. So, I can see the markers ...
1
vote
0answers
40 views

leaflet-kml loads entire KML of 15-20 MB at client browser in one go or in chunks as and when user drags to other locations of country?

I am trying Leaflet KML plugin as below: https://github.com/windycom/leaflet-kml Here is full code: <html> <head> <meta name="viewport" content="width=device-width, ...
0
votes
0answers
21 views

leaflet-kml Lat Lng changes and zoom don't work with KML

I am trying Leaflet KML plugin as below: https://github.com/windycom/leaflet-kml const map = new L.Map('map', { center: new L.LatLng(28.412, 77.317), zoom: 11 }); It works, loads the KML over OSM, ...
0
votes
0answers
13 views

Is there a way to use arbitrary, non “plugin” libraries inside Folium / JupyterLab?

It appears Folium supports certain plugins through folium.plugins Is it possible to use an arbitrary third-party library in Folium / JupyterLab? I want to use sidebar-v2. I know I can generate a map ...
0
votes
0answers
26 views

Make Leaflet MarkerClusters stay open all the time

I use the Leaflet MarkerCluster plugin and when clustering is clicked, previous clustering closes, how can I solve this? How can I keep it open, no matter which cluster is clicked?
1
vote
1answer
96 views

Combine leaflet-tilelayer-mask and Leaflet.TileLayer.ColorFilter plugins

I am trying to color my tileLayer mask differently and I found the colorFilter plugin. I can't seem to figure how to use the color filter tile created in my mask tileLayer. let map = L.map("map&...
0
votes
0answers
41 views

Leaflet Control Search, search locations by Ajax request its loading no found

Leaflet Control Search, search locations by Ajax request its loading no found <?php defined('BASEPATH') OR exit('No direct script access allowed'); ?> SIG KSB ...
0
votes
0answers
39 views

Building Leaflet control search plugin in my web [duplicate]

How to build Leaflet control search plugin in my web? I tried but it didn't work. <?php defined('BASEPATH') OR exit('No direct script access allowed'); ?> <!DOCTYPE html> <html> <...
0
votes
0answers
182 views

Leaflet PlayBack

I am trying to animate with the https://github.com/linghuam/Leaflet.TrackPlayBack plugin. I have approximately 100 coordinates and ID numbers defined in each coordinate. Can different symbols be used ...
1
vote
1answer
250 views

Avoiding overlapping charts on a map with Leaflet?

I'm currently developing an online GIS with Leaflet and need to plot bar charts on a map. I'm using leaflet.minichart (https://rte-antares-rpackage.github.io/leaflet.minichart/) for the charts. My ...
1
vote
1answer
251 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
137 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
62 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
137 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 ...
1
vote
1answer
424 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
388 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
839 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
145 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
47 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
329 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
385 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
831 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
304 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
896 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
59 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
292 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 ...
0
votes
1answer
426 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
913 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 ...
2
votes
2answers
2k 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: { ...