Questions tagged [leaflet-plugins]
The leaflet-plugins tag has no usage guidance.
24
questions
1
vote
1answer
59 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
9 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
31 views
How to build 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
112 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
101 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 ...
0
votes
0answers
101 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
76 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
47 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
75 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
248 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
265 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
584 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
126 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
39 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
246 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
257 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
615 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
212 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
708 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
50 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
262 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
396 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
905 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: {
...
