Skip to content

Instantly share code, notes, and snippets.

@angelovangel
Last active March 27, 2021 09:34
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save angelovangel/3bf47edbb3522d48c661229ee59de737 to your computer and use it in GitHub Desktop.
Save angelovangel/3bf47edbb3522d48c661229ee59de737 to your computer and use it in GitHub Desktop.
Leaflet hotline demo
# demonstrate Leaflet.hotline JS plugin in leaflet for R
library(leaflet)
library(htmlwidgets)
library(htmltools)
#library(mapview)
# the Leaflet.hotline plugin has to be locally downloaded
path <- "Leaflet.hotline-master/src/" # wherever the plugin was saved, path relative to current dir
hotPlugin <- htmlDependency("Leaflet.hotline", version = "0.4.0",
src = normalizePath(path),
script = c("leaflet.hotline.js", "coords.js")
)
# A function that takes the plugin htmlDependency and adds it to the map.
registerPlugin <- function(map, plugin) {
map$dependencies <- c(map$dependencies, list(plugin))
map
}
m <- leaflet() %>%
addProviderTiles("CartoDB.DarkMatter") %>%
# Register plugin on this map instance
registerPlugin(hotPlugin)
m %>%
onRender("function(el, x, data) {
var latlngs = [
[[45.51, -122.68, 0],
[37.77, -122.43, 0.5],
[34.04, -118.2, 0.2]],
[[40.78, -73.91, 1],
[41.83, -87.62, 1],
[32.76, -96.72, 0.5]]
];
//data = HTMLWidgets.dataframeToD3(data);
//data = data.map(function(val) { return [val.lat, val.lon, val.geoaltitude]; });
//require('leaflet-hotline')(L);
var hotlineLayer = new L.Hotline(latlngs, {
palette: {0: 'green', 1: 'red'},
weight: 2,
outlineWidth: 0,
max: 1,
min: 0}).addTo(this);
var bounds = hotlineLayer.getBounds();
this.fitBounds(bounds);
}")
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment