2024-04-10 11:26:50 -05:00
<!DOCTYPE html>
< html >
< head >
< meta charset = "utf-8" / >
< title > leaflet< / title >
< style type = "text/css" > @ l a y e r h t m l t o o l s {
.html-fill-container {
display: flex;
flex-direction: column;
min-height: 0;
min-width: 0;
}
.html-fill-container > .html-fill-item {
flex: 1 1 auto;
min-height: 0;
min-width: 0;
}
.html-fill-container > :not(.html-fill-item) {
flex: 0 0 auto;
}
}
< / style >
< script > ( f u n c t i o n ( ) {
// If window.HTMLWidgets is already defined, then use it; otherwise create a
// new object. This allows preceding code to set options that affect the
// initialization process (though none currently exist).
window.HTMLWidgets = window.HTMLWidgets || {};
// See if we're running in a viewer pane. If not, we're in a web browser.
var viewerMode = window.HTMLWidgets.viewerMode =
/\bviewer_pane=1\b/.test(window.location);
// See if we're running in Shiny mode. If not, it's a static document.
// Note that static widgets can appear in both Shiny and static modes, but
// obviously, Shiny widgets can only appear in Shiny apps/documents.
var shinyMode = window.HTMLWidgets.shinyMode =
typeof(window.Shiny) !== "undefined" & & !!window.Shiny.outputBindings;
// We can't count on jQuery being available, so we implement our own
// version if necessary.
function querySelectorAll(scope, selector) {
if (typeof(jQuery) !== "undefined" & & scope instanceof jQuery) {
return scope.find(selector);
}
if (scope.querySelectorAll) {
return scope.querySelectorAll(selector);
}
}
function asArray(value) {
if (value === null)
return [];
if ($.isArray(value))
return value;
return [value];
}
// Implement jQuery's extend
function extend(target /*, ... */) {
if (arguments.length == 1) {
return target;
}
for (var i = 1; i < arguments.length ; i + + ) {
var source = arguments[i];
for (var prop in source) {
if (source.hasOwnProperty(prop)) {
target[prop] = source[prop];
}
}
}
return target;
}
// IE8 doesn't support Array.forEach.
function forEach(values, callback, thisArg) {
if (values.forEach) {
values.forEach(callback, thisArg);
} else {
for (var i = 0; i < values.length ; i + + ) {
callback.call(thisArg, values[i], i, values);
}
}
}
// Replaces the specified method with the return value of funcSource.
//
// Note that funcSource should not BE the new method, it should be a function
// that RETURNS the new method. funcSource receives a single argument that is
// the overridden method, it can be called from the new method. The overridden
// method can be called like a regular function, it has the target permanently
// bound to it so "this" will work correctly.
function overrideMethod(target, methodName, funcSource) {
var superFunc = target[methodName] || function() {};
var superFuncBound = function() {
return superFunc.apply(target, arguments);
};
target[methodName] = funcSource(superFuncBound);
}
// Add a method to delegator that, when invoked, calls
// delegatee.methodName. If there is no such method on
// the delegatee, but there was one on delegator before
// delegateMethod was called, then the original version
// is invoked instead.
// For example:
//
// var a = {
// method1: function() { console.log('a1'); }
// method2: function() { console.log('a2'); }
// };
// var b = {
// method1: function() { console.log('b1'); }
// };
// delegateMethod(a, b, "method1");
// delegateMethod(a, b, "method2");
// a.method1();
// a.method2();
//
// The output would be "b1", "a2".
function delegateMethod(delegator, delegatee, methodName) {
var inherited = delegator[methodName];
delegator[methodName] = function() {
var target = delegatee;
var method = delegatee[methodName];
// The method doesn't exist on the delegatee. Instead,
// call the method on the delegator, if it exists.
if (!method) {
target = delegator;
method = inherited;
}
if (method) {
return method.apply(target, arguments);
}
};
}
// Implement a vague facsimilie of jQuery's data method
function elementData(el, name, value) {
if (arguments.length == 2) {
return el["htmlwidget_data_" + name];
} else if (arguments.length == 3) {
el["htmlwidget_data_" + name] = value;
return el;
} else {
throw new Error("Wrong number of arguments for elementData: " +
arguments.length);
}
}
// http://stackoverflow.com/questions/3446170/escape-string-for-use-in-javascript-regex
function escapeRegExp(str) {
return str.replace(/[\-\[\]\/\{\}\(\)\*\+\?\.\\\^\$\|]/g, "\\$&");
}
function hasClass(el, className) {
var re = new RegExp("\\b" + escapeRegExp(className) + "\\b");
return re.test(el.className);
}
// elements - array (or array-like object) of HTML elements
// className - class name to test for
// include - if true, only return elements with given className;
// if false, only return elements *without* given className
function filterByClass(elements, className, include) {
var results = [];
for (var i = 0; i < elements.length ; i + + ) {
if (hasClass(elements[i], className) == include)
results.push(elements[i]);
}
return results;
}
function on(obj, eventName, func) {
if (obj.addEventListener) {
obj.addEventListener(eventName, func, false);
} else if (obj.attachEvent) {
obj.attachEvent(eventName, func);
}
}
function off(obj, eventName, func) {
if (obj.removeEventListener)
obj.removeEventListener(eventName, func, false);
else if (obj.detachEvent) {
obj.detachEvent(eventName, func);
}
}
// Translate array of values to top/right/bottom/left, as usual with
// the "padding" CSS property
// https://developer.mozilla.org/en-US/docs/Web/CSS/padding
function unpackPadding(value) {
if (typeof(value) === "number")
value = [value];
if (value.length === 1) {
return {top: value[0], right: value[0], bottom: value[0], left: value[0]};
}
if (value.length === 2) {
return {top: value[0], right: value[1], bottom: value[0], left: value[1]};
}
if (value.length === 3) {
return {top: value[0], right: value[1], bottom: value[2], left: value[1]};
}
if (value.length === 4) {
return {top: value[0], right: value[1], bottom: value[2], left: value[3]};
}
}
// Convert an unpacked padding object to a CSS value
function paddingToCss(paddingObj) {
return paddingObj.top + "px " + paddingObj.right + "px " + paddingObj.bottom + "px " + paddingObj.left + "px";
}
// Makes a number suitable for CSS
function px(x) {
if (typeof(x) === "number")
return x + "px";
else
return x;
}
// Retrieves runtime widget sizing information for an element.
// The return value is either null, or an object with fill, padding,
// defaultWidth, defaultHeight fields.
function sizingPolicy(el) {
var sizingEl = document.querySelector("script[data-for='" + el.id + "'][type='application/htmlwidget-sizing']");
if (!sizingEl)
return null;
var sp = JSON.parse(sizingEl.textContent || sizingEl.text || "{}");
if (viewerMode) {
return sp.viewer;
} else {
return sp.browser;
}
}
// @param tasks Array of strings (or falsy value, in which case no-op).
// Each element must be a valid JavaScript expression that yields a
// function. Or, can be an array of objects with "code" and "data"
// properties; in this case, the "code" property should be a string
// of JS that's an expr that yields a function, and "data" should be
// an object that will be added as an additional argument when that
// function is called.
// @param target The object that will be "this" for each function
// execution.
// @param args Array of arguments to be passed to the functions. (The
// same arguments will be passed to all functions.)
function evalAndRun(tasks, target, args) {
if (tasks) {
forEach(tasks, function(task) {
var theseArgs = args;
if (typeof(task) === "object") {
theseArgs = theseArgs.concat([task.data]);
task = task.code;
}
var taskFunc = tryEval(task);
if (typeof(taskFunc) !== "function") {
throw new Error("Task must be a function! Source:\n" + task);
}
taskFunc.apply(target, theseArgs);
});
}
}
// Attempt eval() both with and without enclosing in parentheses.
// Note that enclosing coerces a function declaration into
// an expression that eval() can parse
// (otherwise, a SyntaxError is thrown)
function tryEval(code) {
var result = null;
try {
result = eval("(" + code + ")");
} catch(error) {
if (!(error instanceof SyntaxError)) {
throw error;
}
try {
result = eval(code);
} catch(e) {
if (e instanceof SyntaxError) {
throw error;
} else {
throw e;
}
}
}
return result;
}
function initSizing(el) {
var sizing = sizingPolicy(el);
if (!sizing)
return;
var cel = document.getElementById("htmlwidget_container");
if (!cel)
return;
if (typeof(sizing.padding) !== "undefined") {
document.body.style.margin = "0";
document.body.style.padding = paddingToCss(unpackPadding(sizing.padding));
}
if (sizing.fill) {
document.body.style.overflow = "hidden";
document.body.style.width = "100%";
document.body.style.height = "100%";
document.documentElement.style.width = "100%";
document.documentElement.style.height = "100%";
cel.style.position = "absolute";
var pad = unpackPadding(sizing.padding);
cel.style.top = pad.top + "px";
cel.style.right = pad.right + "px";
cel.style.bottom = pad.bottom + "px";
cel.style.left = pad.left + "px";
el.style.width = "100%";
el.style.height = "100%";
return {
getWidth: function() { return cel.getBoundingClientRect().width; },
getHeight: function() { return cel.getBoundingClientRect().height; }
};
} else {
el.style.width = px(sizing.width);
el.style.height = px(sizing.height);
return {
getWidth: function() { return cel.getBoundingClientRect().width; },
getHeight: function() { return cel.getBoundingClientRect().height; }
};
}
}
// Default implementations for methods
var defaults = {
find: function(scope) {
return querySelectorAll(scope, "." + this.name);
},
renderError: function(el, err) {
var $el = $(el);
this.clearError(el);
// Add all these error classes, as Shiny does
var errClass = "shiny-output-error";
if (err.type !== null) {
// use the classes of the error condition as CSS class names
errClass = errClass + " " + $.map(asArray(err.type), function(type) {
return errClass + "-" + type;
}).join(" ");
}
errClass = errClass + " htmlwidgets-error";
// Is el inline or block? If inline or inline-block, just display:none it
// and add an inline error.
var display = $el.css("display");
$el.data("restore-display-mode", display);
if (display === "inline" || display === "inline-block") {
$el.hide();
if (err.message !== "") {
var errorSpan = $("< span > ").addClass(errClass);
errorSpan.text(err.message);
$el.after(errorSpan);
}
} else if (display === "block") {
// If block, add an error just after the el, set visibility:none on the
// el, and position the error to be on top of the el.
// Mark it with a unique ID and CSS class so we can remove it later.
$el.css("visibility", "hidden");
if (err.message !== "") {
var errorDiv = $("< div > ").addClass(errClass).css("position", "absolute")
.css("top", el.offsetTop)
.css("left", el.offsetLeft)
// setting width can push out the page size, forcing otherwise
// unnecessary scrollbars to appear and making it impossible for
// the element to shrink; so use max-width instead
.css("maxWidth", el.offsetWidth)
.css("height", el.offsetHeight);
errorDiv.text(err.message);
$el.after(errorDiv);
// Really dumb way to keep the size/position of the error in sync with
// the parent element as the window is resized or whatever.
var intId = setInterval(function() {
if (!errorDiv[0].parentElement) {
clearInterval(intId);
return;
}
errorDiv
.css("top", el.offsetTop)
.css("left", el.offsetLeft)
.css("maxWidth", el.offsetWidth)
.css("height", el.offsetHeight);
}, 500);
}
}
},
clearError: function(el) {
var $el = $(el);
var display = $el.data("restore-display-mode");
$el.data("restore-display-mode", null);
if (display === "inline" || display === "inline-block") {
if (display)
$el.css("display", display);
$(el.nextSibling).filter(".htmlwidgets-error").remove();
} else if (display === "block"){
$el.css("visibility", "inherit");
$(el.nextSibling).filter(".htmlwidgets-error").remove();
}
},
sizing: {}
};
// Called by widget bindings to register a new type of widget. The definition
// object can contain the following properties:
// - name (required) - A string indicating the binding name, which will be
// used by default as the CSS classname to look for.
// - initialize (optional) - A function(el) that will be called once per
// widget element; if a value is returned, it will be passed as the third
// value to renderValue.
// - renderValue (required) - A function(el, data, initValue) that will be
// called with data. Static contexts will cause this to be called once per
// element; Shiny apps will cause this to be called multiple times per
// element, as the data changes.
window.HTMLWidgets.widget = function(definition) {
if (!definition.name) {
throw new Error("Widget must have a name");
}
if (!definition.type) {
throw new Error("Widget must have a type");
}
// Currently we only support output widgets
if (definition.type !== "output") {
throw new Error("Unrecognized widget type '" + definition.type + "'");
}
// TODO: Verify that .name is a valid CSS classname
// Support new-style instance-bound definitions. Old-style class-bound
// definitions have one widget "object" per widget per type/class of
// widget; the renderValue and resize methods on such widget objects
// take el and instance arguments, because the widget object can't
// store them. New-style instance-bound definitions have one widget
// object per widget instance; the definition that's passed in doesn't
// provide renderValue or resize methods at all, just the single method
// factory(el, width, height)
// which returns an object that has renderValue(x) and resize(w, h).
// This enables a far more natural programming style for the widget
// author, who can store per-instance state using either OO-style
// instance fields or functional-style closure variables (I guess this
// is in contrast to what can only be called C-style pseudo-OO which is
// what we required before).
if (definition.factory) {
definition = createLegacyDefinitionAdapter(definition);
}
if (!definition.renderValue) {
throw new Error("Widget must have a renderValue function");
}
// For static rendering (non-Shiny), use a simple widget registration
// scheme. We also use this scheme for Shiny apps/documents that also
// contain static widgets.
window.HTMLWidgets.widgets = window.HTMLWidgets.widgets || [];
// Merge defaults into the definition; don't mutate the original definition.
var staticBinding = extend({}, defaults, definition);
overrideMethod(staticBinding, "find", function(superfunc) {
return function(scope) {
var results = superfunc(scope);
// Filter out Shiny outputs, we only want the static kind
return filterByClass(results, "html-widget-output", false);
};
});
window.HTMLWidgets.widgets.push(staticBinding);
if (shinyMode) {
// Shiny is running. Register the definition with an output binding.
// The definition itself will not be the output binding, instead
// we will make an output binding object that delegates to the
// definition. This is because we foolishly used the same method
// name (renderValue) for htmlwidgets definition and Shiny bindings
// but they actually have quite different semantics (the Shiny
// bindings receive data that includes lots of metadata that it
// strips off before calling htmlwidgets renderValue). We can't
// just ignore the difference because in some widgets it's helpful
// to call this.renderValue() from inside of resize(), and if
// we're not delegating, then that call will go to the Shiny
// version instead of the htmlwidgets version.
// Merge defaults with definition, without mutating either.
var bindingDef = extend({}, defaults, definition);
// This object will be our actual Shiny binding.
var shinyBinding = new Shiny.OutputBinding();
// With a few exceptions, we'll want to simply use the bindingDef's
// version of methods if they are available, otherwise fall back to
// Shiny's defaults. NOTE: If Shiny's output bindings gain additional
// methods in the future, and we want them to be overrideable by
// HTMLWidget binding definitions, then we'll need to add them to this
// list.
delegateMethod(shinyBinding, bindingDef, "getId");
delegateMethod(shinyBinding, bindingDef, "onValueChange");
delegateMethod(shinyBinding, bindingDef, "onValueError");
delegateMethod(shinyBinding, bindingDef, "renderError");
delegateMethod(shinyBinding, bindingDef, "clearError");
delegateMethod(shinyBinding, bindingDef, "showProgress");
// The find, renderValue, and resize are handled differently, because we
// want to actually decorate the behavior of the bindingDef methods.
shinyBinding.find = function(scope) {
var results = bindingDef.find(scope);
// Only return elements that are Shiny outputs, not static ones
var dynamicResults = results.filter(".html-widget-output");
// It's possible that whatever caused Shiny to think there might be
// new dynamic outputs, also caused there to be new static outputs.
// Since there might be lots of different htmlwidgets bindings, we
// schedule execution for later--no need to staticRender multiple
// times.
if (results.length !== dynamicResults.length)
scheduleStaticRender();
return dynamicResults;
};
// Wrap renderValue to handle initialization, which unfortunately isn't
// supported natively by Shiny at the time of this writing.
shinyBinding.renderValue = function(el, data) {
Shiny.renderDependencies(data.deps);
// Resolve strings marked as javascript literals to objects
if (!(data.evals instanceof Array)) data.evals = [data.evals];
for (var i = 0; data.evals & & i < data.evals.length ; i + + ) {
window.HTMLWidgets.evaluateStringMember(data.x, data.evals[i]);
}
if (!bindingDef.renderOnNullValue) {
if (data.x === null) {
el.style.visibility = "hidden";
return;
} else {
el.style.visibility = "inherit";
}
}
if (!elementData(el, "initialized")) {
initSizing(el);
elementData(el, "initialized", true);
if (bindingDef.initialize) {
var rect = el.getBoundingClientRect();
var result = bindingDef.initialize(el, rect.width, rect.height);
elementData(el, "init_result", result);
}
}
bindingDef.renderValue(el, data.x, elementData(el, "init_result"));
evalAndRun(data.jsHooks.render, elementData(el, "init_result"), [el, data.x]);
};
// Only override resize if bindingDef implements it
if (bindingDef.resize) {
shinyBinding.resize = function(el, width, height) {
// Shiny can call resize before initialize/renderValue have been
// called, which doesn't make sense for widgets.
if (elementData(el, "initialized")) {
bindingDef.resize(el, width, height, elementData(el, "init_result"));
}
};
}
Shiny.outputBindings.register(shinyBinding, bindingDef.name);
}
};
var scheduleStaticRenderTimerId = null;
function scheduleStaticRender() {
if (!scheduleStaticRenderTimerId) {
scheduleStaticRenderTimerId = setTimeout(function() {
scheduleStaticRenderTimerId = null;
window.HTMLWidgets.staticRender();
}, 1);
}
}
// Render static widgets after the document finishes loading
// Statically render all elements that are of this widget's class
window.HTMLWidgets.staticRender = function() {
var bindings = window.HTMLWidgets.widgets || [];
forEach(bindings, function(binding) {
var matches = binding.find(document.documentElement);
forEach(matches, function(el) {
var sizeObj = initSizing(el, binding);
var getSize = function(el) {
if (sizeObj) {
return {w: sizeObj.getWidth(), h: sizeObj.getHeight()}
} else {
var rect = el.getBoundingClientRect();
return {w: rect.width, h: rect.height}
}
};
if (hasClass(el, "html-widget-static-bound"))
return;
el.className = el.className + " html-widget-static-bound";
var initResult;
if (binding.initialize) {
var size = getSize(el);
initResult = binding.initialize(el, size.w, size.h);
elementData(el, "init_result", initResult);
}
if (binding.resize) {
var lastSize = getSize(el);
var resizeHandler = function(e) {
var size = getSize(el);
if (size.w === 0 & & size.h === 0)
return;
if (size.w === lastSize.w & & size.h === lastSize.h)
return;
lastSize = size;
binding.resize(el, size.w, size.h, initResult);
};
on(window, "resize", resizeHandler);
// This is needed for cases where we're running in a Shiny
// app, but the widget itself is not a Shiny output, but
// rather a simple static widget. One example of this is
// an rmarkdown document that has runtime:shiny and widget
// that isn't in a render function. Shiny only knows to
// call resize handlers for Shiny outputs, not for static
// widgets, so we do it ourselves.
if (window.jQuery) {
window.jQuery(document).on(
"shown.htmlwidgets shown.bs.tab.htmlwidgets shown.bs.collapse.htmlwidgets",
resizeHandler
);
window.jQuery(document).on(
"hidden.htmlwidgets hidden.bs.tab.htmlwidgets hidden.bs.collapse.htmlwidgets",
resizeHandler
);
}
// This is needed for the specific case of ioslides, which
// flips slides between display:none and display:block.
// Ideally we would not have to have ioslide-specific code
// here, but rather have ioslides raise a generic event,
// but the rmarkdown package just went to CRAN so the
// window to getting that fixed may be long.
if (window.addEventListener) {
// It's OK to limit this to window.addEventListener
// browsers because ioslides itself only supports
// such browsers.
on(document, "slideenter", resizeHandler);
on(document, "slideleave", resizeHandler);
}
}
var scriptData = document.querySelector("script[data-for='" + el.id + "'][type='application/json']");
if (scriptData) {
var data = JSON.parse(scriptData.textContent || scriptData.text);
// Resolve strings marked as javascript literals to objects
if (!(data.evals instanceof Array)) data.evals = [data.evals];
for (var k = 0; data.evals & & k < data.evals.length ; k + + ) {
window.HTMLWidgets.evaluateStringMember(data.x, data.evals[k]);
}
binding.renderValue(el, data.x, initResult);
evalAndRun(data.jsHooks.render, initResult, [el, data.x]);
}
});
});
invokePostRenderHandlers();
}
function has_jQuery3() {
if (!window.jQuery) {
return false;
}
var $version = window.jQuery.fn.jquery;
var $major_version = parseInt($version.split(".")[0]);
return $major_version >= 3;
}
/*
/ Shiny 1.4 bumped jQuery from 1.x to 3.x which means jQuery's
/ on-ready handler (i.e., $(fn)) is now asyncronous (i.e., it now
/ really means $(setTimeout(fn)).
/ https://jquery.com/upgrade-guide/3.0/#breaking-change-document-ready-handlers-are-now-asynchronous
/
/ Since Shiny uses $() to schedule initShiny, shiny>=1.4 calls initShiny
/ one tick later than it did before, which means staticRender() is
/ called renderValue() earlier than (advanced) widget authors might be expecting.
/ https://github.com/rstudio/shiny/issues/2630
/
/ For a concrete example, leaflet has some methods (e.g., updateBounds)
/ which reference Shiny methods registered in initShiny (e.g., setInputValue).
/ Since leaflet is privy to this life-cycle, it knows to use setTimeout() to
/ delay execution of those methods (until Shiny methods are ready)
/ https://github.com/rstudio/leaflet/blob/18ec981/javascript/src/index.js#L266-L268
/
/ Ideally widget authors wouldn't need to use this setTimeout() hack that
/ leaflet uses to call Shiny methods on a staticRender(). In the long run,
/ the logic initShiny should be broken up so that method registration happens
/ right away, but binding happens later.
*/
function maybeStaticRenderLater() {
if (shinyMode & & has_jQuery3()) {
window.jQuery(window.HTMLWidgets.staticRender);
} else {
window.HTMLWidgets.staticRender();
}
}
if (document.addEventListener) {
document.addEventListener("DOMContentLoaded", function() {
document.removeEventListener("DOMContentLoaded", arguments.callee, false);
maybeStaticRenderLater();
}, false);
} else if (document.attachEvent) {
document.attachEvent("onreadystatechange", function() {
if (document.readyState === "complete") {
document.detachEvent("onreadystatechange", arguments.callee);
maybeStaticRenderLater();
}
});
}
window.HTMLWidgets.getAttachmentUrl = function(depname, key) {
// If no key, default to the first item
if (typeof(key) === "undefined")
key = 1;
var link = document.getElementById(depname + "-" + key + "-attachment");
if (!link) {
throw new Error("Attachment " + depname + "/" + key + " not found in document");
}
return link.getAttribute("href");
};
window.HTMLWidgets.dataframeToD3 = function(df) {
var names = [];
var length;
for (var name in df) {
if (df.hasOwnProperty(name))
names.push(name);
if (typeof(df[name]) !== "object" || typeof(df[name].length) === "undefined") {
throw new Error("All fields must be arrays");
} else if (typeof(length) !== "undefined" & & length !== df[name].length) {
throw new Error("All fields must be arrays of the same length");
}
length = df[name].length;
}
var results = [];
var item;
for (var row = 0; row < length ; row + + ) {
item = {};
for (var col = 0; col < names.length ; col + + ) {
item[names[col]] = df[names[col]][row];
}
results.push(item);
}
return results;
};
window.HTMLWidgets.transposeArray2D = function(array) {
if (array.length === 0) return array;
var newArray = array[0].map(function(col, i) {
return array.map(function(row) {
return row[i]
})
});
return newArray;
};
// Split value at splitChar, but allow splitChar to be escaped
// using escapeChar. Any other characters escaped by escapeChar
// will be included as usual (including escapeChar itself).
function splitWithEscape(value, splitChar, escapeChar) {
var results = [];
var escapeMode = false;
var currentResult = "";
for (var pos = 0; pos < value.length ; pos + + ) {
if (!escapeMode) {
if (value[pos] === splitChar) {
results.push(currentResult);
currentResult = "";
} else if (value[pos] === escapeChar) {
escapeMode = true;
} else {
currentResult += value[pos];
}
} else {
currentResult += value[pos];
escapeMode = false;
}
}
if (currentResult !== "") {
results.push(currentResult);
}
return results;
}
// Function authored by Yihui/JJ Allaire
window.HTMLWidgets.evaluateStringMember = function(o, member) {
var parts = splitWithEscape(member, '.', '\\');
for (var i = 0, l = parts.length; i < l ; i + + ) {
var part = parts[i];
// part may be a character or 'numeric' member name
if (o !== null & & typeof o === "object" & & part in o) {
if (i == (l - 1)) { // if we are at the end of the line then evalulate
if (typeof o[part] === "string")
o[part] = tryEval(o[part]);
} else { // otherwise continue to next embedded object
o = o[part];
}
}
}
};
// Retrieve the HTMLWidget instance (i.e. the return value of an
// HTMLWidget binding's initialize() or factory() function)
// associated with an element, or null if none.
window.HTMLWidgets.getInstance = function(el) {
return elementData(el, "init_result");
};
// Finds the first element in the scope that matches the selector,
// and returns the HTMLWidget instance (i.e. the return value of
// an HTMLWidget binding's initialize() or factory() function)
// associated with that element, if any. If no element matches the
// selector, or the first matching element has no HTMLWidget
// instance associated with it, then null is returned.
//
// The scope argument is optional, and defaults to window.document.
window.HTMLWidgets.find = function(scope, selector) {
if (arguments.length == 1) {
selector = scope;
scope = document;
}
var el = scope.querySelector(selector);
if (el === null) {
return null;
} else {
return window.HTMLWidgets.getInstance(el);
}
};
// Finds all elements in the scope that match the selector, and
// returns the HTMLWidget instances (i.e. the return values of
// an HTMLWidget binding's initialize() or factory() function)
// associated with the elements, in an array. If elements that
// match the selector don't have an associated HTMLWidget
// instance, the returned array will contain nulls.
//
// The scope argument is optional, and defaults to window.document.
window.HTMLWidgets.findAll = function(scope, selector) {
if (arguments.length == 1) {
selector = scope;
scope = document;
}
var nodes = scope.querySelectorAll(selector);
var results = [];
for (var i = 0; i < nodes.length ; i + + ) {
results.push(window.HTMLWidgets.getInstance(nodes[i]));
}
return results;
};
var postRenderHandlers = [];
function invokePostRenderHandlers() {
while (postRenderHandlers.length) {
var handler = postRenderHandlers.shift();
if (handler) {
handler();
}
}
}
// Register the given callback function to be invoked after the
// next time static widgets are rendered.
window.HTMLWidgets.addPostRenderHandler = function(callback) {
postRenderHandlers.push(callback);
};
// Takes a new-style instance-bound definition, and returns an
// old-style class-bound definition. This saves us from having
// to rewrite all the logic in this file to accomodate both
// types of definitions.
function createLegacyDefinitionAdapter(defn) {
var result = {
name: defn.name,
type: defn.type,
initialize: function(el, width, height) {
return defn.factory(el, width, height);
},
renderValue: function(el, x, instance) {
return instance.renderValue(x);
},
resize: function(el, width, height, instance) {
return instance.resize(width, height);
}
};
if (defn.find)
result.find = defn.find;
if (defn.renderError)
result.renderError = defn.renderError;
if (defn.clearError)
result.clearError = defn.clearError;
return result;
}
})();
< / script >
< script > / * ! j Q u e r y v 3 . 6 . 0 | ( c ) O p e n J S F o u n d a t i o n a n d o t h e r c o n t r i b u t o r s | j q u e r y . o r g / l i c e n s e * /
!function(e,t){"use strict";"object"==typeof module& & "object"==typeof module.exports?module.exports=e.document?t(e,!0):function(e){if(!e.document)throw new Error("jQuery requires a window with a document");return t(e)}:t(e)}("undefined"!=typeof window?window:this,function(C,e){"use strict";var t=[],r=Object.getPrototypeOf,s=t.slice,g=t.flat?function(e){return t.flat.call(e)}:function(e){return t.concat.apply([],e)},u=t.push,i=t.indexOf,n={},o=n.toString,v=n.hasOwnProperty,a=v.toString,l=a.call(Object),y={},m=function(e){return"function"==typeof e& & "number"!=typeof e.nodeType& & "function"!=typeof e.item},x=function(e){return null!=e&&e===e.window},E=C.document,c={type:!0,src:!0,nonce:!0,noModule:!0}; function b(e,t,n){var r,i,o=(n=n||E).createElement("script");if(o.text=e,t)for(r in c)(i=t[r]||t.getAttribute&&t.getAttribute(r))&&o.setAttribute(r,i); n.head.appendChild(o).parentNode.removeChild(o)}function w(e){return null==e?e+"":"object"==typeof e||"function"==typeof e?n[o.call(e)]||"object":typeof e}var f="3.6.0",S=function(e,t){return new S.fn.init(e,t)};function p(e){var t=!!e& & "length"in e&&e.length,n=w(e); return!m(e)& & !x(e)& & ("array"===n||0===t||"number"==typeof t& & 0< t & & t-1 in e ) } S . fn = S.prototype={jquery:f,constructor:S,length:0,toArray:function(){return s . call ( this ) } , get:function ( e ) { return null = =e?s.call(this):e<0?this[e+this.length]:this[e]},pushStack:function(e){var t = S.merge(this.constructor(),e);return t . prevObject = this,t},each:function(e){return S . each ( this , e ) } , map:function ( n ) { return this . pushStack ( S . map ( this , function ( e , t ) { return n . call ( e , t , e ) } ) ) } , slice:function ( ) { return this . pushStack ( s . apply ( this , arguments ) ) } , first:function ( ) { return this . eq ( 0 ) } , last:function ( ) { return this . eq ( -1 ) } , even:function ( ) { return this . pushStack ( S . grep ( this , function ( e , t ) { return ( t + 1 ) % 2 } ) ) } , odd:function ( ) { return this . pushStack ( S . grep ( this , function ( e , t ) { return t % 2 } ) ) } , eq:function ( e ) { var t = this.length,n=+e+(e<0?t:0);return this . pushStack ( 0 < = n & & n < t ? [ this [ n ] ] : [ ] ) } , end:function ( ) { return this . prevObject | | this . constructor ( ) } , push:u , sort:t . sort , splice:t . splice } , S . extend = S.fn.extend=function(){var e , t , n , r , i , o , a = arguments[0]||{},s=1,u=arguments.length,l=!1;for("boolean"==typeof a & & ( l = a,a=arguments[s]||{},s++),"object"==typeof a | | m ( a ) | | ( a = {}),s===u&&(a=this,s--);s<u;s++)if(null!=(e=arguments[s]))for(t in e ) r = e[t],"__proto__"!==t&&a!==r&&(l&&r&&(S.isPlainObject(r)||(i=Array.isArray(r)))?(n=a[t],o=i&&!Array.isArray(n)?[]:i||S.isPlainObject(n)?n:{},i=!1,a[t]=S.extend(l,o,r)):void 0 ! = = r & & ( a [ t ] = r ) ) ; return a } , S . extend ( { expando: " jQuery " + ( f + Math . random ( ) ) . replace ( / \ D / g , " " ) , isReady: ! 0 , error:function ( e ) { throw new Error ( e ) } , noop:function ( ) { } , isPlainObject:function ( e ) { var t , n ; return ! ( ! e | | " [ object Object ] " ! = = o . call ( e ) ) & & ( ! ( t = r(e))||"function"==typeof(n=v.call(t,"constructor")&&t.constructor)&&a.call(n)===l)},isEmptyObject:function(e){var t ; for ( t in e ) return ! 1 ; return ! 0 } , globalEval:function ( e , t , n ) { b ( e , { nonce:t & & t . nonce } , n ) } , each:function ( e , t ) { var n , r = 0;if(p(e)){for(n=e.length;r<n;r++)if(!1===t.call(e[r],r,e[r]))break}else for ( r in e ) if ( ! 1 = ==t.call(e[r],r,e[r]))break;return e } , makeArray:function ( e , t ) { var n = t||[];return null ! = e & & ( p ( Object ( e ) ) ? S . merge ( n , " string " = = typeof e ? [ e ] :e ) :u . call ( n , e ) ) , n } , inArray:function ( e , t , n ) { return null = =t?-1:i.call(t,e,n)},merge:function(e,t){for(var n = +t.length,r=0,i=e.length;r<n;r++)e[i++]=t[r];return e . length = i,e},grep:function(e,t,n){for(var r = [],i=0,o=e.length,a=!n;i<o;i++)!t(e[i],i)!==a&&r.push(e[i]);return r } , map:function ( e , t , n ) { var r , i , o = 0,a=[];if(p(e))for(r=e.length;o<r;o++)null!=(i=t(e[o],o,n))&&a.push(i);else for ( o in e ) null ! = ( i = t(e[o],o,n))&&a.push(i);return g ( a ) } , guid:1 , support:y } ) , " function " = = typeof Symbol & & ( S . fn [ Symbol . iterator ] = t [ Symbol . iterator ] ) , S . each ( " Boolean Number String Function Array Date RegExp Object Error Symbol " . split ( " " ) , function ( e , t ) { n [ " [ object " + t + " ] " ] = t . toLowerCase ( ) } ) ; var d = function(n){var e , d , b , o , i , h , f , g , w , u , l , T , C , a , E , v , s , c , y , S = "sizzle" + 1 * new Date , p = n.document,k=0,r=0,m=ue(),x=ue(),A=ue(),N=ue(),j=function(e,t){return e = ==t&&(l=!0),0},D={}.hasOwnProperty,t=[],q=t.pop,L=t.push,H=t.push,O=t.slice,P=function(e
< / script >
< style type = "text/css" > . l e a f l e t - p a n e , . l e a f l e t - t i l e , . l e a f l e t - m a r k e r - i c o n , . l e a f l e t - m a r k e r - s h a d o w , . l e a f l e t - t i l e - c o n t a i n e r , . l e a f l e t - p a n e > s v g , . l e a f l e t - p a n e > c a n v a s , . l e a f l e t - z o o m - b o x , . l e a f l e t - i m a g e - l a y e r , . l e a f l e t - l a y e r { p o s i t i o n : a b s o l u t e ; l e f t : 0 ; t o p : 0 ; } . l e a f l e t - c o n t a i n e r { o v e r f l o w : h i d d e n ; } . l e a f l e t - t i l e , . l e a f l e t - m a r k e r - i c o n , . l e a f l e t - m a r k e r - s h a d o w { - w e b k i t - u s e r - s e l e c t : n o n e ; - m o z - u s e r - s e l e c t : n o n e ; u s e r - s e l e c t : n o n e ; - w e b k i t - u s e r - d r a g : n o n e ; } . l e a f l e t - s a f a r i . l e a f l e t - t i l e { i m a g e - r e n d e r i n g : - w e b k i t - o p t i m i z e - c o n t r a s t ; } . l e a f l e t - s a f a r i . l e a f l e t - t i l e - c o n t a i n e r { w i d t h : 1 6 0 0 p x ; h e i g h t : 1 6 0 0 p x ; - w e b k i t - t r a n s f o r m - o r i g i n : 0 0 ; } . l e a f l e t - m a r k e r - i c o n , . l e a f l e t - m a r k e r - s h a d o w { d i s p l a y : b l o c k ; } . l e a f l e t - c o n t a i n e r . l e a f l e t - o v e r l a y - p a n e s v g , . l e a f l e t - c o n t a i n e r . l e a f l e t - m a r k e r - p a n e i m g , . l e a f l e t - c o n t a i n e r . l e a f l e t - s h a d o w - p a n e i m g , . l e a f l e t - c o n t a i n e r . l e a f l e t - t i l e - p a n e i m g , . l e a f l e t - c o n t a i n e r i m g . l e a f l e t - i m a g e - l a y e r { m a x - w i d t h : n o n e ! i m p o r t a n t ; m a x - h e i g h t : n o n e ! i m p o r t a n t ; } . l e a f l e t - c o n t a i n e r . l e a f l e t - t o u c h - z o o m { - m s - t o u c h - a c t i o n : p a n - x p a n - y ; t o u c h - a c t i o n : p a n - x p a n - y ; } . l e a f l e t - c o n t a i n e r . l e a f l e t - t o u c h - d r a g { - m s - t o u c h - a c t i o n : p i n c h - z o o m ; t o u c h - a c t i o n : n o n e ; t o u c h - a c t i o n : p i n c h - z o o m ; } . l e a f l e t - c o n t a i n e r . l e a f l e t - t o u c h - d r a g . l e a f l e t - t o u c h - z o o m { - m s - t o u c h - a c t i o n : n o n e ; t o u c h - a c t i o n : n o n e ; } . l e a f l e t - c o n t a i n e r { - w e b k i t - t a p - h i g h l i g h t - c o l o r : t r a n s p a r e n t ; } . l e a f l e t - c o n t a i n e r a { - w e b k i t - t a p - h i g h l i g h t - c o l o r : r g b a ( 5 1 , 1 8 1 , 2 2 9 , 0 . 4 ) ; } . l e a f l e t - t i l e { f i l t e r : i n h e r i t ; v i s i b i l i t y : h i d d e n ; } . l e a f l e t - t i l e - l o a d e d { v i s i b i l i t y : i n h e r i t ; } . l e a f l e t - z o o m - b o x { w i d t h : 0 ; h e i g h t : 0 ; - m o z - b o x - s i z i n g : b o r d e r - b o x ; b o x - s i z i n g : b o r d e r - b o x ; z - i n d e x : 8 0 0 ; } . l e a f l e t - o v e r l a y - p a n e s v g { - m o z - u s e r - s e l e c t : n o n e ; } . l e a f l e t - p a n e { z - i n d e x : 4 0 0 ; } . l e a f l e t - t i l e - p a n e { z - i n d e x : 2 0 0 ; } . l e a f l e t - o v e r l a y - p a n e { z - i n d e x : 4 0 0 ; } . l e a f l e t - s h a d o w - p a n e { z - i n d e x : 5 0 0 ; } . l e a f l e t - m a r k e r - p a n e { z - i n d e x : 6 0 0 ; } . l e a f l e t - t o o l t i p - p a n e { z - i n d e x : 6 5 0 ; } . l e a f l e t - p o p u p - p a n e { z - i n d e x : 7 0 0 ; } . l e a f l e t - m a p - p a n e c a n v a s { z - i n d e x : 1 0 0 ; } . l e a f l e t - m a p - p a n e s v g { z - i n d e x : 2 0 0 ; } . l e a f l e t - v m l - s h a p e { w i d t h : 1 p x ; h e i g h t : 1 p x ; } . l v m l { b e h a v i o r : u r l ( # d e f a u l t # V M L ) ; d i s p l a y : i n l i n e - b l o c k ; p o s i t i o n : a b s o l u t e ; } . l e a f l e t - c o n t r o l { p o s i t i o n : r e l a t i v e ; z - i n d e x : 8 0 0 ; p o i n t e r - e v e n t s : v i s i b l e P a i n t e d ; p o i n t e r - e v e n t s : a u t o ; } . l e a f l e t - t o p , . l e a f l e t - b o t t o m { p o s i t i o n : a b s o l u t e ; z - i n d e x : 1 0 0 0 ; p o i n t e r - e v e n t s : n o n e ; } . l e a f l e t - t o p { t o p : 0 ; } . l e a f l e t - r i g h t { r i g h t : 0 ; } . l e a f l e t - b o t t o m { b o t t o m : 0 ; } . l e a f l e t - l e f t { l e f t : 0 ; } . l e a f l e t - c o n t r o l { f l o a t : l e f t ; c l e a r : b o t h ; } . l e a f l e t - r i g h t . l e a f l e t - c o n t r o l { f l o a t : r i g h t ; } . l e a f l e t - t o p . l e a f l e t - c o n t r o l { m a r g i n - t o p : 1 0 p x ; } . l e a f l e t - b o t t o m . l e a f l e t - c o n t r o l { m a r g i n - b o t t o m : 1 0 p x ; } . l e a f l e t - l e f t . l e a f l e t - c o n t r o l { m a r g i n - l e f t : 1 0 p x ; } . l e a f l e t - r i g h t . l e a f l e t - c o n t r o l { m a r g i n - r i g h t : 1 0 p x ; } . l e a f l e t - f a d e - a n i m . l e a f l e t - t i l e { w i l l - c h a n g e : o p a c i t y ; } . l e a f l e t - f a d e - a n i m . l e a f l e t - p o p u p { o p a c i t y : 0 ; - w e b k i t - t r a n s i t i o n : o p a c i t y 0 . 2 s l i n e a r ; - m o z - t r a n s i t i o n : o p a c i t y 0 . 2 s l i n e a r ; - o - t r a n s i t i o n : o p a c i t y 0 . 2 s l i n e a r ; t r a n s i t i o n : o p a c i t y 0 . 2 s l i n e a r ; } . l e a f l e t - f a d e - a n i m . l e a f l e t - m a p - p a n e . l e a f l e t - p o p u p { o p a c i t y : 1 ; } . l e a f l e t - z o o m - a n i m a t e d { - w e b k i t - t r a n s f o r m - o r i g i n : 0 0 ; - m s - t r a n s f o r m - o r i g i n : 0 0 ; t r a n s f o r m - o r i g i n : 0 0 ; } . l e a f l e t - z o o m - a n i m . l e a f l e t - z o o m - a n i m a t e d { w i l l - c h a n g e : t r a n s f o r m ; } . l e a f l e t - z o o m - a n i m . l e a f l e t - z o o m - a n i m a t e d { - w e b k i t - t r a n s i t i o n : - w e b k i t - t r a n s f o r m 0 . 2 5 s c u b i c - b e z i e r ( 0 , 0 , 0 . 2 5 , 1 ) ; - m o z - t r a n s i t i o n : - m o z - t r a n s f o r m 0 . 2 5 s c u b i c - b e z i e r ( 0 , 0 , 0 . 2 5 , 1 ) ; - o - t r a n s i t i o n : - o - t r a n s f o r m 0 . 2 5 s c u b i c - b e z i e r ( 0 , 0 , 0 . 2 5 , 1 ) ; t r a n s i t i o n : t r a n s f o r m 0 . 2 5 s c u b i c - b e z i e r ( 0 , 0 , 0 . 2 5 , 1 ) ; } . l e a f l e t - z o o m - a n i m . l e a f l e t - t i l e , . l e a f l e t - p a n - a n i m . l e a f l e t - t i l e { - w e b k i t - t r a n s i t i o n : n o n e ; - m o z - t r a n s i t i o n : n o n e ; - o - t r a n s i t i o n : n o n e ; t r a n s i t i o n : n o n e ; } . l e a f l e t - z o o m - a n i m . l e a f l e t - z o o m - h i d e { v i s i b i l i t y : h i d d e n ; } . l e a f l e t - i n t e r a c t i v e { c u r s o r : p o i n t e r ; } . l e a f l e t - g r a b { c u r s o r : - w e b k i t - g r a b ; c u r s o r : - m o z - g r a b ; } . l e a f l e t - c r o s s h a i r , . l e a f l e t - c r o s s h a i r . l e a f l e t - i n t e r a c t i v e { c u r s o r : c r o s s h a i r ; } . l e a f l e t - p o p u p - p a n e , . l e a f l e t - c o n t r o l { c u r s o r : a u t o ; } . l e a f l e t - d r a g g i n g . l e a f l e t - g r a b , . l e a f l e t - d r a g g i n g . l e a f l e t - g r a b . l e a f l e t - i n t e r a c t i v e , . l e a f l e t - d r a g g i n g . l e a f l e t - m a r k e r - d r a g g a b l e { c u r s o r : m o v e ; c u r s o r : - w e b k i t - g r a b b i n g ; c u r s o r : - m o z - g r a b b i n g ; } . l e
< script > / * @ p r e s e r v e
* Leaflet 1.3.1+Detached: ba6f97fff8647e724e4dfe66d2ed7da11f908989.ba6f97f, a JS library for interactive maps. https://leafletjs.com
* (c) 2010-2017 Vladimir Agafonkin, (c) 2010-2011 CloudMade
*/
!function(t,i){"object"==typeof exports& & "undefined"!=typeof module?i(exports):"function"==typeof define& & define.amd?define(["exports"],i):i(t.L={})}(this,function(t){"use strict";function i(t){var i,e,n,o;for(e=1,n=arguments.length;e< n ; e + + ) { o = arguments[e];for(i in o ) t [ i ] = o [ i ] } return t } function e ( t , i ) { var e = Array.prototype.slice;if(t.bind)return t . bind . apply ( t , e . call ( arguments , 1 ) ) ; var n = e.call(arguments,2);return function ( ) { return t . apply ( i , n . length ? n . concat ( e . call ( arguments ) ) :arguments ) } } function n ( t ) { return t . _leaflet_id = t._leaflet_id||++ti,t._leaflet_id}function o ( t , i , e ) { var n , o , s , r ; return r = function(){n=!1,o&&(s.apply(e,o),o=!1)},s=function(){n?o=arguments:(t.apply(e,arguments),setTimeout(r,i),n=!0)}}function s ( t , i , e ) { var n = i[1],o=i[0],s=n-o;return t = ==n&&e?t:((t-o)%s+s)%s+o}function r ( ) { return ! 1 } function a ( t , i ) { var e = Math.pow(10,void 0 = ==i?6:i);return Math . round ( t * e ) / e } function h ( t ) { return t . trim ? t . trim ( ) :t . replace ( / ^ \ s + | \ s + $ / g , " " ) } function u ( t ) { return h ( t ) . split ( / \ s + / ) } function l ( t , i ) { t . hasOwnProperty ( " options " ) | | ( t . options = t.options?Qt(t.options):{});for(var e in i ) t . options [ e ] = i [ e ] ; return t . options } function c ( t , i , e ) { var n = [];for(var o in t ) n . push ( encodeURIComponent ( e ? o . toUpperCase ( ) :o ) + " = " + encodeURIComponent ( t [ o ] ) ) ; return ( i & & -1 ! = = i . indexOf ( " ? " ) ? " & " : " ? " ) + n . join ( " & " ) } function _ ( t , i ) { return t . replace ( ii , function ( t , e ) { var n = i[e];if(void 0 = ==n)throw new Error ( " No value provided for variable " + t ) ; return " function " = = typeof n & & ( n = n(i)),n})}function d ( t , i ) { for ( var e = 0;e<t.length;e++)if(t[e]===i)return e ; return-1 } function p ( t ) { return window [ " webkit " + t ] | | window [ " moz " + t ] | | window [ " ms " + t ] } function m ( t ) { var i = +new Date , e = Math.max(0,16-(i-oi));return oi = i+e,window.setTimeout(t,e)}function f ( t , i , n ) { if ( ! n | | si ! = = m ) return si . call ( window , e ( t , i ) ) ; t . call ( i ) } function g ( t ) { t & & ri . call ( window , t ) } function v ( ) { } function y ( t ) { if ( " undefined " ! = typeof L & & L & & L . Mixin ) { t = ei(t)?t:[t];for(var i = 0;i<t.length;i++)t[i]===L.Mixin.Events&&console.warn("Deprecated include of L . Mixin . Events: this property will be removed in future releases , please inherit from L . Evented instead . " , ( new Error ) . stack ) } } function x ( t , i , e ) { this . x = e?Math.round(t):t,this.y=e?Math.round(i):i}function w ( t , i , e ) { return t instanceof x ? t:ei ( t ) ? new x ( t [ 0 ] , t [ 1 ] ) :void 0 = ==t||null===t?t:"object"==typeof t & & " x " in t & & " y " in t ? new x ( t . x , t . y ) :new x ( t , i , e ) } function P ( t , i ) { if ( t ) for ( var e = i?[t,i]:t,n=0,o=e.length;n<o;n++)this.extend(e[n])}function b ( t , i ) { return ! t | | t instanceof P ? t:new P ( t , i ) } function T ( t , i ) { if ( t ) for ( var e = i?[t,i]:t,n=0,o=e.length;n<o;n++)this.extend(e[n])}function z ( t , i ) { return t instanceof T ? t:new T ( t , i ) } function M ( t , i , e ) { if ( isNaN ( t ) | | isNaN ( i ) ) throw new Error ( " Invalid LatLng object: ( " + t + " , " + i + " ) " ) ; this . lat = +t,this.lng=+i,void 0 ! = = e & & ( this . alt = +e)}function C ( t , i , e ) { return t instanceof M ? t:ei ( t ) & & " object " ! = typeof t [ 0 ] ? 3 = ==t.length?new M ( t [ 0 ] , t [ 1 ] , t [ 2 ] ) :2 = ==t.length?new M ( t [ 0 ] , t [ 1 ] ) :null:void 0 = ==t||null===t?t:"object"==typeof t & & " lat " in t ? new M ( t . lat , " lng " in t ? t . lng:t . lon , t . alt ) :void 0 = ==i?null:new M ( t , i , e ) } function Z ( t , i , e , n ) { if ( ei ( t ) ) return this . _a = t[0],this._b=t[1],this._c=t[2],void(this._d=t[3]);this._a=t,this._b=i,this._c=e,this._d=n}function S ( t , i , e , n ) { return new Z ( t , i , e , n ) } function E ( t ) { return document . createElementNS ( " http: / / www . w3 . org / 2000 / svg " , t ) } function k ( t , i ) { var e , n , o , s , r , a , h = "" ; for ( e = 0,o=t.length;e<o;e++){for(n=0,s=(r=t[e]).length;n<s;n++)a=r[n],h+=(n?"L":"M")+a.x+" " + a . y ; h + = i ? Xi ? " z " : " x " : " " } return h | | " M0 0 " } function A ( t ) { return navigator . userAgent . toLowerCase ( ) . indexOf ( t ) > =0}function I(t,i,e,n){return"touchstart"===i?O(t,e,n):"touchmove"===i?W(t,e,n):"touchend"===i& & H(t,e,n),this}function B(t,i,e){var n=t["_leaflet_"+i+e];return"touchstart"===i?t.removeEventListener(Qi,n,!1):"touchmove"===i?t.removeEventListener(te,n,!1):"touchend"===i& & (t.removeEventListener(ie,n,!1),t.removeEventListener(ee,n,!1)),this}function O(t,i,n){var o=e(function(t){if("mouse"!==t.pointerType&&t.MSPOINTER_TYPE_MOUSE&&t.pointerType!==t.MSPOINTER_TYPE_MOUSE){if(!(ne.indexOf(t.target.tagName)<0))return; $(t)}j(t,i)});t["_leaflet_touchstart"+n]=o,t.addEventListener(Qi,o,!1),se||(document.document
< style type = "text/css" >
img.leaflet-tile {
padding: 0;
margin: 0;
border-radius: 0;
border: none;
}
.leaflet .info {
padding: 6px 8px;
font: 14px/16px Arial, Helvetica, sans-serif;
background: white;
background: rgba(255,255,255,0.8);
box-shadow: 0 0 15px rgba(0,0,0,0.2);
border-radius: 5px;
}
.leaflet .legend {
line-height: 18px;
color: #555;
}
.leaflet .legend svg text {
fill: #555;
}
.leaflet .legend svg line {
stroke: #555;
}
.leaflet .legend i {
width: 18px;
height: 18px;
margin-right: 4px;
opacity: 0.7;
display: inline-block;
vertical-align: top;
zoom: 1;
*display: inline;
}
< / style >
< script > ! f u n c t i o n ( t , s ) { " o b j e c t " = = t y p e o f e x p o r t s & & " u n d e f i n e d " ! = t y p e o f m o d u l e ? m o d u l e . e x p o r t s = s ( ) : " f u n c t i o n " = = t y p e o f d e f i n e & & d e f i n e . a m d ? d e f i n e ( s ) : t . p r o j 4 = s ( ) } ( t h i s , f u n c t i o n ( ) { " u s e s t r i c t " ; f u n c t i o n k ( t , s ) { i f ( t [ s ] ) r e t u r n t [ s ] ; f o r ( v a r i , a = O b j e c t . k e y s ( t ) , h = s . t o L o w e r C a s e ( ) . r e p l a c e ( H , " " ) , e = - 1 ; + + e < a . l e n g t h ; ) i f ( ( i = a [ e ] ) . t o L o w e r C a s e ( ) . r e p l a c e ( H , " " ) = = = h ) r e t u r n t [ i ] } f u n c t i o n e ( t ) { i f ( " s t r i n g " ! = t y p e o f t ) t h r o w n e w E r r o r ( " n o t a s t r i n g " ) ; t h i s . t e x t = t . t r i m ( ) , t h i s . l e v e l = 0 , t h i s . p l a c e = 0 , t h i s . r o o t = n u l l , t h i s . s t a c k = [ ] , t h i s . c u r r e n t O b j e c t = n u l l , t h i s . s t a t e = K } f u n c t i o n h ( t , s , i ) { A r r a y . i s A r r a y ( s ) & & ( i . u n s h i f t ( s ) , s = n u l l ) ; v a r a = s ? { } : t , h = i . r e d u c e ( f u n c t i o n ( t , s ) { r e t u r n n ( s , t ) , t } , a ) ; s & & ( t [ s ] = h ) } f u n c t i o n n ( t , s ) { i f ( A r r a y . i s A r r a y ( t ) ) { v a r i , a = t . s h i f t ( ) ; i f ( " P A R A M E T E R " = = = a & & ( a = t . s h i f t ( ) ) , 1 = = = t . l e n g t h ) r e t u r n A r r a y . i s A r r a y ( t [ 0 ] ) ? ( s [ a ] = { } , v o i d n ( t [ 0 ] , s [ a ] ) ) : v o i d ( s [ a ] = t [ 0 ] ) ; i f ( t . l e n g t h ) i f ( " T O W G S 8 4 " ! = = a ) { i f ( " A X I S " = = = a ) r e t u r n a i n s | | ( s [ a ] = [ ] ) , v o i d s [ a ] . p u s h ( t ) ; s w i t c h ( A r r a y . i s A r r a y ( a ) | | ( s [ a ] = { } ) , a ) { c a s e " U N I T " : c a s e " P R I M E M " : c a s e " V E R T _ D A T U M " : r e t u r n s [ a ] = { n a m e : t [ 0 ] . t o L o w e r C a s e ( ) , c o n v e r t : t [ 1 ] } , v o i d ( 3 = = = t . l e n g t h & & n ( t [ 2 ] , s [ a ] ) ) ; c a s e " S P H E R O I D " : c a s e " E L L I P S O I D " : r e t u r n s [ a ] = { n a m e : t [ 0 ] , a : t [ 1 ] , r f : t [ 2 ] } , v o i d ( 4 = = = t . l e n g t h & & n ( t [ 3 ] , s [ a ] ) ) ; c a s e " P R O J E C T E D C R S " : c a s e " P R O J C R S " : c a s e " G E O G C S " : c a s e " G E O C C S " : c a s e " P R O J C S " : c a s e " L O C A L _ C S " : c a s e " G E O D C R S " : c a s e " G E O D E T I C C R S " : c a s e " G E O D E T I C D A T U M " : c a s e " E D A T U M " : c a s e " E N G I N E E R I N G D A T U M " : c a s e " V E R T _ C S " : c a s e " V E R T C R S " : c a s e " V E R T I C A L C R S " : c a s e " C O M P D _ C S " : c a s e " C O M P O U N D C R S " : c a s e " E N G I N E E R I N G C R S " : c a s e " E N G C R S " : c a s e " F I T T E D _ C S " : c a s e " L O C A L _ D A T U M " : c a s e " D A T U M " : r e t u r n t [ 0 ] = [ " n a m e " , t [ 0 ] ] , v o i d h ( s , a , t ) ; d e f a u l t : f o r ( i = - 1 ; + + i < t . l e n g t h ; ) i f ( ! A r r a y . i s A r r a y ( t [ i ] ) ) r e t u r n n ( t , s [ a ] ) ; r e t u r n h ( s , a , t ) } } e l s e s [ a ] = t ; e l s e s [ a ] = ! 0 } e l s e s [ t ] = ! 0 } f u n c t i o n r ( t ) { r e t u r n t * i t } f u n c t i o n o ( e ) { f u n c t i o n t ( t ) { r e t u r n t * ( e . t o _ m e t e r | | 1 ) } i f ( " G E O G C S " = = = e . t y p e ? e . p r o j N a m e = " l o n g l a t " : " L O C A L _ C S " = = = e . t y p e ? ( e . p r o j N a m e = " i d e n t i t y " , e . l o c a l = ! 0 ) : " o b j e c t " = = t y p e o f e . P R O J E C T I O N ? e . p r o j N a m e = O b j e c t . k e y s ( e . P R O J E C T I O N ) [ 0 ] : e . p r o j N a m e = e . P R O J E C T I O N , e . A X I S ) { f o r ( v a r s = " " , i = 0 , a = e . A X I S . l e n g t h ; i < a ; + + i ) { v a r h = e . A X I S [ i ] [ 0 ] . t o L o w e r C a s e ( ) ; - 1 ! = = h . i n d e x O f ( " n o r t h " ) ? s + = " n " : - 1 ! = = h . i n d e x O f ( " s o u t h " ) ? s + = " s " : - 1 ! = = h . i n d e x O f ( " e a s t " ) ? s + = " e " : - 1 ! = = h . i n d e x O f ( " w e s t " ) & & ( s + = " w " ) } 2 = = = s . l e n g t h & & ( s + = " u " ) , 3 = = = s . l e n g t h & & ( e . a x i s = s ) } e . U N I T & & ( e . u n i t s = e . U N I T . n a m e . t o L o w e r C a s e ( ) , " m e t r e " = = = e . u n i t s & & ( e . u n i t s = " m e t e r " ) , e . U N I T . c o n v e r t & & ( " G E O G C S " = = = e . t y p e ? e . D A T U M & & e . D A T U M . S P H E R O I D & & ( e . t o _ m e t e r = e . U N I T . c o n v e r t * e . D A T U M . S P H E R O I D . a ) : e . t o _ m e t e r = e . U N I T . c o n v e r t ) ) ; v a r n = e . G E O G C S ; " G E O G C S " = = = e . t y p e & & ( n = e ) , n & & ( n . D A T U M ? e . d a t u m C o d e = n . D A T U M . n a m e . t o L o w e r C a s e ( ) : e . d a t u m C o d e = n . n a m e . t o L o w e r C a s e ( ) , " d _ " = = = e . d a t u m C o d e . s l i c e ( 0 , 2 ) & & ( e . d a t u m C o d e = e . d a t u m C o d e . s l i c e ( 2 ) ) , " n e w _ z e a l a n d _ g e o d e t i c _ d a t u m _ 1 9 4 9 " ! = = e . d a t u m C o d e & & " n e w _ z e a l a n d _ 1 9 4 9 " ! = = e . d a t u m C o d e | | ( e . d a t u m C o d e = " n z g d 4 9 " ) , " w g s _ 1 9 8 4 " ! = = e . d a t u m C o d e & & " w o r l d _ g e o d e t i c _ s y s t e m _ 1 9 8 4 " ! = = e . d a t u m C o d e | | ( " M e r c a t o r _ A u x i l i a r y _ S p h e r e " = = = e . P R O J E C T I O N & & ( e . s p h e r e = ! 0 ) , e . d a t u m C o d e = " w g s 8 4 " ) , " _ f e r r o " = = = e . d a t u m C o d e . s l i c e ( - 6 ) & & ( e . d a t u m C o d e = e . d a t u m C o d e . s l i c e ( 0 , - 6 ) ) , " _ j a k a r t a " = = = e . d a t u m C o d e . s l i c e ( - 8 ) & & ( e . d a t u m C o d e = e . d a t u m C o d e . s l i c e ( 0 , - 8 ) ) , ~ e . d a t u m C o d e . i n d e x O f ( " b e l g e " ) & & ( e . d a t u m C o d e = " r n b 7 2 " ) , n . D A T U M & & n . D A T U M . S P H E R O I D & & ( e . e l l p s = n . D A T U M . S P H E R O I D . n a m e . r e p l a c e ( " _ 1 9 " , " " ) . r e p l a c e ( / [ C c ] l a r k e \ _ 1 8 / , " c l r k " ) , " i n t e r n a t i o n a l " = = = e . e l l p s . t o L o w e r C a s e ( ) . s l i c e ( 0 , 1 3 ) & & ( e . e l l p s = " i n t l " ) , e . a = n . D A T U M . S P H E R O I D . a , e . r f = p a r s e F l o a t ( n . D A T U M . S P H E R O I D . r f , 1 0 ) ) , n . D A T U M & & n . D A T U M . T O W G S 8 4 & & ( e . d a t u m _ p a r a m s = n . D A T U M . T O W G S 8 4 ) , ~ e . d a t u m C o d e . i n d e x O f ( " o s g b _ 1 9 3 6 " ) & & ( e . d a t u m C o d e = " o s g b 3 6 " ) , ~ e . d a t u m C o d e . i n d e x O f ( " o s n i _ 1 9 5 2 " ) & & ( e . d a t u m C o d e = " o s n i 5 2 " ) , ( ~ e . d a t u m C o d e . i n d e x O f ( " t m 6 5 " ) | | ~ e . d a t u m C o d e . i n d e x O f ( " g e o d e t i c _ d a t u m _ o f _ 1 9 6 5 " ) ) & & ( e . d a t u m C o d e = " i r e 6 5 " ) , " c h 1 9 0 3 + " = = = e . d a t u m C o d e & & ( e . d a t u m C o d e = " c h 1 9 0 3 " ) , ~ e . d a t u m C o d e . i n d e x O f ( " i s r a e l " ) & & ( e . d a t u m C o d e = " i s r 9 3 " ) ) , e . b & & ! i s F i n i t e ( e . b ) & & ( e . b = e . a ) , [ [ " s t a n d a r d _ p a r a l l e l _ 1 " , " S t a n d a r d _ P a r a l l e l _ 1 " ] , [ " s t a n d a r d _ p a r a l l e l _ 2 " , " S t a n d a r d _ P a r a l l e l _ 2 " ] , [ " f a l s e _ e a s t i n g " , " F a l s e _ E a s t i n g " ] , [ " f a l s e _ n o r t h i n g " , " F a l s e _ N o r t h i n g " ] , [ " c e n t r a l _ m e r i d i a n " , " C e n t r a l _ M e r i d i a n " ] , [ " l a t i t u d e _ o f _ o r i g i n " , " L a t i t u d e _ O f _ O r i g i n " ] , [ " l a t i t u d e _ o f _ o r i g i n " , " C e n t r a l _ P a r a l l e l " ] , [ " s c a l e _ f a c t o r " , " S c a l e _ F a c t o r " ] , [ " k 0 " , " s c a l e _ f a c t o r " ] , [ " l a t i t u d e _ o f _ c e n t e r " ,
< script > ( f u n c t i o n ( f a c t o r y ) {
var L, proj4;
if (typeof define === 'function' & & define.amd) {
// AMD
define(['leaflet', 'proj4'], factory);
} else if (typeof module === 'object' & & typeof module.exports === "object") {
// Node/CommonJS
L = require('leaflet');
proj4 = require('proj4');
module.exports = factory(L, proj4);
} else {
// Browser globals
if (typeof window.L === 'undefined' || typeof window.proj4 === 'undefined')
throw 'Leaflet and proj4 must be loaded first';
factory(window.L, window.proj4);
}
}(function (L, proj4) {
if (proj4.__esModule & & proj4.default) {
// If proj4 was bundled as an ES6 module, unwrap it to get
// to the actual main proj4 object.
// See discussion in https://github.com/kartena/Proj4Leaflet/pull/147
proj4 = proj4.default;
}
L.Proj = {};
L.Proj._isProj4Obj = function(a) {
return (typeof a.inverse !== 'undefined' & &
typeof a.forward !== 'undefined');
};
L.Proj.Projection = L.Class.extend({
initialize: function(code, def, bounds) {
var isP4 = L.Proj._isProj4Obj(code);
this._proj = isP4 ? code : this._projFromCodeDef(code, def);
this.bounds = isP4 ? def : bounds;
},
project: function (latlng) {
var point = this._proj.forward([latlng.lng, latlng.lat]);
return new L.Point(point[0], point[1]);
},
unproject: function (point, unbounded) {
var point2 = this._proj.inverse([point.x, point.y]);
return new L.LatLng(point2[1], point2[0], unbounded);
},
_projFromCodeDef: function(code, def) {
if (def) {
proj4.defs(code, def);
} else if (proj4.defs[code] === undefined) {
var urn = code.split(':');
if (urn.length > 3) {
code = urn[urn.length - 3] + ':' + urn[urn.length - 1];
}
if (proj4.defs[code] === undefined) {
throw 'No projection definition for code ' + code;
}
}
return proj4(code);
}
});
L.Proj.CRS = L.Class.extend({
includes: L.CRS,
options: {
transformation: new L.Transformation(1, 0, -1, 0)
},
initialize: function(a, b, c) {
var code,
proj,
def,
options;
if (L.Proj._isProj4Obj(a)) {
proj = a;
code = proj.srsCode;
options = b || {};
this.projection = new L.Proj.Projection(proj, options.bounds);
} else {
code = a;
def = b;
options = c || {};
this.projection = new L.Proj.Projection(code, def, options.bounds);
}
L.Util.setOptions(this, options);
this.code = code;
this.transformation = this.options.transformation;
if (this.options.origin) {
this.transformation =
new L.Transformation(1, -this.options.origin[0],
-1, this.options.origin[1]);
}
if (this.options.scales) {
this._scales = this.options.scales;
} else if (this.options.resolutions) {
this._scales = [];
for (var i = this.options.resolutions.length - 1; i >= 0; i--) {
if (this.options.resolutions[i]) {
this._scales[i] = 1 / this.options.resolutions[i];
}
}
}
this.infinite = !this.options.bounds;
},
scale: function(zoom) {
var iZoom = Math.floor(zoom),
baseScale,
nextScale,
scaleDiff,
zDiff;
if (zoom === iZoom) {
return this._scales[zoom];
} else {
// Non-integer zoom, interpolate
baseScale = this._scales[iZoom];
nextScale = this._scales[iZoom + 1];
scaleDiff = nextScale - baseScale;
zDiff = (zoom - iZoom);
return baseScale + scaleDiff * zDiff;
}
},
zoom: function(scale) {
// Find closest number in this._scales, down
var downScale = this._closestElement(this._scales, scale),
downZoom = this._scales.indexOf(downScale),
nextScale,
nextZoom,
scaleDiff;
// Check if scale is downScale => return array index
if (scale === downScale) {
return downZoom;
}
if (downScale === undefined) {
return -Infinity;
}
// Interpolate
nextZoom = downZoom + 1;
nextScale = this._scales[nextZoom];
if (nextScale === undefined) {
return Infinity;
}
scaleDiff = nextScale - downScale;
return (scale - downScale) / scaleDiff + downZoom;
},
distance: L.CRS.Earth.distance,
R: L.CRS.Earth.R,
/* Get the closest lowest element in an array */
_closestElement: function(array, element) {
var low;
for (var i = array.length; i--;) {
if (array[i] < = element & & (low === undefined || low < array [ i ] ) ) {
low = array[i];
}
}
return low;
}
});
L.Proj.GeoJSON = L.GeoJSON.extend({
initialize: function(geojson, options) {
this._callLevel = 0;
L.GeoJSON.prototype.initialize.call(this, geojson, options);
},
addData: function(geojson) {
var crs;
if (geojson) {
if (geojson.crs & & geojson.crs.type === 'name') {
crs = new L.Proj.CRS(geojson.crs.properties.name);
} else if (geojson.crs & & geojson.crs.type) {
crs = new L.Proj.CRS(geojson.crs.type + ':' + geojson.crs.properties.code);
}
if (crs !== undefined) {
this.options.coordsToLatLng = function(coords) {
var point = L.point(coords[0], coords[1]);
return crs.projection.unproject(point);
};
}
}
// Base class' addData might call us recursively, but
// CRS shouldn't be cleared in that case, since CRS applies
// to the whole GeoJSON, inluding sub-features.
this._callLevel++;
try {
L.GeoJSON.prototype.addData.call(this, geojson);
} finally {
this._callLevel--;
if (this._callLevel === 0) {
delete this.options.coordsToLatLng;
}
}
}
});
L.Proj.geoJson = function(geojson, options) {
return new L.Proj.GeoJSON(geojson, options);
};
L.Proj.ImageOverlay = L.ImageOverlay.extend({
initialize: function (url, bounds, options) {
L.ImageOverlay.prototype.initialize.call(this, url, null, options);
this._projectedBounds = bounds;
},
// Danger ahead: Overriding internal methods in Leaflet.
// Decided to do this rather than making a copy of L.ImageOverlay
// and doing very tiny modifications to it.
// Future will tell if this was wise or not.
_animateZoom: function (event) {
var scale = this._map.getZoomScale(event.zoom);
var northWest = L.point(this._projectedBounds.min.x, this._projectedBounds.max.y);
var offset = this._projectedToNewLayerPoint(northWest, event.zoom, event.center);
L.DomUtil.setTransform(this._image, offset, scale);
},
_reset: function () {
var zoom = this._map.getZoom();
var pixelOrigin = this._map.getPixelOrigin();
var bounds = L.bounds(
this._transform(this._projectedBounds.min, zoom)._subtract(pixelOrigin),
this._transform(this._projectedBounds.max, zoom)._subtract(pixelOrigin)
);
var size = bounds.getSize();
L.DomUtil.setPosition(this._image, bounds.min);
this._image.style.width = size.x + 'px';
this._image.style.height = size.y + 'px';
},
_projectedToNewLayerPoint: function (point, zoom, center) {
var viewHalf = this._map.getSize()._divideBy(2);
var newTopLeft = this._map.project(center, zoom)._subtract(viewHalf)._round();
var topLeft = newTopLeft.add(this._map._getMapPanePos());
return this._transform(point, zoom)._subtract(topLeft);
},
_transform: function (point, zoom) {
var crs = this._map.options.crs;
var transformation = crs.transformation;
var scale = crs.scale(zoom);
return transformation.transform(point, scale);
}
});
L.Proj.imageOverlay = function (url, bounds, options) {
return new L.Proj.ImageOverlay(url, bounds, options);
};
return L.Proj;
}));
< / script >
< style type = "text/css" > . l e a f l e t - t o o l t i p . l e a f l e t - t o o l t i p - t e x t - o n l y ,
.leaflet-tooltip.leaflet-tooltip-text-only:before,
.leaflet-tooltip.leaflet-tooltip-text-only:after {
background: none;
border: none;
box-shadow: none;
}
.leaflet-tooltip.leaflet-tooltip-text-only.leaflet-tooltip-left {
margin-left: 5px;
}
.leaflet-tooltip.leaflet-tooltip-text-only.leaflet-tooltip-right {
margin-left: -5px;
}
.leaflet-tooltip:after {
border-right: 6px solid transparent;
}
.leaflet-popup-pane .leaflet-popup-tip-container {
pointer-events: all;
cursor: pointer;
}
.leaflet-map-pane {
z-index: auto;
}
.leaflet-container .leaflet-right-pane img,
.leaflet-container .leaflet-left-pane img {
max-width: none !important;
max-height: none !important;
}
< / style >
< script > ( f u n c t i o n ( ) { f u n c t i o n r ( e , n , t ) { f u n c t i o n o ( i , f ) { i f ( ! n [ i ] ) { i f ( ! e [ i ] ) { v a r c = " f u n c t i o n " = = t y p e o f r e q u i r e & & r e q u i r e ; i f ( ! f & & c ) r e t u r n c ( i , ! 0 ) ; i f ( u ) r e t u r n u ( i , ! 0 ) ; v a r a = n e w E r r o r ( " C a n n o t f i n d m o d u l e ' " + i + " ' " ) ; t h r o w a . c o d e = " M O D U L E _ N O T _ F O U N D " , a } v a r p = n [ i ] = { e x p o r t s : { } } ; e [ i ] [ 0 ] . c a l l ( p . e x p o r t s , f u n c t i o n ( r ) { v a r n = e [ i ] [ 1 ] [ r ] ; r e t u r n o ( n | | r ) } , p , p . e x p o r t s , r , e , n , t ) } r e t u r n n [ i ] . e x p o r t s } f o r ( v a r u = " f u n c t i o n " = = t y p e o f r e q u i r e & & r e q u i r e , i = 0 ; i < t . l e n g t h ; i + + ) o ( t [ i ] ) ; r e t u r n o } r e t u r n r } ) ( ) ( { 1 : [ f u n c t i o n ( r e q u i r e , m o d u l e , e x p o r t s ) {
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports["default"] = undefined;
var _util = require("./util");
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
function _defineProperties(target, props) { for (var i = 0; i < props.length ; i + + ) { var descriptor = props[i]; descriptor . enumerable = descriptor.enumerable | | false ; descriptor . configurable = true; if ( " value " in descriptor ) descriptor . writable = true; Object . defineProperty ( target , descriptor . key , descriptor ) ; } }
function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
var ClusterLayerStore = /*#__PURE__*/function () {
function ClusterLayerStore(group) {
_classCallCheck(this, ClusterLayerStore);
this._layers = {};
this._group = group;
}
_createClass(ClusterLayerStore, [{
key: "add",
value: function add(layer, id) {
if (typeof id !== "undefined" & & id !== null) {
if (this._layers[id]) {
this._group.removeLayer(this._layers[id]);
}
this._layers[id] = layer;
}
this._group.addLayer(layer);
}
}, {
key: "remove",
value: function remove(id) {
if (typeof id === "undefined" || id === null) {
return;
}
id = (0, _util.asArray)(id);
for (var i = 0; i < id.length ; i + + ) {
if (this._layers[id[i]]) {
this._group.removeLayer(this._layers[id[i]]);
delete this._layers[id[i]];
}
}
}
}, {
key: "clear",
value: function clear() {
this._layers = {};
this._group.clearLayers();
}
}]);
return ClusterLayerStore;
}();
exports["default"] = ClusterLayerStore;
},{"./util":17}],2:[function(require,module,exports){
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
function _defineProperties(target, props) { for (var i = 0; i < props.length ; i + + ) { var descriptor = props[i]; descriptor . enumerable = descriptor.enumerable | | false ; descriptor . configurable = true; if ( " value " in descriptor ) descriptor . writable = true; Object . defineProperty ( target , descriptor . key , descriptor ) ; } }
function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
var ControlStore = /*#__PURE__*/function () {
function ControlStore(map) {
_classCallCheck(this, ControlStore);
this._controlsNoId = [];
this._controlsById = {};
this._map = map;
}
_createClass(ControlStore, [{
key: "add",
value: function add(control, id, html) {
if (typeof id !== "undefined" & & id !== null) {
if (this._controlsById[id]) {
this._map.removeControl(this._controlsById[id]);
}
this._controlsById[id] = control;
} else {
this._controlsNoId.push(control);
}
this._map.addControl(control);
}
}, {
key: "get",
value: function get(id) {
var control = null;
if (this._controlsById[id]) {
control = this._controlsById[id];
}
return control;
}
}, {
key: "remove",
value: function remove(id) {
if (this._controlsById[id]) {
var control = this._controlsById[id];
this._map.removeControl(control);
delete this._controlsById[id];
}
}
}, {
key: "clear",
value: function clear() {
for (var i = 0; i < this._controlsNoId.length ; i + + ) {
var control = this._controlsNoId[i];
this._map.removeControl(control);
}
this._controlsNoId = [];
for (var key in this._controlsById) {
var _control = this._controlsById[key];
this._map.removeControl(_control);
}
this._controlsById = {};
}
}]);
return ControlStore;
}();
exports["default"] = ControlStore;
},{}],3:[function(require,module,exports){
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.getCRS = getCRS;
var _leaflet = require("./global/leaflet");
var _leaflet2 = _interopRequireDefault(_leaflet);
var _proj4leaflet = require("./global/proj4leaflet");
var _proj4leaflet2 = _interopRequireDefault(_proj4leaflet);
function _interopRequireDefault(obj) { return obj & & obj.__esModule ? obj : { "default": obj }; }
// Helper function to instanciate a ICRS instance.
function getCRS(crsOptions) {
var crs = _leaflet2["default"].CRS.EPSG3857; // Default Spherical Mercator
switch (crsOptions.crsClass) {
case "L.CRS.EPSG3857":
crs = _leaflet2["default"].CRS.EPSG3857;
break;
case "L.CRS.EPSG4326":
crs = _leaflet2["default"].CRS.EPSG4326;
break;
case "L.CRS.EPSG3395":
crs = _leaflet2["default"].CRS.EPSG3395;
break;
case "L.CRS.Simple":
crs = _leaflet2["default"].CRS.Simple;
break;
case "L.Proj.CRS":
if (crsOptions.options & & crsOptions.options.bounds) {
crsOptions.options.bounds = _leaflet2["default"].bounds(crsOptions.options.bounds);
}
if (crsOptions.options & & crsOptions.options.transformation) {
crsOptions.options.transformation = new _leaflet2["default"].Transformation(crsOptions.options.transformation[0], crsOptions.options.transformation[1], crsOptions.options.transformation[2], crsOptions.options.transformation[3]);
}
crs = new _proj4leaflet2["default"].CRS(crsOptions.code, crsOptions.proj4def, crsOptions.options);
break;
case "L.Proj.CRS.TMS":
if (crsOptions.options & & crsOptions.options.bounds) {
crsOptions.options.bounds = _leaflet2["default"].bounds(crsOptions.options.bounds);
}
if (crsOptions.options & & crsOptions.options.transformation) {
crsOptions.options.transformation = _leaflet2["default"].Transformation(crsOptions.options.transformation[0], crsOptions.options.transformation[1], crsOptions.options.transformation[2], crsOptions.options.transformation[3]);
} // L.Proj.CRS.TMS is deprecated as of Leaflet 1.x, fall back to L.Proj.CRS
//crs = new Proj4Leaflet.CRS.TMS(crsOptions.code, crsOptions.proj4def, crsOptions.projectedBounds, crsOptions.options);
crs = new _proj4leaflet2["default"].CRS(crsOptions.code, crsOptions.proj4def, crsOptions.options);
break;
}
return crs;
}
},{"./global/leaflet":10,"./global/proj4leaflet":11}],4:[function(require,module,exports){
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports["default"] = undefined;
var _util = require("./util");
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
function _defineProperties(target, props) { for (var i = 0; i < props.length ; i + + ) { var descriptor = props[i]; descriptor . enumerable = descriptor.enumerable | | false ; descriptor . configurable = true; if ( " value " in descriptor ) descriptor . writable = true; Object . defineProperty ( target , descriptor . key , descriptor ) ; } }
function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
var DataFrame = /*#__PURE__*/function () {
function DataFrame() {
_classCallCheck(this, DataFrame);
this.columns = [];
this.colnames = [];
this.colstrict = [];
this.effectiveLength = 0;
this.colindices = {};
}
_createClass(DataFrame, [{
key: "_updateCachedProperties",
value: function _updateCachedProperties() {
var _this = this;
this.effectiveLength = 0;
this.colindices = {};
this.columns.forEach(function (column, i) {
_this.effectiveLength = Math.max(_this.effectiveLength, column.length);
_this.colindices[_this.colnames[i]] = i;
});
}
}, {
key: "_colIndex",
value: function _colIndex(colname) {
var index = this.colindices[colname];
if (typeof index === "undefined") return -1;
return index;
}
}, {
key: "col",
value: function col(name, values, strict) {
if (typeof name !== "string") throw new Error("Invalid column name \"" + name + "\"");
var index = this._colIndex(name);
if (arguments.length === 1) {
if (index < 0 ) return null ; else return ( 0 , _util . recycle ) ( this . columns [ index ] , this . effectiveLength ) ;
}
if (index < 0 ) {
index = this.colnames.length;
this.colnames.push(name);
}
this.columns[index] = (0, _util.asArray)(values);
this.colstrict[index] = !!strict; // TODO: Validate strictness (ensure lengths match up with other stricts)
this._updateCachedProperties();
return this;
}
}, {
key: "cbind",
value: function cbind(obj, strict) {
var _this2 = this;
Object.keys(obj).forEach(function (name) {
var coldata = obj[name];
_this2.col(name, coldata);
});
return this;
}
}, {
key: "get",
value: function get(row, col, missingOK) {
var _this3 = this;
if (row > this.effectiveLength) throw new Error("Row argument was out of bounds: " + row + " > " + this.effectiveLength);
var colIndex = -1;
if (typeof col === "undefined") {
var rowData = {};
this.colnames.forEach(function (name, i) {
rowData[name] = _this3.columns[i][row % _this3.columns[i].length];
});
return rowData;
} else if (typeof col === "string") {
colIndex = this._colIndex(col);
} else if (typeof col === "number") {
colIndex = col;
}
if (colIndex < 0 | | colIndex > this.columns.length) {
if (missingOK) return void 0;else throw new Error("Unknown column index: " + col);
}
return this.columns[colIndex][row % this.columns[colIndex].length];
}
}, {
key: "nrow",
value: function nrow() {
return this.effectiveLength;
}
}]);
return DataFrame;
}();
exports["default"] = DataFrame;
},{"./util":17}],5:[function(require,module,exports){
"use strict";
var _leaflet = require("./global/leaflet");
var _leaflet2 = _interopRequireDefault(_leaflet);
function _interopRequireDefault(obj) { return obj & & obj.__esModule ? obj : { "default": obj }; }
// In RMarkdown's self-contained mode, we don't have a way to carry around the
// images that Leaflet needs but doesn't load into the page. Instead, we'll use
// the unpkg CDN.
if (typeof _leaflet2["default"].Icon.Default.imagePath === "undefined") {
_leaflet2["default"].Icon.Default.imagePath = "https://unpkg.com/leaflet@1.3.1/dist/images/";
}
},{"./global/leaflet":10}],6:[function(require,module,exports){
"use strict";
var _leaflet = require("./global/leaflet");
var _leaflet2 = _interopRequireDefault(_leaflet);
function _interopRequireDefault(obj) { return obj & & obj.__esModule ? obj : { "default": obj }; }
// add texxtsize, textOnly, and style
_leaflet2["default"].Tooltip.prototype.options.textsize = "10px";
_leaflet2["default"].Tooltip.prototype.options.textOnly = false;
_leaflet2["default"].Tooltip.prototype.options.style = null; // copy original layout to not completely stomp it.
var initLayoutOriginal = _leaflet2["default"].Tooltip.prototype._initLayout;
_leaflet2["default"].Tooltip.prototype._initLayout = function () {
initLayoutOriginal.call(this);
this._container.style.fontSize = this.options.textsize;
if (this.options.textOnly) {
_leaflet2["default"].DomUtil.addClass(this._container, "leaflet-tooltip-text-only");
}
if (this.options.style) {
for (var property in this.options.style) {
this._container.style[property] = this.options.style[property];
}
}
};
},{"./global/leaflet":10}],7:[function(require,module,exports){
"use strict";
var _leaflet = require("./global/leaflet");
var _leaflet2 = _interopRequireDefault(_leaflet);
function _interopRequireDefault(obj) { return obj & & obj.__esModule ? obj : { "default": obj }; }
var protocolRegex = /^\/\//;
var upgrade_protocol = function upgrade_protocol(urlTemplate) {
if (protocolRegex.test(urlTemplate)) {
if (window.location.protocol === "file:") {
// if in a local file, support http
// http should auto upgrade if necessary
urlTemplate = "http:" + urlTemplate;
}
}
return urlTemplate;
};
var originalLTileLayerInitialize = _leaflet2["default"].TileLayer.prototype.initialize;
_leaflet2["default"].TileLayer.prototype.initialize = function (urlTemplate, options) {
urlTemplate = upgrade_protocol(urlTemplate);
originalLTileLayerInitialize.call(this, urlTemplate, options);
};
var originalLTileLayerWMSInitialize = _leaflet2["default"].TileLayer.WMS.prototype.initialize;
_leaflet2["default"].TileLayer.WMS.prototype.initialize = function (urlTemplate, options) {
urlTemplate = upgrade_protocol(urlTemplate);
originalLTileLayerWMSInitialize.call(this, urlTemplate, options);
};
},{"./global/leaflet":10}],8:[function(require,module,exports){
(function (global){(function (){
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports["default"] = global.HTMLWidgets;
}).call(this)}).call(this,typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : typeof window !== "undefined" ? window : {})
},{}],9:[function(require,module,exports){
(function (global){(function (){
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports["default"] = global.jQuery;
}).call(this)}).call(this,typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : typeof window !== "undefined" ? window : {})
},{}],10:[function(require,module,exports){
(function (global){(function (){
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports["default"] = global.L;
}).call(this)}).call(this,typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : typeof window !== "undefined" ? window : {})
},{}],11:[function(require,module,exports){
(function (global){(function (){
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports["default"] = global.L.Proj;
}).call(this)}).call(this,typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : typeof window !== "undefined" ? window : {})
},{}],12:[function(require,module,exports){
(function (global){(function (){
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports["default"] = global.Shiny;
}).call(this)}).call(this,typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : typeof window !== "undefined" ? window : {})
},{}],13:[function(require,module,exports){
"use strict";
var _jquery = require("./global/jquery");
var _jquery2 = _interopRequireDefault(_jquery);
var _leaflet = require("./global/leaflet");
var _leaflet2 = _interopRequireDefault(_leaflet);
var _shiny = require("./global/shiny");
var _shiny2 = _interopRequireDefault(_shiny);
var _htmlwidgets = require("./global/htmlwidgets");
var _htmlwidgets2 = _interopRequireDefault(_htmlwidgets);
var _util = require("./util");
var _crs_utils = require("./crs_utils");
var _controlStore = require("./control-store");
var _controlStore2 = _interopRequireDefault(_controlStore);
var _layerManager = require("./layer-manager");
var _layerManager2 = _interopRequireDefault(_layerManager);
var _methods = require("./methods");
var _methods2 = _interopRequireDefault(_methods);
require("./fixup-default-icon");
require("./fixup-default-tooltip");
require("./fixup-url-protocol");
var _dataframe = require("./dataframe");
var _dataframe2 = _interopRequireDefault(_dataframe);
var _clusterLayerStore = require("./cluster-layer-store");
var _clusterLayerStore2 = _interopRequireDefault(_clusterLayerStore);
function _interopRequireDefault(obj) { return obj & & obj.__esModule ? obj : { "default": obj }; }
window.LeafletWidget = {};
window.LeafletWidget.utils = {};
var methods = window.LeafletWidget.methods = _jquery2["default"].extend({}, _methods2["default"]);
window.LeafletWidget.DataFrame = _dataframe2["default"];
window.LeafletWidget.ClusterLayerStore = _clusterLayerStore2["default"];
window.LeafletWidget.utils.getCRS = _crs_utils.getCRS; // Send updated bounds back to app. Takes a leaflet event object as input.
function updateBounds(map) {
var id = map.getContainer().id;
var bounds = map.getBounds();
_shiny2["default"].onInputChange(id + "_bounds", {
north: bounds.getNorthEast().lat,
east: bounds.getNorthEast().lng,
south: bounds.getSouthWest().lat,
west: bounds.getSouthWest().lng
});
_shiny2["default"].onInputChange(id + "_center", {
lng: map.getCenter().lng,
lat: map.getCenter().lat
});
_shiny2["default"].onInputChange(id + "_zoom", map.getZoom());
}
function preventUnintendedZoomOnScroll(map) {
// Prevent unwanted scroll capturing. Similar in purpose to
// https://github.com/CliffCloud/Leaflet.Sleep but with a
// different set of heuristics.
// The basic idea is that when a mousewheel/DOMMouseScroll
// event is seen, we disable scroll wheel zooming until the
// user moves their mouse cursor or clicks on the map. This
// is slightly trickier than just listening for mousemove,
// because mousemove is fired when the page is scrolled,
// even if the user did not physically move the mouse. We
// handle this by examining the mousemove event's screenX
// and screenY properties; if they change, we know it's a
// "true" move.
// lastScreen can never be null, but its x and y can.
var lastScreen = {
x: null,
y: null
};
(0, _jquery2["default"])(document).on("mousewheel DOMMouseScroll", "*", function (e) {
// Disable zooming (until the mouse moves or click)
map.scrollWheelZoom.disable(); // Any mousemove events at this screen position will be ignored.
lastScreen = {
x: e.originalEvent.screenX,
y: e.originalEvent.screenY
};
});
(0, _jquery2["default"])(document).on("mousemove", "*", function (e) {
// Did the mouse really move?
if (map.options.scrollWheelZoom) {
if (lastScreen.x !== null & & e.screenX !== lastScreen.x || e.screenY !== lastScreen.y) {
// It really moved. Enable zooming.
map.scrollWheelZoom.enable();
lastScreen = {
x: null,
y: null
};
}
}
});
(0, _jquery2["default"])(document).on("mousedown", ".leaflet", function (e) {
// Clicking always enables zooming.
if (map.options.scrollWheelZoom) {
map.scrollWheelZoom.enable();
lastScreen = {
x: null,
y: null
};
}
});
}
_htmlwidgets2["default"].widget({
name: "leaflet",
type: "output",
factory: function factory(el, width, height) {
var map = null;
return {
// we need to store our map in our returned object.
getMap: function getMap() {
return map;
},
renderValue: function renderValue(data) {
// Create an appropriate CRS Object if specified
if (data & & data.options & & data.options.crs) {
data.options.crs = (0, _crs_utils.getCRS)(data.options.crs);
} // As per https://github.com/rstudio/leaflet/pull/294#discussion_r79584810
if (map) {
map.remove();
map = function () {
return;
}(); // undefine map
}
if (data.options.mapFactory & & typeof data.options.mapFactory === "function") {
map = data.options.mapFactory(el, data.options);
} else {
map = _leaflet2["default"].map(el, data.options);
}
preventUnintendedZoomOnScroll(map); // Store some state in the map object
map.leafletr = {
// Has the map ever rendered successfully?
hasRendered: false,
// Data to be rendered when resize is called with area != 0
pendingRenderData: null
}; // Check if the map is rendered statically (no output binding)
if (_htmlwidgets2["default"].shinyMode & & /\bshiny-bound-output\b/.test(el.className)) {
map.id = el.id; // Store the map on the element so we can find it later by ID
(0, _jquery2["default"])(el).data("leaflet-map", map); // When the map is clicked, send the coordinates back to the app
map.on("click", function (e) {
_shiny2["default"].onInputChange(map.id + "_click", {
lat: e.latlng.lat,
lng: e.latlng.lng,
".nonce": Math.random() // Force reactivity if lat/lng hasn't changed
});
});
var groupTimerId = null;
map.on("moveend", function (e) {
updateBounds(e.target);
}).on("layeradd layerremove", function (e) {
// If the layer that's coming or going is a group we created, tell
// the server.
if (map.layerManager.getGroupNameFromLayerGroup(e.layer)) {
// But to avoid chattiness, coalesce events
if (groupTimerId) {
clearTimeout(groupTimerId);
groupTimerId = null;
}
groupTimerId = setTimeout(function () {
groupTimerId = null;
_shiny2["default"].onInputChange(map.id + "_groups", map.layerManager.getVisibleGroups());
}, 100);
}
});
}
this.doRenderValue(data, map);
},
doRenderValue: function doRenderValue(data, map) {
// Leaflet does not behave well when you set up a bunch of layers when
// the map is not visible (width/height == 0). Popups get misaligned
// relative to their owning markers, and the fitBounds calculations
// are off. Therefore we wait until the map is actually showing to
// render the value (we rely on the resize() callback being invoked
// at the appropriate time).
if (el.offsetWidth === 0 || el.offsetHeight === 0) {
map.leafletr.pendingRenderData = data;
return;
}
map.leafletr.pendingRenderData = null; // Merge data options into defaults
var options = _jquery2["default"].extend({
zoomToLimits: "always"
}, data.options);
if (!map.layerManager) {
map.controls = new _controlStore2["default"](map);
map.layerManager = new _layerManager2["default"](map);
} else {
map.controls.clear();
map.layerManager.clear();
}
var explicitView = false;
if (data.setView) {
explicitView = true;
map.setView.apply(map, data.setView);
}
if (data.fitBounds) {
explicitView = true;
methods.fitBounds.apply(map, data.fitBounds);
}
if (data.flyTo) {
if (!explicitView & & !map.leafletr.hasRendered) {
// must be done to give a initial starting point
map.fitWorld();
}
explicitView = true;
map.flyTo.apply(map, data.flyTo);
}
if (data.flyToBounds) {
if (!explicitView & & !map.leafletr.hasRendered) {
// must be done to give a initial starting point
map.fitWorld();
}
explicitView = true;
methods.flyToBounds.apply(map, data.flyToBounds);
}
if (data.options.center) {
explicitView = true;
} // Returns true if the zoomToLimits option says that the map should be
// zoomed to map elements.
function needsZoom() {
return options.zoomToLimits === "always" || options.zoomToLimits === "first" & & !map.leafletr.hasRendered;
}
if (!explicitView & & needsZoom() & & !map.getZoom()) {
if (data.limits & & !_jquery2["default"].isEmptyObject(data.limits)) {
// Use the natural limits of what's being drawn on the map
// If the size of the bounding box is 0, leaflet gets all weird
var pad = 0.006;
if (data.limits.lat[0] === data.limits.lat[1]) {
data.limits.lat[0] = data.limits.lat[0] - pad;
data.limits.lat[1] = data.limits.lat[1] + pad;
}
if (data.limits.lng[0] === data.limits.lng[1]) {
data.limits.lng[0] = data.limits.lng[0] - pad;
data.limits.lng[1] = data.limits.lng[1] + pad;
}
map.fitBounds([[data.limits.lat[0], data.limits.lng[0]], [data.limits.lat[1], data.limits.lng[1]]]);
} else {
map.fitWorld();
}
}
for (var i = 0; data.calls & & i < data.calls.length ; i + + ) {
var call = data.calls[i];
if (methods[call.method]) methods[call.method].apply(map, call.args);else (0, _util.log)("Unknown method " + call.method);
}
map.leafletr.hasRendered = true;
if (_htmlwidgets2["default"].shinyMode) {
setTimeout(function () {
updateBounds(map);
}, 1);
}
},
resize: function resize(width, height) {
if (map) {
map.invalidateSize();
if (map.leafletr.pendingRenderData) {
this.doRenderValue(map.leafletr.pendingRenderData, map);
}
}
}
};
}
});
if (_htmlwidgets2["default"].shinyMode) {
_shiny2["default"].addCustomMessageHandler("leaflet-calls", function (data) {
var id = data.id;
var el = document.getElementById(id);
var map = el ? (0, _jquery2["default"])(el).data("leaflet-map") : null;
if (!map) {
(0, _util.log)("Couldn't find map with id " + id);
return;
} // If the map has not rendered, stash the proposed `leafletProxy()` calls
// in `pendingRenderData.calls` to be run on display via `doRenderValue()`.
// This is necessary if the map has not been rendered.
// If new pendingRenderData is set via a new `leaflet()`, the previous calls will be discarded.
if (!map.leafletr.hasRendered) {
map.leafletr.pendingRenderData.calls = map.leafletr.pendingRenderData.calls.concat(data.calls);
return;
}
for (var i = 0; i < data.calls.length ; i + + ) {
var call = data.calls[i];
var args = call.args;
for (var _i = 0; _i < call.evals.length ; _i + + ) {
window.HTMLWidgets.evaluateStringMember(args, call.evals[_i]);
}
if (call.dependencies) {
_shiny2["default"].renderDependencies(call.dependencies);
}
if (methods[call.method]) methods[call.method].apply(map, args);else (0, _util.log)("Unknown method " + call.method);
}
});
}
},{"./cluster-layer-store":1,"./control-store":2,"./crs_utils":3,"./dataframe":4,"./fixup-default-icon":5,"./fixup-default-tooltip":6,"./fixup-url-protocol":7,"./global/htmlwidgets":8,"./global/jquery":9,"./global/leaflet":10,"./global/shiny":12,"./layer-manager":14,"./methods":15,"./util":17}],14:[function(require,module,exports){
(function (global){(function (){
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports["default"] = undefined;
var _jquery = require("./global/jquery");
var _jquery2 = _interopRequireDefault(_jquery);
var _leaflet = require("./global/leaflet");
var _leaflet2 = _interopRequireDefault(_leaflet);
var _util = require("./util");
function _interopRequireDefault(obj) { return obj & & obj.__esModule ? obj : { "default": obj }; }
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
function _defineProperties(target, props) { for (var i = 0; i < props.length ; i + + ) { var descriptor = props[i]; descriptor . enumerable = descriptor.enumerable | | false ; descriptor . configurable = true; if ( " value " in descriptor ) descriptor . writable = true; Object . defineProperty ( target , descriptor . key , descriptor ) ; } }
function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
var LayerManager = /*#__PURE__*/function () {
function LayerManager(map) {
_classCallCheck(this, LayerManager);
this._map = map; // BEGIN layer indices
// {< groupname > : {< stamp > : layer}}
this._byGroup = {}; // {< categoryName > : {< stamp > : layer}}
this._byCategory = {}; // {< categoryName_layerId > : layer}
this._byLayerId = {}; // {< stamp > : {
// "group": < groupname > ,
// "layerId": < layerId > ,
// "category": < category > ,
// "container": < container >
// }
// }
this._byStamp = {}; // {< crosstalkGroupName > : {< key > : [< stamp > , < stamp > , ...], ...}}
this._byCrosstalkGroup = {}; // END layer indices
// {< categoryName > : L.layerGroup}
this._categoryContainers = {}; // {< groupName > : L.layerGroup}
this._groupContainers = {};
}
_createClass(LayerManager, [{
key: "addLayer",
value: function addLayer(layer, category, layerId, group, ctGroup, ctKey) {
var _this = this;
// Was a group provided?
var hasId = typeof layerId === "string";
var grouped = typeof group === "string";
var stamp = _leaflet2["default"].Util.stamp(layer) + ""; // This will be the default layer group to add the layer to.
// We may overwrite this let before using it (i.e. if a group is assigned).
// This one liner creates the _categoryContainers[category] entry if it
// doesn't already exist.
var container = this._categoryContainers[category] = this._categoryContainers[category] || _leaflet2["default"].layerGroup().addTo(this._map);
var oldLayer = null;
if (hasId) {
// First, remove any layer with the same category and layerId
var prefixedLayerId = this._layerIdKey(category, layerId);
oldLayer = this._byLayerId[prefixedLayerId];
if (oldLayer) {
this._removeLayer(oldLayer);
} // Update layerId index
this._byLayerId[prefixedLayerId] = layer;
} // Update group index
if (grouped) {
this._byGroup[group] = this._byGroup[group] || {};
this._byGroup[group][stamp] = layer; // Since a group is assigned, don't add the layer to the category's layer
// group; instead, use the group's layer group.
// This one liner creates the _groupContainers[group] entry if it doesn't
// already exist.
container = this.getLayerGroup(group, true);
} // Update category index
this._byCategory[category] = this._byCategory[category] || {};
this._byCategory[category][stamp] = layer; // Update stamp index
var layerInfo = this._byStamp[stamp] = {
layer: layer,
group: group,
ctGroup: ctGroup,
ctKey: ctKey,
layerId: layerId,
category: category,
container: container,
hidden: false
}; // Update crosstalk group index
if (ctGroup) {
if (layer.setStyle) {
// Need to save this info so we know what to set opacity to later
layer.options.origOpacity = typeof layer.options.opacity !== "undefined" ? layer.options.opacity : 0.5;
layer.options.origFillOpacity = typeof layer.options.fillOpacity !== "undefined" ? layer.options.fillOpacity : 0.2;
}
var ctg = this._byCrosstalkGroup[ctGroup];
if (!ctg) {
ctg = this._byCrosstalkGroup[ctGroup] = {};
var crosstalk = global.crosstalk;
var handleFilter = function handleFilter(e) {
if (!e.value) {
var groupKeys = Object.keys(ctg);
for (var i = 0; i < groupKeys.length ; i + + ) {
var key = groupKeys[i];
var _layerInfo = _this._byStamp[ctg[key]];
_this._setVisibility(_layerInfo, true);
}
} else {
var selectedKeys = {};
for (var _i = 0; _i < e.value.length ; _i + + ) {
selectedKeys[e.value[_i]] = true;
}
var _groupKeys = Object.keys(ctg);
for (var _i2 = 0; _i2 < _groupKeys.length ; _i2 + + ) {
var _key = _groupKeys[_i2];
var _layerInfo2 = _this._byStamp[ctg[_key]];
_this._setVisibility(_layerInfo2, selectedKeys[_groupKeys[_i2]]);
}
}
};
var filterHandle = new crosstalk.FilterHandle(ctGroup);
filterHandle.on("change", handleFilter);
var handleSelection = function handleSelection(e) {
if (!e.value || !e.value.length) {
var groupKeys = Object.keys(ctg);
for (var i = 0; i < groupKeys.length ; i + + ) {
var key = groupKeys[i];
var _layerInfo3 = _this._byStamp[ctg[key]];
_this._setOpacity(_layerInfo3, 1.0);
}
} else {
var selectedKeys = {};
for (var _i3 = 0; _i3 < e.value.length ; _i3 + + ) {
selectedKeys[e.value[_i3]] = true;
}
var _groupKeys2 = Object.keys(ctg);
for (var _i4 = 0; _i4 < _groupKeys2.length ; _i4 + + ) {
var _key2 = _groupKeys2[_i4];
var _layerInfo4 = _this._byStamp[ctg[_key2]];
_this._setOpacity(_layerInfo4, selectedKeys[_groupKeys2[_i4]] ? 1.0 : 0.2);
}
}
};
var selHandle = new crosstalk.SelectionHandle(ctGroup);
selHandle.on("change", handleSelection);
setTimeout(function () {
handleFilter({
value: filterHandle.filteredKeys
});
handleSelection({
value: selHandle.value
});
}, 100);
}
if (!ctg[ctKey]) ctg[ctKey] = [];
ctg[ctKey].push(stamp);
} // Add to container
if (!layerInfo.hidden) container.addLayer(layer);
return oldLayer;
}
}, {
key: "brush",
value: function brush(bounds, extraInfo) {
var _this2 = this;
/* eslint-disable no-console */
// For each Crosstalk group...
Object.keys(this._byCrosstalkGroup).forEach(function (ctGroupName) {
var ctg = _this2._byCrosstalkGroup[ctGroupName];
var selection = []; // ...iterate over each Crosstalk key (each of which may have multiple
// layers)...
Object.keys(ctg).forEach(function (ctKey) {
// ...and for each layer...
ctg[ctKey].forEach(function (stamp) {
var layerInfo = _this2._byStamp[stamp]; // ...if it's something with a point...
if (layerInfo.layer.getLatLng) {
// ... and it's inside the selection bounds...
// TODO: Use pixel containment, not lat/lng containment
if (bounds.contains(layerInfo.layer.getLatLng())) {
// ...add the key to the selection.
selection.push(ctKey);
}
}
});
});
new global.crosstalk.SelectionHandle(ctGroupName).set(selection, extraInfo);
});
}
}, {
key: "unbrush",
value: function unbrush(extraInfo) {
Object.keys(this._byCrosstalkGroup).forEach(function (ctGroupName) {
new global.crosstalk.SelectionHandle(ctGroupName).clear(extraInfo);
});
}
}, {
key: "_setVisibility",
value: function _setVisibility(layerInfo, visible) {
if (layerInfo.hidden ^ visible) {
return;
} else if (visible) {
layerInfo.container.addLayer(layerInfo.layer);
layerInfo.hidden = false;
} else {
layerInfo.container.removeLayer(layerInfo.layer);
layerInfo.hidden = true;
}
}
}, {
key: "_setOpacity",
value: function _setOpacity(layerInfo, opacity) {
if (layerInfo.layer.setOpacity) {
layerInfo.layer.setOpacity(opacity);
} else if (layerInfo.layer.setStyle) {
layerInfo.layer.setStyle({
opacity: opacity * layerInfo.layer.options.origOpacity,
fillOpacity: opacity * layerInfo.layer.options.origFillOpacity
});
}
}
}, {
key: "getLayer",
value: function getLayer(category, layerId) {
return this._byLayerId[this._layerIdKey(category, layerId)];
}
}, {
key: "removeLayer",
value: function removeLayer(category, layerIds) {
var _this3 = this;
// Find layer info
_jquery2["default"].each((0, _util.asArray)(layerIds), function (i, layerId) {
var layer = _this3._byLayerId[_this3._layerIdKey(category, layerId)];
if (layer) {
_this3._removeLayer(layer);
}
});
}
}, {
key: "clearLayers",
value: function clearLayers(category) {
var _this4 = this;
// Find all layers in _byCategory[category]
var catTable = this._byCategory[category];
if (!catTable) {
return false;
} // Remove all layers. Make copy of keys to avoid mutating the collection
// behind the iterator you're accessing.
var stamps = [];
_jquery2["default"].each(catTable, function (k, v) {
stamps.push(k);
});
_jquery2["default"].each(stamps, function (i, stamp) {
_this4._removeLayer(stamp);
});
}
}, {
key: "getLayerGroup",
value: function getLayerGroup(group, ensureExists) {
var g = this._groupContainers[group];
if (ensureExists & & !g) {
this._byGroup[group] = this._byGroup[group] || {};
g = this._groupContainers[group] = _leaflet2["default"].featureGroup();
g.groupname = group;
g.addTo(this._map);
}
return g;
}
}, {
key: "getGroupNameFromLayerGroup",
value: function getGroupNameFromLayerGroup(layerGroup) {
return layerGroup.groupname;
}
}, {
key: "getVisibleGroups",
value: function getVisibleGroups() {
var _this5 = this;
var result = [];
_jquery2["default"].each(this._groupContainers, function (k, v) {
if (_this5._map.hasLayer(v)) {
result.push(k);
}
});
return result;
}
}, {
key: "getAllGroupNames",
value: function getAllGroupNames() {
var result = [];
_jquery2["default"].each(this._groupContainers, function (k, v) {
result.push(k);
});
return result;
}
}, {
key: "clearGroup",
value: function clearGroup(group) {
var _this6 = this;
// Find all layers in _byGroup[group]
var groupTable = this._byGroup[group];
if (!groupTable) {
return false;
} // Remove all layers. Make copy of keys to avoid mutating the collection
// behind the iterator you're accessing.
var stamps = [];
_jquery2["default"].each(groupTable, function (k, v) {
stamps.push(k);
});
_jquery2["default"].each(stamps, function (i, stamp) {
_this6._removeLayer(stamp);
});
}
}, {
key: "clear",
value: function clear() {
function clearLayerGroup(key, layerGroup) {
layerGroup.clearLayers();
} // Clear all indices and layerGroups
this._byGroup = {};
this._byCategory = {};
this._byLayerId = {};
this._byStamp = {};
this._byCrosstalkGroup = {};
_jquery2["default"].each(this._categoryContainers, clearLayerGroup);
this._categoryContainers = {};
_jquery2["default"].each(this._groupContainers, clearLayerGroup);
this._groupContainers = {};
}
}, {
key: "_removeLayer",
value: function _removeLayer(layer) {
var stamp;
if (typeof layer === "string") {
stamp = layer;
} else {
stamp = _leaflet2["default"].Util.stamp(layer);
}
var layerInfo = this._byStamp[stamp];
if (!layerInfo) {
return false;
}
layerInfo.container.removeLayer(stamp);
if (typeof layerInfo.group === "string") {
delete this._byGroup[layerInfo.group][stamp];
}
if (typeof layerInfo.layerId === "string") {
delete this._byLayerId[this._layerIdKey(layerInfo.category, layerInfo.layerId)];
}
delete this._byCategory[layerInfo.category][stamp];
delete this._byStamp[stamp];
if (layerInfo.ctGroup) {
var ctGroup = this._byCrosstalkGroup[layerInfo.ctGroup];
var layersForKey = ctGroup[layerInfo.ctKey];
var idx = layersForKey ? layersForKey.indexOf(stamp) : -1;
if (idx >= 0) {
if (layersForKey.length === 1) {
delete ctGroup[layerInfo.ctKey];
} else {
layersForKey.splice(idx, 1);
}
}
}
}
}, {
key: "_layerIdKey",
value: function _layerIdKey(category, layerId) {
return category + "\n" + layerId;
}
}]);
return LayerManager;
}();
exports["default"] = LayerManager;
}).call(this)}).call(this,typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : typeof window !== "undefined" ? window : {})
},{"./global/jquery":9,"./global/leaflet":10,"./util":17}],15:[function(require,module,exports){
(function (global){(function (){
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
var _jquery = require("./global/jquery");
var _jquery2 = _interopRequireDefault(_jquery);
var _leaflet = require("./global/leaflet");
var _leaflet2 = _interopRequireDefault(_leaflet);
var _shiny = require("./global/shiny");
var _shiny2 = _interopRequireDefault(_shiny);
var _htmlwidgets = require("./global/htmlwidgets");
var _htmlwidgets2 = _interopRequireDefault(_htmlwidgets);
var _util = require("./util");
var _crs_utils = require("./crs_utils");
var _dataframe = require("./dataframe");
var _dataframe2 = _interopRequireDefault(_dataframe);
var _clusterLayerStore = require("./cluster-layer-store");
var _clusterLayerStore2 = _interopRequireDefault(_clusterLayerStore);
var _mipmapper = require("./mipmapper");
var _mipmapper2 = _interopRequireDefault(_mipmapper);
function _interopRequireDefault(obj) { return obj & & obj.__esModule ? obj : { "default": obj }; }
var methods = {};
exports["default"] = methods;
function mouseHandler(mapId, layerId, group, eventName, extraInfo) {
return function (e) {
if (!_htmlwidgets2["default"].shinyMode) return;
var latLng = e.target.getLatLng ? e.target.getLatLng() : e.latlng;
if (latLng) {
// retrieve only lat, lon values to remove prototype
// and extra parameters added by 3rd party modules
// these objects are for json serialization, not javascript
var latLngVal = _leaflet2["default"].latLng(latLng); // make sure it has consistent shape
latLng = {
lat: latLngVal.lat,
lng: latLngVal.lng
};
}
var eventInfo = _jquery2["default"].extend({
id: layerId,
".nonce": Math.random() // force reactivity
}, group !== null ? {
group: group
} : null, latLng, extraInfo);
_shiny2["default"].onInputChange(mapId + "_" + eventName, eventInfo);
};
}
methods.mouseHandler = mouseHandler;
methods.clearGroup = function (group) {
var _this = this;
_jquery2["default"].each((0, _util.asArray)(group), function (i, v) {
_this.layerManager.clearGroup(v);
});
};
methods.setView = function (center, zoom, options) {
this.setView(center, zoom, options);
};
methods.fitBounds = function (lat1, lng1, lat2, lng2, options) {
this.fitBounds([[lat1, lng1], [lat2, lng2]], options);
};
methods.flyTo = function (center, zoom, options) {
this.flyTo(center, zoom, options);
};
methods.flyToBounds = function (lat1, lng1, lat2, lng2, options) {
this.flyToBounds([[lat1, lng1], [lat2, lng2]], options);
};
methods.setMaxBounds = function (lat1, lng1, lat2, lng2) {
this.setMaxBounds([[lat1, lng1], [lat2, lng2]]);
};
methods.addPopups = function (lat, lng, popup, layerId, group, options) {
var _this2 = this;
var df = new _dataframe2["default"]().col("lat", lat).col("lng", lng).col("popup", popup).col("layerId", layerId).col("group", group).cbind(options);
var _loop = function _loop(i) {
if (_jquery2["default"].isNumeric(df.get(i, "lat")) & & _jquery2["default"].isNumeric(df.get(i, "lng"))) {
(function () {
var popup = _leaflet2["default"].popup(df.get(i)).setLatLng([df.get(i, "lat"), df.get(i, "lng")]).setContent(df.get(i, "popup"));
var thisId = df.get(i, "layerId");
var thisGroup = df.get(i, "group");
this.layerManager.addLayer(popup, "popup", thisId, thisGroup);
}).call(_this2);
}
};
for (var i = 0; i < df.nrow ( ) ; i + + ) {
_loop(i);
}
};
methods.removePopup = function (layerId) {
this.layerManager.removeLayer("popup", layerId);
};
methods.clearPopups = function () {
this.layerManager.clearLayers("popup");
};
methods.addTiles = function (urlTemplate, layerId, group, options) {
this.layerManager.addLayer(_leaflet2["default"].tileLayer(urlTemplate, options), "tile", layerId, group);
};
methods.removeTiles = function (layerId) {
this.layerManager.removeLayer("tile", layerId);
};
methods.clearTiles = function () {
this.layerManager.clearLayers("tile");
};
methods.addWMSTiles = function (baseUrl, layerId, group, options) {
if (options & & options.crs) {
options.crs = (0, _crs_utils.getCRS)(options.crs);
}
this.layerManager.addLayer(_leaflet2["default"].tileLayer.wms(baseUrl, options), "tile", layerId, group);
}; // Given:
// {data: ["a", "b", "c"], index: [0, 1, 0, 2]}
// returns:
// ["a", "b", "a", "c"]
function unpackStrings(iconset) {
if (!iconset) {
return iconset;
}
if (typeof iconset.index === "undefined") {
return iconset;
}
iconset.data = (0, _util.asArray)(iconset.data);
iconset.index = (0, _util.asArray)(iconset.index);
return _jquery2["default"].map(iconset.index, function (e, i) {
return iconset.data[e];
});
}
function addMarkers(map, df, group, clusterOptions, clusterId, markerFunc) {
(function () {
var _this3 = this;
var clusterGroup = this.layerManager.getLayer("cluster", clusterId),
cluster = clusterOptions !== null;
if (cluster & & !clusterGroup) {
clusterGroup = _leaflet2["default"].markerClusterGroup.layerSupport(clusterOptions);
if (clusterOptions.freezeAtZoom) {
var freezeAtZoom = clusterOptions.freezeAtZoom;
delete clusterOptions.freezeAtZoom;
clusterGroup.freezeAtZoom(freezeAtZoom);
}
clusterGroup.clusterLayerStore = new _clusterLayerStore2["default"](clusterGroup);
}
var extraInfo = cluster ? {
clusterId: clusterId
} : {};
var _loop2 = function _loop2(i) {
if (_jquery2["default"].isNumeric(df.get(i, "lat")) & & _jquery2["default"].isNumeric(df.get(i, "lng"))) {
(function () {
var marker = markerFunc(df, i);
var thisId = df.get(i, "layerId");
var thisGroup = cluster ? null : df.get(i, "group");
if (cluster) {
clusterGroup.clusterLayerStore.add(marker, thisId);
} else {
this.layerManager.addLayer(marker, "marker", thisId, thisGroup, df.get(i, "ctGroup", true), df.get(i, "ctKey", true));
}
var popup = df.get(i, "popup");
var popupOptions = df.get(i, "popupOptions");
if (popup !== null) {
if (popupOptions !== null) {
marker.bindPopup(popup, popupOptions);
} else {
marker.bindPopup(popup);
}
}
var label = df.get(i, "label");
var labelOptions = df.get(i, "labelOptions");
if (label !== null) {
if (labelOptions !== null) {
if (labelOptions.permanent) {
marker.bindTooltip(label, labelOptions).openTooltip();
} else {
marker.bindTooltip(label, labelOptions);
}
} else {
marker.bindTooltip(label);
}
}
marker.on("click", mouseHandler(this.id, thisId, thisGroup, "marker_click", extraInfo), this);
marker.on("mouseover", mouseHandler(this.id, thisId, thisGroup, "marker_mouseover", extraInfo), this);
marker.on("mouseout", mouseHandler(this.id, thisId, thisGroup, "marker_mouseout", extraInfo), this);
marker.on("dragend", mouseHandler(this.id, thisId, thisGroup, "marker_dragend", extraInfo), this);
}).call(_this3);
}
};
for (var i = 0; i < df.nrow ( ) ; i + + ) {
_loop2(i);
}
if (cluster) {
this.layerManager.addLayer(clusterGroup, "cluster", clusterId, group);
}
}).call(map);
}
methods.addGenericMarkers = addMarkers;
methods.addMarkers = function (lat, lng, icon, layerId, group, options, popup, popupOptions, clusterOptions, clusterId, label, labelOptions, crosstalkOptions) {
var icondf;
var getIcon;
if (icon) {
// Unpack icons
icon.iconUrl = unpackStrings(icon.iconUrl);
icon.iconRetinaUrl = unpackStrings(icon.iconRetinaUrl);
icon.shadowUrl = unpackStrings(icon.shadowUrl);
icon.shadowRetinaUrl = unpackStrings(icon.shadowRetinaUrl); // This cbinds the icon URLs and any other icon options; they're all
// present on the icon object.
icondf = new _dataframe2["default"]().cbind(icon); // Constructs an icon from a specified row of the icon dataframe.
getIcon = function getIcon(i) {
var opts = icondf.get(i);
if (!opts.iconUrl) {
return new _leaflet2["default"].Icon.Default();
} // Composite options (like points or sizes) are passed from R with each
// individual component as its own option. We need to combine them now
// into their composite form.
if (opts.iconWidth) {
opts.iconSize = [opts.iconWidth, opts.iconHeight];
}
if (opts.shadowWidth) {
opts.shadowSize = [opts.shadowWidth, opts.shadowHeight];
}
if (opts.iconAnchorX) {
opts.iconAnchor = [opts.iconAnchorX, opts.iconAnchorY];
}
if (opts.shadowAnchorX) {
opts.shadowAnchor = [opts.shadowAnchorX, opts.shadowAnchorY];
}
if (opts.popupAnchorX) {
opts.popupAnchor = [opts.popupAnchorX, opts.popupAnchorY];
}
return new _leaflet2["default"].Icon(opts);
};
}
if (!(_jquery2["default"].isEmptyObject(lat) || _jquery2["default"].isEmptyObject(lng)) || _jquery2["default"].isNumeric(lat) & & _jquery2["default"].isNumeric(lng)) {
var df = new _dataframe2["default"]().col("lat", lat).col("lng", lng).col("layerId", layerId).col("group", group).col("popup", popup).col("popupOptions", popupOptions).col("label", label).col("labelOptions", labelOptions).cbind(options).cbind(crosstalkOptions || {});
if (icon) icondf.effectiveLength = df.nrow();
addMarkers(this, df, group, clusterOptions, clusterId, function (df, i) {
var options = df.get(i);
if (icon) options.icon = getIcon(i);
return _leaflet2["default"].marker([df.get(i, "lat"), df.get(i, "lng")], options);
});
}
};
methods.addAwesomeMarkers = function (lat, lng, icon, layerId, group, options, popup, popupOptions, clusterOptions, clusterId, label, labelOptions, crosstalkOptions) {
var icondf;
var getIcon;
if (icon) {
// This cbinds the icon URLs and any other icon options; they're all
// present on the icon object.
icondf = new _dataframe2["default"]().cbind(icon); // Constructs an icon from a specified row of the icon dataframe.
getIcon = function getIcon(i) {
var opts = icondf.get(i);
if (!opts) {
return new _leaflet2["default"].AwesomeMarkers.icon();
}
if (opts.squareMarker) {
opts.className = "awesome-marker awesome-marker-square";
}
return new _leaflet2["default"].AwesomeMarkers.icon(opts);
};
}
if (!(_jquery2["default"].isEmptyObject(lat) || _jquery2["default"].isEmptyObject(lng)) || _jquery2["default"].isNumeric(lat) & & _jquery2["default"].isNumeric(lng)) {
var df = new _dataframe2["default"]().col("lat", lat).col("lng", lng).col("layerId", layerId).col("group", group).col("popup", popup).col("popupOptions", popupOptions).col("label", label).col("labelOptions", labelOptions).cbind(options).cbind(crosstalkOptions || {});
if (icon) icondf.effectiveLength = df.nrow();
addMarkers(this, df, group, clusterOptions, clusterId, function (df, i) {
var options = df.get(i);
if (icon) options.icon = getIcon(i);
return _leaflet2["default"].marker([df.get(i, "lat"), df.get(i, "lng")], options);
});
}
};
function addLayers(map, category, df, layerFunc) {
var _loop3 = function _loop3(i) {
(function () {
var layer = layerFunc(df, i);
if (!_jquery2["default"].isEmptyObject(layer)) {
var thisId = df.get(i, "layerId");
var thisGroup = df.get(i, "group");
this.layerManager.addLayer(layer, category, thisId, thisGroup, df.get(i, "ctGroup", true), df.get(i, "ctKey", true));
if (layer.bindPopup) {
var popup = df.get(i, "popup");
var popupOptions = df.get(i, "popupOptions");
if (popup !== null) {
if (popupOptions !== null) {
layer.bindPopup(popup, popupOptions);
} else {
layer.bindPopup(popup);
}
}
}
if (layer.bindTooltip) {
var label = df.get(i, "label");
var labelOptions = df.get(i, "labelOptions");
if (label !== null) {
if (labelOptions !== null) {
layer.bindTooltip(label, labelOptions);
} else {
layer.bindTooltip(label);
}
}
}
layer.on("click", mouseHandler(this.id, thisId, thisGroup, category + "_click"), this);
layer.on("mouseover", mouseHandler(this.id, thisId, thisGroup, category + "_mouseover"), this);
layer.on("mouseout", mouseHandler(this.id, thisId, thisGroup, category + "_mouseout"), this);
var highlightStyle = df.get(i, "highlightOptions");
if (!_jquery2["default"].isEmptyObject(highlightStyle)) {
var defaultStyle = {};
_jquery2["default"].each(highlightStyle, function (k, v) {
if (k != "bringToFront" & & k != "sendToBack") {
if (df.get(i, k)) {
defaultStyle[k] = df.get(i, k);
}
}
});
layer.on("mouseover", function (e) {
this.setStyle(highlightStyle);
if (highlightStyle.bringToFront) {
this.bringToFront();
}
});
layer.on("mouseout", function (e) {
this.setStyle(defaultStyle);
if (highlightStyle.sendToBack) {
this.bringToBack();
}
});
}
}
}).call(map);
};
for (var i = 0; i < df.nrow ( ) ; i + + ) {
_loop3(i);
}
}
methods.addGenericLayers = addLayers;
methods.addCircles = function (lat, lng, radius, layerId, group, options, popup, popupOptions, label, labelOptions, highlightOptions, crosstalkOptions) {
if (!(_jquery2["default"].isEmptyObject(lat) || _jquery2["default"].isEmptyObject(lng)) || _jquery2["default"].isNumeric(lat) & & _jquery2["default"].isNumeric(lng)) {
var df = new _dataframe2["default"]().col("lat", lat).col("lng", lng).col("radius", radius).col("layerId", layerId).col("group", group).col("popup", popup).col("popupOptions", popupOptions).col("label", label).col("labelOptions", labelOptions).col("highlightOptions", highlightOptions).cbind(options).cbind(crosstalkOptions || {});
addLayers(this, "shape", df, function (df, i) {
if (_jquery2["default"].isNumeric(df.get(i, "lat")) & & _jquery2["default"].isNumeric(df.get(i, "lng")) & & _jquery2["default"].isNumeric(df.get(i, "radius"))) {
return _leaflet2["default"].circle([df.get(i, "lat"), df.get(i, "lng")], df.get(i, "radius"), df.get(i));
} else {
return null;
}
});
}
};
methods.addCircleMarkers = function (lat, lng, radius, layerId, group, options, clusterOptions, clusterId, popup, popupOptions, label, labelOptions, crosstalkOptions) {
if (!(_jquery2["default"].isEmptyObject(lat) || _jquery2["default"].isEmptyObject(lng)) || _jquery2["default"].isNumeric(lat) & & _jquery2["default"].isNumeric(lng)) {
var df = new _dataframe2["default"]().col("lat", lat).col("lng", lng).col("radius", radius).col("layerId", layerId).col("group", group).col("popup", popup).col("popupOptions", popupOptions).col("label", label).col("labelOptions", labelOptions).cbind(crosstalkOptions || {}).cbind(options);
addMarkers(this, df, group, clusterOptions, clusterId, function (df, i) {
return _leaflet2["default"].circleMarker([df.get(i, "lat"), df.get(i, "lng")], df.get(i));
});
}
};
/*
* @param lat Array of arrays of latitude coordinates for polylines
* @param lng Array of arrays of longitude coordinates for polylines
*/
methods.addPolylines = function (polygons, layerId, group, options, popup, popupOptions, label, labelOptions, highlightOptions) {
if (polygons.length > 0) {
var df = new _dataframe2["default"]().col("shapes", polygons).col("layerId", layerId).col("group", group).col("popup", popup).col("popupOptions", popupOptions).col("label", label).col("labelOptions", labelOptions).col("highlightOptions", highlightOptions).cbind(options);
addLayers(this, "shape", df, function (df, i) {
var shapes = df.get(i, "shapes");
shapes = shapes.map(function (shape) {
return _htmlwidgets2["default"].dataframeToD3(shape[0]);
});
if (shapes.length > 1) {
return _leaflet2["default"].polyline(shapes, df.get(i));
} else {
return _leaflet2["default"].polyline(shapes[0], df.get(i));
}
});
}
};
methods.removeMarker = function (layerId) {
this.layerManager.removeLayer("marker", layerId);
};
methods.clearMarkers = function () {
this.layerManager.clearLayers("marker");
};
methods.removeMarkerCluster = function (layerId) {
this.layerManager.removeLayer("cluster", layerId);
};
methods.removeMarkerFromCluster = function (layerId, clusterId) {
var cluster = this.layerManager.getLayer("cluster", clusterId);
if (!cluster) return;
cluster.clusterLayerStore.remove(layerId);
};
methods.clearMarkerClusters = function () {
this.layerManager.clearLayers("cluster");
};
methods.removeShape = function (layerId) {
this.layerManager.removeLayer("shape", layerId);
};
methods.clearShapes = function () {
this.layerManager.clearLayers("shape");
};
methods.addRectangles = function (lat1, lng1, lat2, lng2, layerId, group, options, popup, popupOptions, label, labelOptions, highlightOptions) {
var df = new _dataframe2["default"]().col("lat1", lat1).col("lng1", lng1).col("lat2", lat2).col("lng2", lng2).col("layerId", layerId).col("group", group).col("popup", popup).col("popupOptions", popupOptions).col("label", label).col("labelOptions", labelOptions).col("highlightOptions", highlightOptions).cbind(options);
addLayers(this, "shape", df, function (df, i) {
if (_jquery2["default"].isNumeric(df.get(i, "lat1")) & & _jquery2["default"].isNumeric(df.get(i, "lng1")) & & _jquery2["default"].isNumeric(df.get(i, "lat2")) & & _jquery2["default"].isNumeric(df.get(i, "lng2"))) {
return _leaflet2["default"].rectangle([[df.get(i, "lat1"), df.get(i, "lng1")], [df.get(i, "lat2"), df.get(i, "lng2")]], df.get(i));
} else {
return null;
}
});
};
/*
* @param lat Array of arrays of latitude coordinates for polygons
* @param lng Array of arrays of longitude coordinates for polygons
*/
methods.addPolygons = function (polygons, layerId, group, options, popup, popupOptions, label, labelOptions, highlightOptions) {
if (polygons.length > 0) {
var df = new _dataframe2["default"]().col("shapes", polygons).col("layerId", layerId).col("group", group).col("popup", popup).col("popupOptions", popupOptions).col("label", label).col("labelOptions", labelOptions).col("highlightOptions", highlightOptions).cbind(options);
addLayers(this, "shape", df, function (df, i) {
// This code used to use L.multiPolygon, but that caused
// double-click on a multipolygon to fail to zoom in on the
// map. Surprisingly, putting all the rings in a single
// polygon seems to still work; complicated multipolygons
// are still rendered correctly.
var shapes = df.get(i, "shapes").map(function (polygon) {
return polygon.map(_htmlwidgets2["default"].dataframeToD3);
}).reduce(function (acc, val) {
return acc.concat(val);
}, []);
return _leaflet2["default"].polygon(shapes, df.get(i));
});
}
};
methods.addGeoJSON = function (data, layerId, group, style) {
// This time, self is actually needed because the callbacks below need
// to access both the inner and outer senses of "this"
var self = this;
if (typeof data === "string") {
data = JSON.parse(data);
}
var globalStyle = _jquery2["default"].extend({}, style, data.style || {});
var gjlayer = _leaflet2["default"].geoJson(data, {
style: function style(feature) {
if (feature.style || feature.properties.style) {
return _jquery2["default"].extend({}, globalStyle, feature.style, feature.properties.style);
} else {
return globalStyle;
}
},
onEachFeature: function onEachFeature(feature, layer) {
var extraInfo = {
featureId: feature.id,
properties: feature.properties
};
var popup = feature.properties ? feature.properties.popup : null;
if (typeof popup !== "undefined" & & popup !== null) layer.bindPopup(popup);
layer.on("click", mouseHandler(self.id, layerId, group, "geojson_click", extraInfo), this);
layer.on("mouseover", mouseHandler(self.id, layerId, group, "geojson_mouseover", extraInfo), this);
layer.on("mouseout", mouseHandler(self.id, layerId, group, "geojson_mouseout", extraInfo), this);
}
});
this.layerManager.addLayer(gjlayer, "geojson", layerId, group);
};
methods.removeGeoJSON = function (layerId) {
this.layerManager.removeLayer("geojson", layerId);
};
methods.clearGeoJSON = function () {
this.layerManager.clearLayers("geojson");
};
methods.addTopoJSON = function (data, layerId, group, style) {
// This time, self is actually needed because the callbacks below need
// to access both the inner and outer senses of "this"
var self = this;
if (typeof data === "string") {
data = JSON.parse(data);
}
var globalStyle = _jquery2["default"].extend({}, style, data.style || {});
var gjlayer = _leaflet2["default"].geoJson(null, {
style: function style(feature) {
if (feature.style || feature.properties.style) {
return _jquery2["default"].extend({}, globalStyle, feature.style, feature.properties.style);
} else {
return globalStyle;
}
},
onEachFeature: function onEachFeature(feature, layer) {
var extraInfo = {
featureId: feature.id,
properties: feature.properties
};
var popup = feature.properties.popup;
if (typeof popup !== "undefined" & & popup !== null) layer.bindPopup(popup);
layer.on("click", mouseHandler(self.id, layerId, group, "topojson_click", extraInfo), this);
layer.on("mouseover", mouseHandler(self.id, layerId, group, "topojson_mouseover", extraInfo), this);
layer.on("mouseout", mouseHandler(self.id, layerId, group, "topojson_mouseout", extraInfo), this);
}
});
global.omnivore.topojson.parse(data, null, gjlayer);
this.layerManager.addLayer(gjlayer, "topojson", layerId, group);
};
methods.removeTopoJSON = function (layerId) {
this.layerManager.removeLayer("topojson", layerId);
};
methods.clearTopoJSON = function () {
this.layerManager.clearLayers("topojson");
};
methods.addControl = function (html, position, layerId, classes) {
function onAdd(map) {
var div = _leaflet2["default"].DomUtil.create("div", classes);
if (typeof layerId !== "undefined" & & layerId !== null) {
div.setAttribute("id", layerId);
}
this._div = div; // It's possible for window.Shiny to be true but Shiny.initializeInputs to
// not be, when a static leaflet widget is included as part of the shiny
// UI directly (not through leafletOutput or uiOutput). In this case we
// don't do the normal Shiny stuff as that will all happen when Shiny
// itself loads and binds the entire doc.
if (window.Shiny & & _shiny2["default"].initializeInputs) {
_shiny2["default"].renderHtml(html, this._div);
_shiny2["default"].initializeInputs(this._div);
_shiny2["default"].bindAll(this._div);
} else {
this._div.innerHTML = html;
}
return this._div;
}
function onRemove(map) {
if (window.Shiny & & _shiny2["default"].unbindAll) {
_shiny2["default"].unbindAll(this._div);
}
}
var Control = _leaflet2["default"].Control.extend({
options: {
position: position
},
onAdd: onAdd,
onRemove: onRemove
});
this.controls.add(new Control(), layerId, html);
};
methods.addCustomControl = function (control, layerId) {
this.controls.add(control, layerId);
};
methods.removeControl = function (layerId) {
this.controls.remove(layerId);
};
methods.getControl = function (layerId) {
this.controls.get(layerId);
};
methods.clearControls = function () {
this.controls.clear();
};
methods.addLegend = function (options) {
var legend = _leaflet2["default"].control({
position: options.position
});
var gradSpan;
legend.onAdd = function (map) {
var div = _leaflet2["default"].DomUtil.create("div", options.className),
colors = options.colors,
labels = options.labels,
legendHTML = "";
if (options.type === "numeric") {
// # Formatting constants.
var singleBinHeight = 20; // The distance between tick marks, in px
var vMargin = 8; // If 1st tick mark starts at top of gradient, how
// many extra px are needed for the top half of the
// 1st label? (ditto for last tick mark/label)
var tickWidth = 4; // How wide should tick marks be, in px?
var labelPadding = 6; // How much distance to reserve for tick mark?
// (Must be >= tickWidth)
// # Derived formatting parameters.
// What's the height of a single bin, in percentage (of gradient height)?
// It might not just be 1/(n-1), if the gradient extends past the tick
// marks (which can be the case for pretty cut points).
var singleBinPct = (options.extra.p_n - options.extra.p_1) / (labels.length - 1); // Each bin is `singleBinHeight` high. How tall is the gradient?
var totalHeight = 1 / singleBinPct * singleBinHeight + 1; // How far should the first tick be shifted down, relative to the top
// of the gradient?
var tickOffset = singleBinHeight / singleBinPct * options.extra.p_1;
gradSpan = (0, _jquery2["default"])("< span / > ").css({
"background": "linear-gradient(" + colors + ")",
"opacity": options.opacity,
"height": totalHeight + "px",
"width": "18px",
"display": "block",
"margin-top": vMargin + "px"
});
var leftDiv = (0, _jquery2["default"])("< div / > ").css("float", "left"),
rightDiv = (0, _jquery2["default"])("< div / > ").css("float", "left");
leftDiv.append(gradSpan);
(0, _jquery2["default"])(div).append(leftDiv).append(rightDiv).append((0, _jquery2["default"])("< br > ")); // Have to attach the div to the body at this early point, so that the
// svg text getComputedTextLength() actually works, below.
document.body.appendChild(div);
var ns = "http://www.w3.org/2000/svg";
var svg = document.createElementNS(ns, "svg");
rightDiv.append(svg);
var g = document.createElementNS(ns, "g");
(0, _jquery2["default"])(g).attr("transform", "translate(0, " + vMargin + ")");
svg.appendChild(g); // max label width needed to set width of svg, and right-justify text
var maxLblWidth = 0; // Create tick marks and labels
_jquery2["default"].each(labels, function (i, label) {
var y = tickOffset + i * singleBinHeight + 0.5;
var thisLabel = document.createElementNS(ns, "text");
(0, _jquery2["default"])(thisLabel).text(labels[i]).attr("y", y).attr("dx", labelPadding).attr("dy", "0.5ex");
g.appendChild(thisLabel);
maxLblWidth = Math.max(maxLblWidth, thisLabel.getComputedTextLength());
var thisTick = document.createElementNS(ns, "line");
(0, _jquery2["default"])(thisTick).attr("x1", 0).attr("x2", tickWidth).attr("y1", y).attr("y2", y).attr("stroke-width", 1);
g.appendChild(thisTick);
}); // Now that we know the max label width, we can right-justify
(0, _jquery2["default"])(svg).find("text").attr("dx", labelPadding + maxLblWidth).attr("text-anchor", "end"); // Final size for < svg >
(0, _jquery2["default"])(svg).css({
width: maxLblWidth + labelPadding + "px",
height: totalHeight + vMargin * 2 + "px"
});
if (options.na_color & & _jquery2["default"].inArray(options.na_label, labels) < 0 ) {
(0, _jquery2["default"])(div).append("< div > < i style = \"" + " background: " + options . na_color + " ; opacity: " + options . opacity + " ; margin-right: " + labelPadding + " px " + " ; \ " > < / i > " + options.na_label + "< / div > ");
}
} else {
if (options.na_color & & _jquery2["default"].inArray(options.na_label, labels) < 0 ) {
colors.push(options.na_color);
labels.push(options.na_label);
}
for (var i = 0; i < colors.length ; i + + ) {
legendHTML += "< i style = \"background:" + colors [ i ] + " ; opacity: " + options . opacity + " \ " > < / i > " + labels[i] + "< br > ";
}
div.innerHTML = legendHTML;
}
if (options.title) (0, _jquery2["default"])(div).prepend("< div style = \"margin-bottom:3px\" > < strong > " + options.title + "< / strong > < / div > ");
return div;
};
if (options.group) {
// Auto generate a layerID if not provided
if (!options.layerId) {
options.layerId = _leaflet2["default"].Util.stamp(legend);
}
var map = this;
map.on("overlayadd", function (e) {
if (e.name === options.group) {
map.controls.add(legend, options.layerId);
}
});
map.on("overlayremove", function (e) {
if (e.name === options.group) {
map.controls.remove(options.layerId);
}
});
map.on("groupadd", function (e) {
if (e.name === options.group) {
map.controls.add(legend, options.layerId);
}
});
map.on("groupremove", function (e) {
if (e.name === options.group) {
map.controls.remove(options.layerId);
}
});
}
this.controls.add(legend, options.layerId);
};
methods.addLayersControl = function (baseGroups, overlayGroups, options) {
var _this4 = this;
// Only allow one layers control at a time
methods.removeLayersControl.call(this);
var firstLayer = true;
var base = {};
_jquery2["default"].each((0, _util.asArray)(baseGroups), function (i, g) {
var layer = _this4.layerManager.getLayerGroup(g, true);
if (layer) {
base[g] = layer; // Check if >1 base layers are visible; if so, hide all but the first one
if (_this4.hasLayer(layer)) {
if (firstLayer) {
firstLayer = false;
} else {
_this4.removeLayer(layer);
}
}
}
});
var overlay = {};
_jquery2["default"].each((0, _util.asArray)(overlayGroups), function (i, g) {
var layer = _this4.layerManager.getLayerGroup(g, true);
if (layer) {
overlay[g] = layer;
}
});
this.currentLayersControl = _leaflet2["default"].control.layers(base, overlay, options);
this.addControl(this.currentLayersControl);
};
methods.removeLayersControl = function () {
if (this.currentLayersControl) {
this.removeControl(this.currentLayersControl);
this.currentLayersControl = null;
}
};
methods.addScaleBar = function (options) {
// Only allow one scale bar at a time
methods.removeScaleBar.call(this);
var scaleBar = _leaflet2["default"].control.scale(options).addTo(this);
this.currentScaleBar = scaleBar;
};
methods.removeScaleBar = function () {
if (this.currentScaleBar) {
this.currentScaleBar.remove();
this.currentScaleBar = null;
}
};
methods.hideGroup = function (group) {
var _this5 = this;
_jquery2["default"].each((0, _util.asArray)(group), function (i, g) {
var layer = _this5.layerManager.getLayerGroup(g, true);
if (layer) {
_this5.removeLayer(layer);
}
});
};
methods.showGroup = function (group) {
var _this6 = this;
_jquery2["default"].each((0, _util.asArray)(group), function (i, g) {
var layer = _this6.layerManager.getLayerGroup(g, true);
if (layer) {
_this6.addLayer(layer);
}
});
};
function setupShowHideGroupsOnZoom(map) {
if (map.leafletr._hasInitializedShowHideGroups) {
return;
}
map.leafletr._hasInitializedShowHideGroups = true;
function setVisibility(layer, visible, group) {
if (visible !== map.hasLayer(layer)) {
if (visible) {
map.addLayer(layer);
map.fire("groupadd", {
"name": group,
"layer": layer
});
} else {
map.removeLayer(layer);
map.fire("groupremove", {
"name": group,
"layer": layer
});
}
}
}
function showHideGroupsOnZoom() {
if (!map.layerManager) return;
var zoom = map.getZoom();
map.layerManager.getAllGroupNames().forEach(function (group) {
var layer = map.layerManager.getLayerGroup(group, false);
if (layer & & typeof layer.zoomLevels !== "undefined") {
setVisibility(layer, layer.zoomLevels === true || layer.zoomLevels.indexOf(zoom) >= 0, group);
}
});
}
map.showHideGroupsOnZoom = showHideGroupsOnZoom;
map.on("zoomend", showHideGroupsOnZoom);
}
methods.setGroupOptions = function (group, options) {
var _this7 = this;
_jquery2["default"].each((0, _util.asArray)(group), function (i, g) {
var layer = _this7.layerManager.getLayerGroup(g, true); // This slightly tortured check is because 0 is a valid value for zoomLevels
if (typeof options.zoomLevels !== "undefined" & & options.zoomLevels !== null) {
layer.zoomLevels = (0, _util.asArray)(options.zoomLevels);
}
});
setupShowHideGroupsOnZoom(this);
this.showHideGroupsOnZoom();
};
methods.addRasterImage = function (uri, bounds, layerId, group, options) {
// uri is a data URI containing an image. We want to paint this image as a
// layer at (top-left) bounds[0] to (bottom-right) bounds[1].
// We can't simply use ImageOverlay, as it uses bilinear scaling which looks
// awful as you zoom in (and sometimes shifts positions or disappears).
// Instead, we'll use a TileLayer.Canvas to draw pieces of the image.
// First, some helper functions.
// degree2tile converts latitude, longitude, and zoom to x and y tile
// numbers. The tile numbers returned can be non-integral, as there's no
// reason to expect that the lat/lng inputs are exactly on the border of two
// tiles.
//
// We'll use this to convert the bounds we got from the server, into coords
// in tile-space at a given zoom level. Note that once we do the conversion,
// we don't to do any more trigonometry to convert between pixel coordinates
// and tile coordinates; the source image pixel coords, destination canvas
// pixel coords, and tile coords all can be scaled linearly.
function degree2tile(lat, lng, zoom) {
// See http://wiki.openstreetmap.org/wiki/Slippy_map_tilenames
var latRad = lat * Math.PI / 180;
var n = Math.pow(2, zoom);
var x = (lng + 180) / 360 * n;
var y = (1 - Math.log(Math.tan(latRad) + 1 / Math.cos(latRad)) / Math.PI) / 2 * n;
return {
x: x,
y: y
};
} // Given a range [from,to) and either one or two numbers, returns true if
// there is any overlap between [x,x1) and the range--or if x1 is omitted,
// then returns true if x is within [from,to).
function overlap(from, to, x,
/* optional */
x1) {
if (arguments.length == 3) x1 = x;
return x < to & & x1 > = from;
}
function getCanvasSmoothingProperty(ctx) {
var candidates = ["imageSmoothingEnabled", "mozImageSmoothingEnabled", "webkitImageSmoothingEnabled", "msImageSmoothingEnabled"];
for (var i = 0; i < candidates.length ; i + + ) {
if (typeof ctx[candidates[i]] !== "undefined") {
return candidates[i];
}
}
return null;
} // Our general strategy is to:
// 1. Load the data URI in an Image() object, so we can get its pixel
// dimensions and the underlying image data. (We could have done this
// by not encoding as PNG at all but just send an array of RGBA values
// from the server, but that would inflate the JSON too much.)
// 2. Create a hidden canvas that we use just to extract the image data
// from the Image (using Context2D.getImageData()).
// 3. Create a TileLayer.Canvas and add it to the map.
// We want to synchronously create and attach the TileLayer.Canvas (so an
// immediate call to clearRasters() will be respected, for example), but
// Image loads its data asynchronously. Fortunately we can resolve this
// by putting TileLayer.Canvas into async mode, which will let us create
// and attach the layer but have it wait until the image is loaded before
// it actually draws anything.
// These are the variables that we will populate once the image is loaded.
var imgData = null; // 1d row-major array, four [0-255] integers per pixel
var imgDataMipMapper = null;
var w = null; // image width in pixels
var h = null; // image height in pixels
// We'll use this array to store callbacks that need to be invoked once
// imgData, w, and h have been resolved.
var imgDataCallbacks = []; // Consumers of imgData, w, and h can call this to be notified when data
// is available.
function getImageData(callback) {
if (imgData != null) {
// Must not invoke the callback immediately; it's too confusing and
// fragile to have a function invoke the callback *either* immediately
// or in the future. Better to be consistent here.
setTimeout(function () {
callback(imgData, w, h, imgDataMipMapper);
}, 0);
} else {
imgDataCallbacks.push(callback);
}
}
var img = new Image();
img.onload = function () {
// Save size
w = img.width;
h = img.height; // Create a dummy canvas to extract the image data
var imgDataCanvas = document.createElement("canvas");
imgDataCanvas.width = w;
imgDataCanvas.height = h;
imgDataCanvas.style.display = "none";
document.body.appendChild(imgDataCanvas);
var imgDataCtx = imgDataCanvas.getContext("2d");
imgDataCtx.drawImage(img, 0, 0); // Save the image data.
imgData = imgDataCtx.getImageData(0, 0, w, h).data;
imgDataMipMapper = new _mipmapper2["default"](img); // Done with the canvas, remove it from the page so it can be gc'd.
document.body.removeChild(imgDataCanvas); // Alert any getImageData callers who are waiting.
for (var i = 0; i < imgDataCallbacks.length ; i + + ) {
imgDataCallbacks[i](imgData, w, h, imgDataMipMapper);
}
imgDataCallbacks = [];
};
img.src = uri;
var canvasTiles = _leaflet2["default"].gridLayer(Object.assign({}, options, {
detectRetina: true,
async: true
})); // NOTE: The done() function MUST NOT be invoked until after the current
// tick; done() looks in Leaflet's tile cache for the current tile, and
// since it's still being constructed, it won't be found.
canvasTiles.createTile = function (tilePoint, done) {
var zoom = tilePoint.z;
var canvas = _leaflet2["default"].DomUtil.create("canvas");
var error; // setup tile width and height according to the options
var size = this.getTileSize();
canvas.width = size.x;
canvas.height = size.y;
getImageData(function (imgData, w, h, mipmapper) {
try {
// The Context2D we'll being drawing onto. It's always 256x256.
var ctx = canvas.getContext("2d"); // Convert our image data's top-left and bottom-right locations into
// x/y tile coordinates. This is essentially doing a spherical mercator
// projection, then multiplying by 2^zoom.
var topLeft = degree2tile(bounds[0][0], bounds[0][1], zoom);
var bottomRight = degree2tile(bounds[1][0], bounds[1][1], zoom); // The size of the image in x/y tile coordinates.
var extent = {
x: bottomRight.x - topLeft.x,
y: bottomRight.y - topLeft.y
}; // Short circuit if tile is totally disjoint from image.
if (!overlap(tilePoint.x, tilePoint.x + 1, topLeft.x, bottomRight.x)) return;
if (!overlap(tilePoint.y, tilePoint.y + 1, topLeft.y, bottomRight.y)) return; // The linear resolution of the tile we're drawing is always 256px per tile unit.
// If the linear resolution (in either direction) of the image is less than 256px
// per tile unit, then use nearest neighbor; otherwise, use the canvas's built-in
// scaling.
var imgRes = {
x: w / extent.x,
y: h / extent.y
}; // We can do the actual drawing in one of three ways:
// - Call drawImage(). This is easy and fast, and results in smooth
// interpolation (bilinear?). This is what we want when we are
// reducing the image from its native size.
// - Call drawImage() with imageSmoothingEnabled=false. This is easy
// and fast and gives us nearest-neighbor interpolation, which is what
// we want when enlarging the image. However, it's unsupported on many
// browsers (including QtWebkit).
// - Do a manual nearest-neighbor interpolation. This is what we'll fall
// back to when enlarging, and imageSmoothingEnabled isn't supported.
// In theory it's slower, but still pretty fast on my machine, and the
// results look the same AFAICT.
// Is imageSmoothingEnabled supported? If so, we can let canvas do
// nearest-neighbor interpolation for us.
var smoothingProperty = getCanvasSmoothingProperty(ctx);
if (smoothingProperty || imgRes.x >= 256 & & imgRes.y >= 256) {
// Use built-in scaling
// Turn off anti-aliasing if necessary
if (smoothingProperty) {
ctx[smoothingProperty] = imgRes.x >= 256 & & imgRes.y >= 256;
} // Don't necessarily draw with the full-size image; if we're
// downscaling, use the mipmapper to get a pre-downscaled image
// (see comments on Mipmapper class for why this matters).
mipmapper.getBySize(extent.x * 256, extent.y * 256, function (mip) {
// It's possible that the image will go off the edge of the canvas--
// that's OK, the canvas should clip appropriately.
ctx.drawImage(mip, // Convert abs tile coords to rel tile coords, then *256 to convert
// to rel pixel coords
(topLeft.x - tilePoint.x) * 256, (topLeft.y - tilePoint.y) * 256, // Always draw the whole thing and let canvas clip; so we can just
// convert from size in tile coords straight to pixels
extent.x * 256, extent.y * 256);
});
} else {
// Use manual nearest-neighbor interpolation
// Calculate the source image pixel coordinates that correspond with
// the top-left and bottom-right of this tile. (If the source image
// only partially overlaps the tile, we use max/min to limit the
// sourceStart/End to only reflect the overlapping portion.)
var sourceStart = {
x: Math.max(0, Math.floor((tilePoint.x - topLeft.x) * imgRes.x)),
y: Math.max(0, Math.floor((tilePoint.y - topLeft.y) * imgRes.y))
};
var sourceEnd = {
x: Math.min(w, Math.ceil((tilePoint.x + 1 - topLeft.x) * imgRes.x)),
y: Math.min(h, Math.ceil((tilePoint.y + 1 - topLeft.y) * imgRes.y))
}; // The size, in dest pixels, that each source pixel should occupy.
// This might be greater or less than 1 (e.g. if x and y resolution
// are very different).
var pixelSize = {
x: 256 / imgRes.x,
y: 256 / imgRes.y
}; // For each pixel in the source image that overlaps the tile...
for (var row = sourceStart.y; row < sourceEnd.y ; row + + ) {
for (var col = sourceStart.x; col < sourceEnd.x ; col + + ) {
// ...extract the pixel data...
var i = (row * w + col) * 4;
var r = imgData[i];
var g = imgData[i + 1];
var b = imgData[i + 2];
var a = imgData[i + 3];
ctx.fillStyle = "rgba(" + [r, g, b, a / 255].join(",") + ")"; // ...calculate the corresponding pixel coord in the dest image
// where it should be drawn...
var pixelPos = {
x: (col / imgRes.x + topLeft.x - tilePoint.x) * 256,
y: (row / imgRes.y + topLeft.y - tilePoint.y) * 256
}; // ...and draw a rectangle there.
ctx.fillRect(Math.round(pixelPos.x), Math.round(pixelPos.y), // Looks crazy, but this is necessary to prevent rounding from
// causing overlap between this rect and its neighbors. The
// minuend is the location of the next pixel, while the
// subtrahend is the position of the current pixel (to turn an
// absolute coordinate to a width/height). Yes, I had to look
// up minuend and subtrahend.
Math.round(pixelPos.x + pixelSize.x) - Math.round(pixelPos.x), Math.round(pixelPos.y + pixelSize.y) - Math.round(pixelPos.y));
}
}
}
} catch (e) {
error = e;
} finally {
done(error, canvas);
}
});
return canvas;
};
this.layerManager.addLayer(canvasTiles, "image", layerId, group);
};
methods.removeImage = function (layerId) {
this.layerManager.removeLayer("image", layerId);
};
methods.clearImages = function () {
this.layerManager.clearLayers("image");
};
methods.addMeasure = function (options) {
// if a measureControl already exists, then remove it and
// replace with a new one
methods.removeMeasure.call(this);
this.measureControl = _leaflet2["default"].control.measure(options);
this.addControl(this.measureControl);
};
methods.removeMeasure = function () {
if (this.measureControl) {
this.removeControl(this.measureControl);
this.measureControl = null;
}
};
methods.addSelect = function (ctGroup) {
var _this8 = this;
methods.removeSelect.call(this);
this._selectButton = _leaflet2["default"].easyButton({
states: [{
stateName: "select-inactive",
icon: "ion-qr-scanner",
title: "Make a selection",
onClick: function onClick(btn, map) {
btn.state("select-active");
_this8._locationFilter = new _leaflet2["default"].LocationFilter2();
if (ctGroup) {
var selectionHandle = new global.crosstalk.SelectionHandle(ctGroup);
selectionHandle.on("change", function (e) {
if (e.sender !== selectionHandle) {
if (_this8._locationFilter) {
_this8._locationFilter.disable();
btn.state("select-inactive");
}
}
});
var handler = function handler(e) {
_this8.layerManager.brush(_this8._locationFilter.getBounds(), {
sender: selectionHandle
});
};
_this8._locationFilter.on("enabled", handler);
_this8._locationFilter.on("change", handler);
_this8._locationFilter.on("disabled", function () {
selectionHandle.close();
_this8._locationFilter = null;
});
}
_this8._locationFilter.addTo(map);
}
}, {
stateName: "select-active",
icon: "ion-close-round",
title: "Dismiss selection",
onClick: function onClick(btn, map) {
btn.state("select-inactive");
_this8._locationFilter.disable(); // If explicitly dismissed, clear the crosstalk selections
_this8.layerManager.unbrush();
}
}]
});
this._selectButton.addTo(this);
};
methods.removeSelect = function () {
if (this._locationFilter) {
this._locationFilter.disable();
}
if (this._selectButton) {
this.removeControl(this._selectButton);
this._selectButton = null;
}
};
methods.createMapPane = function (name, zIndex) {
this.createPane(name);
this.getPane(name).style.zIndex = zIndex;
};
}).call(this)}).call(this,typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : typeof window !== "undefined" ? window : {})
},{"./cluster-layer-store":1,"./crs_utils":3,"./dataframe":4,"./global/htmlwidgets":8,"./global/jquery":9,"./global/leaflet":10,"./global/shiny":12,"./mipmapper":16,"./util":17}],16:[function(require,module,exports){
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
function _defineProperties(target, props) { for (var i = 0; i < props.length ; i + + ) { var descriptor = props[i]; descriptor . enumerable = descriptor.enumerable | | false ; descriptor . configurable = true; if ( " value " in descriptor ) descriptor . writable = true; Object . defineProperty ( target , descriptor . key , descriptor ) ; } }
function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
// This class simulates a mipmap, which shrinks images by powers of two. This
// stepwise reduction results in "pixel-perfect downscaling" (where every
// pixel of the original image has some contribution to the downscaled image)
// as opposed to a single-step downscaling which will discard a lot of data
// (and with sparse images at small scales can give very surprising results).
var Mipmapper = /*#__PURE__*/function () {
function Mipmapper(img) {
_classCallCheck(this, Mipmapper);
this._layers = [img];
} // The various functions on this class take a callback function BUT MAY OR MAY
// NOT actually behave asynchronously.
_createClass(Mipmapper, [{
key: "getBySize",
value: function getBySize(desiredWidth, desiredHeight, callback) {
var _this = this;
var i = 0;
var lastImg = this._layers[0];
var testNext = function testNext() {
_this.getByIndex(i, function (img) {
// If current image is invalid (i.e. too small to be rendered) or
// it's smaller than what we wanted, return the last known good image.
if (!img || img.width < desiredWidth | | img . height < desiredHeight ) {
callback(lastImg);
return;
} else {
lastImg = img;
i++;
testNext();
return;
}
});
};
testNext();
}
}, {
key: "getByIndex",
value: function getByIndex(i, callback) {
var _this2 = this;
if (this._layers[i]) {
callback(this._layers[i]);
return;
}
this.getByIndex(i - 1, function (prevImg) {
if (!prevImg) {
// prevImg could not be calculated (too small, possibly)
callback(null);
return;
}
if (prevImg.width < 2 | | prevImg . height < 2 ) {
// Can't reduce this image any further
callback(null);
return;
} // If reduce ever becomes truly asynchronous, we should stuff a promise or
// something into this._layers[i] before calling this.reduce(), to prevent
// redundant reduce operations from happening.
_this2.reduce(prevImg, function (reducedImg) {
_this2._layers[i] = reducedImg;
callback(reducedImg);
return;
});
});
}
}, {
key: "reduce",
value: function reduce(img, callback) {
var imgDataCanvas = document.createElement("canvas");
imgDataCanvas.width = Math.ceil(img.width / 2);
imgDataCanvas.height = Math.ceil(img.height / 2);
imgDataCanvas.style.display = "none";
document.body.appendChild(imgDataCanvas);
try {
var imgDataCtx = imgDataCanvas.getContext("2d");
imgDataCtx.drawImage(img, 0, 0, img.width / 2, img.height / 2);
callback(imgDataCanvas);
} finally {
document.body.removeChild(imgDataCanvas);
}
}
}]);
return Mipmapper;
}();
exports["default"] = Mipmapper;
},{}],17:[function(require,module,exports){
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.log = log;
exports.recycle = recycle;
exports.asArray = asArray;
function log(message) {
/* eslint-disable no-console */
if (console & & console.log) console.log(message);
/* eslint-enable no-console */
}
function recycle(values, length, inPlace) {
if (length === 0 & & !inPlace) return [];
if (!(values instanceof Array)) {
if (inPlace) {
throw new Error("Can't do in-place recycling of a non-Array value");
}
values = [values];
}
if (typeof length === "undefined") length = values.length;
var dest = inPlace ? values : [];
var origLength = values.length;
while (dest.length < length ) {
dest.push(values[dest.length % origLength]);
}
if (dest.length > length) {
dest.splice(length, dest.length - length);
}
return dest;
}
function asArray(value) {
if (value instanceof Array) return value;else return [value];
}
},{}]},{},[13]);
< / script >
< script > ( f u n c t i o n ( r o o t , f a c t o r y ) {
if (typeof define === 'function' & & define.amd) {
// AMD. Register as an anonymous module.
define(['leaflet'], factory);
} else if (typeof modules === 'object' & & module.exports) {
// define a Common JS module that relies on 'leaflet'
module.exports = factory(require('leaflet'));
} else {
// Assume Leaflet is loaded into global object L already
factory(L);
}
}(this, function (L) {
'use strict';
L.TileLayer.Provider = L.TileLayer.extend({
initialize: function (arg, options) {
var providers = L.TileLayer.Provider.providers;
var parts = arg.split('.');
var providerName = parts[0];
var variantName = parts[1];
if (!providers[providerName]) {
throw 'No such provider (' + providerName + ')';
}
var provider = {
url: providers[providerName].url,
options: providers[providerName].options
};
// overwrite values in provider from variant.
if (variantName & & 'variants' in providers[providerName]) {
if (!(variantName in providers[providerName].variants)) {
throw 'No such variant of ' + providerName + ' (' + variantName + ')';
}
var variant = providers[providerName].variants[variantName];
var variantOptions;
if (typeof variant === 'string') {
variantOptions = {
variant: variant
};
} else {
variantOptions = variant.options;
}
provider = {
url: variant.url || provider.url,
options: L.Util.extend({}, provider.options, variantOptions)
};
}
// replace attribution placeholders with their values from toplevel provider attribution,
// recursively
var attributionReplacer = function (attr) {
if (attr.indexOf('{attribution.') === -1) {
return attr;
}
return attr.replace(/\{attribution.(\w*)\}/g,
function (match, attributionName) {
return attributionReplacer(providers[attributionName].options.attribution);
}
);
};
provider.options.attribution = attributionReplacer(provider.options.attribution);
// Compute final options combining provider options with any user overrides
var layerOpts = L.Util.extend({}, provider.options, options);
L.TileLayer.prototype.initialize.call(this, provider.url, layerOpts);
}
});
/**
* Definition of providers.
* see http://leafletjs.com/reference.html#tilelayer for options in the options map.
*/
L.TileLayer.Provider.providers = {
OpenStreetMap: {
url: 'https://tile.openstreetmap.org/{z}/{x}/{y}.png',
options: {
maxZoom: 19,
attribution:
'© < a href = "https://www.openstreetmap.org/copyright" > OpenStreetMap< / a > contributors'
},
variants: {
Mapnik: {},
DE: {
url: 'https://tile.openstreetmap.de/{z}/{x}/{y}.png',
options: {
maxZoom: 18
}
},
CH: {
url: 'https://tile.osm.ch/switzerland/{z}/{x}/{y}.png',
options: {
maxZoom: 18,
bounds: [[45, 5], [48, 11]]
}
},
France: {
url: 'https://{s}.tile.openstreetmap.fr/osmfr/{z}/{x}/{y}.png',
options: {
maxZoom: 20,
attribution: '© OpenStreetMap France | {attribution.OpenStreetMap}'
}
},
HOT: {
url: 'https://{s}.tile.openstreetmap.fr/hot/{z}/{x}/{y}.png',
options: {
attribution:
'{attribution.OpenStreetMap}, ' +
'Tiles style by < a href = "https://www.hotosm.org/" target = "_blank" > Humanitarian OpenStreetMap Team< / a > ' +
'hosted by < a href = "https://openstreetmap.fr/" target = "_blank" > OpenStreetMap France< / a > '
}
},
BZH: {
url: 'https://tile.openstreetmap.bzh/br/{z}/{x}/{y}.png',
options: {
attribution: '{attribution.OpenStreetMap}, Tiles courtesy of < a href = "http://www.openstreetmap.bzh/" target = "_blank" > Breton OpenStreetMap Team< / a > ',
bounds: [[46.2, -5.5], [50, 0.7]]
}
}
}
},
MapTilesAPI: {
url: 'https://maptiles.p.rapidapi.com/{variant}/{z}/{x}/{y}.png?rapidapi-key={apikey}',
options: {
attribution:
'© < a href = "http://www.maptilesapi.com/" > MapTiles API< / a > , {attribution.OpenStreetMap}',
variant: 'en/map/v1',
// Get your own MapTiles API access token here : https://www.maptilesapi.com/
// NB : this is a demonstration key that comes with no guarantee and not to be used in production
apikey: '< insert your api key here > ',
maxZoom: 19
},
variants: {
OSMEnglish: {
options: {
variant: 'en/map/v1'
}
},
OSMFrancais: {
options: {
variant: 'fr/map/v1'
}
},
OSMEspagnol: {
options: {
variant: 'es/map/v1'
}
}
}
},
OpenSeaMap: {
url: 'https://tiles.openseamap.org/seamark/{z}/{x}/{y}.png',
options: {
attribution: 'Map data: © < a href = "http://www.openseamap.org" > OpenSeaMap< / a > contributors'
}
},
OPNVKarte: {
url: 'https://tileserver.memomaps.de/tilegen/{z}/{x}/{y}.png',
options: {
maxZoom: 18,
attribution: 'Map < a href = "https://memomaps.de/" > memomaps.de< / a > < a href = "http://creativecommons.org/licenses/by-sa/2.0/" > CC-BY-SA< / a > , map data {attribution.OpenStreetMap}'
}
},
OpenTopoMap: {
url: 'https://{s}.tile.opentopomap.org/{z}/{x}/{y}.png',
options: {
maxZoom: 17,
attribution: 'Map data: {attribution.OpenStreetMap}, < a href = "http://viewfinderpanoramas.org" > SRTM< / a > | Map style: © < a href = "https://opentopomap.org" > OpenTopoMap< / a > (< a href = "https://creativecommons.org/licenses/by-sa/3.0/" > CC-BY-SA< / a > )'
}
},
OpenRailwayMap: {
url: 'https://{s}.tiles.openrailwaymap.org/standard/{z}/{x}/{y}.png',
options: {
maxZoom: 19,
attribution: 'Map data: {attribution.OpenStreetMap} | Map style: © < a href = "https://www.OpenRailwayMap.org" > OpenRailwayMap< / a > (< a href = "https://creativecommons.org/licenses/by-sa/3.0/" > CC-BY-SA< / a > )'
}
},
OpenFireMap: {
url: 'http://openfiremap.org/hytiles/{z}/{x}/{y}.png',
options: {
maxZoom: 19,
attribution: 'Map data: {attribution.OpenStreetMap} | Map style: © < a href = "http://www.openfiremap.org" > OpenFireMap< / a > (< a href = "https://creativecommons.org/licenses/by-sa/3.0/" > CC-BY-SA< / a > )'
}
},
SafeCast: {
url: 'https://s3.amazonaws.com/te512.safecast.org/{z}/{x}/{y}.png',
options: {
maxZoom: 16,
attribution: 'Map data: {attribution.OpenStreetMap} | Map style: © < a href = "https://blog.safecast.org/about/" > SafeCast< / a > (< a href = "https://creativecommons.org/licenses/by-sa/3.0/" > CC-BY-SA< / a > )'
}
},
Stadia: {
url: 'https://tiles.stadiamaps.com/tiles/{variant}/{z}/{x}/{y}{r}.{ext}',
options: {
minZoom: 0,
maxZoom: 20,
attribution:
'© < a href = "https://www.stadiamaps.com/" target = "_blank" > Stadia Maps< / a > ' +
'© < a href = "https://openmaptiles.org/" target = "_blank" > OpenMapTiles< / a > ' +
'{attribution.OpenStreetMap}',
variant: 'alidade_smooth',
ext: 'png'
},
variants: {
AlidadeSmooth: 'alidade_smooth',
AlidadeSmoothDark: 'alidade_smooth_dark',
OSMBright: 'osm_bright',
Outdoors: 'outdoors',
StamenToner: {
options: {
attribution:
'© < a href = "https://www.stadiamaps.com/" target = "_blank" > Stadia Maps< / a > ' +
'© < a href = "https://www.stamen.com/" target = "_blank" > Stamen Design< / a > ' +
'© < a href = "https://openmaptiles.org/" target = "_blank" > OpenMapTiles< / a > ' +
'{attribution.OpenStreetMap}',
variant: 'stamen_toner'
}
},
StamenTonerBackground: {
options: {
attribution:
'© < a href = "https://www.stadiamaps.com/" target = "_blank" > Stadia Maps< / a > ' +
'© < a href = "https://www.stamen.com/" target = "_blank" > Stamen Design< / a > ' +
'© < a href = "https://openmaptiles.org/" target = "_blank" > OpenMapTiles< / a > ' +
'{attribution.OpenStreetMap}',
variant: 'stamen_toner_background'
}
},
StamenTonerLines: {
options: {
attribution:
'© < a href = "https://www.stadiamaps.com/" target = "_blank" > Stadia Maps< / a > ' +
'© < a href = "https://www.stamen.com/" target = "_blank" > Stamen Design< / a > ' +
'© < a href = "https://openmaptiles.org/" target = "_blank" > OpenMapTiles< / a > ' +
'{attribution.OpenStreetMap}',
variant: 'stamen_toner_lines'
}
},
StamenTonerLabels: {
options: {
attribution:
'© < a href = "https://www.stadiamaps.com/" target = "_blank" > Stadia Maps< / a > ' +
'© < a href = "https://www.stamen.com/" target = "_blank" > Stamen Design< / a > ' +
'© < a href = "https://openmaptiles.org/" target = "_blank" > OpenMapTiles< / a > ' +
'{attribution.OpenStreetMap}',
variant: 'stamen_toner_labels'
}
},
StamenTonerLite: {
options: {
attribution:
'© < a href = "https://www.stadiamaps.com/" target = "_blank" > Stadia Maps< / a > ' +
'© < a href = "https://www.stamen.com/" target = "_blank" > Stamen Design< / a > ' +
'© < a href = "https://openmaptiles.org/" target = "_blank" > OpenMapTiles< / a > ' +
'{attribution.OpenStreetMap}',
variant: 'stamen_toner_lite'
}
},
StamenWatercolor: {
url: 'https://tiles.stadiamaps.com/tiles/{variant}/{z}/{x}/{y}.{ext}',
options: {
attribution:
'© < a href = "https://www.stadiamaps.com/" target = "_blank" > Stadia Maps< / a > ' +
'© < a href = "https://www.stamen.com/" target = "_blank" > Stamen Design< / a > ' +
'© < a href = "https://openmaptiles.org/" target = "_blank" > OpenMapTiles< / a > ' +
'{attribution.OpenStreetMap}',
variant: 'stamen_watercolor',
ext: 'jpg',
minZoom: 1,
maxZoom: 16
}
},
StamenTerrain: {
options: {
attribution:
'© < a href = "https://www.stadiamaps.com/" target = "_blank" > Stadia Maps< / a > ' +
'© < a href = "https://www.stamen.com/" target = "_blank" > Stamen Design< / a > ' +
'© < a href = "https://openmaptiles.org/" target = "_blank" > OpenMapTiles< / a > ' +
'{attribution.OpenStreetMap}',
variant: 'stamen_terrain',
minZoom: 0,
maxZoom: 18
}
},
StamenTerrainBackground: {
options: {
attribution:
'© < a href = "https://www.stadiamaps.com/" target = "_blank" > Stadia Maps< / a > ' +
'© < a href = "https://www.stamen.com/" target = "_blank" > Stamen Design< / a > ' +
'© < a href = "https://openmaptiles.org/" target = "_blank" > OpenMapTiles< / a > ' +
'{attribution.OpenStreetMap}',
variant: 'stamen_terrain_background',
minZoom: 0,
maxZoom: 18
}
},
StamenTerrainLabels: {
options: {
attribution:
'© < a href = "https://www.stadiamaps.com/" target = "_blank" > Stadia Maps< / a > ' +
'© < a href = "https://www.stamen.com/" target = "_blank" > Stamen Design< / a > ' +
'© < a href = "https://openmaptiles.org/" target = "_blank" > OpenMapTiles< / a > ' +
'{attribution.OpenStreetMap}',
variant: 'stamen_terrain_labels',
minZoom: 0,
maxZoom: 18
}
},
StamenTerrainLines: {
options: {
attribution:
'© < a href = "https://www.stadiamaps.com/" target = "_blank" > Stadia Maps< / a > ' +
'© < a href = "https://www.stamen.com/" target = "_blank" > Stamen Design< / a > ' +
'© < a href = "https://openmaptiles.org/" target = "_blank" > OpenMapTiles< / a > ' +
'{attribution.OpenStreetMap}',
variant: 'stamen_terrain_lines',
minZoom: 0,
maxZoom: 18
}
}
}
},
Thunderforest: {
url: 'https://{s}.tile.thunderforest.com/{variant}/{z}/{x}/{y}.png?apikey={apikey}',
options: {
attribution:
'© < a href = "http://www.thunderforest.com/" > Thunderforest< / a > , {attribution.OpenStreetMap}',
variant: 'cycle',
apikey: '< insert your api key here > ',
maxZoom: 22
},
variants: {
OpenCycleMap: 'cycle',
Transport: {
options: {
variant: 'transport'
}
},
TransportDark: {
options: {
variant: 'transport-dark'
}
},
SpinalMap: {
options: {
variant: 'spinal-map'
}
},
Landscape: 'landscape',
Outdoors: 'outdoors',
Pioneer: 'pioneer',
MobileAtlas: 'mobile-atlas',
Neighbourhood: 'neighbourhood'
}
},
CyclOSM: {
url: 'https://{s}.tile-cyclosm.openstreetmap.fr/cyclosm/{z}/{x}/{y}.png',
options: {
maxZoom: 20,
attribution: '< a href = "https://github.com/cyclosm/cyclosm-cartocss-style/releases" title = "CyclOSM - Open Bicycle render" > CyclOSM< / a > | Map data: {attribution.OpenStreetMap}'
}
},
Jawg: {
url: 'https://{s}.tile.jawg.io/{variant}/{z}/{x}/{y}{r}.png?access-token={accessToken}',
options: {
attribution:
'< a href = "http://jawg.io" title = "Tiles Courtesy of Jawg Maps" target = "_blank" > © < b > Jawg< / b > Maps< / a > ' +
'{attribution.OpenStreetMap}',
minZoom: 0,
maxZoom: 22,
subdomains: 'abcd',
variant: 'jawg-terrain',
// Get your own Jawg access token here : https://www.jawg.io/lab/
// NB : this is a demonstration key that comes with no guarantee
accessToken: '< insert your access token here > ',
},
variants: {
Streets: 'jawg-streets',
Terrain: 'jawg-terrain',
Sunny: 'jawg-sunny',
Dark: 'jawg-dark',
Light: 'jawg-light',
Matrix: 'jawg-matrix'
}
},
MapBox: {
url: 'https://api.mapbox.com/styles/v1/{id}/tiles/{z}/{x}/{y}{r}?access_token={accessToken}',
options: {
attribution:
'© < a href = "https://www.mapbox.com/about/maps/" target = "_blank" > Mapbox< / a > ' +
'{attribution.OpenStreetMap} ' +
'< a href = "https://www.mapbox.com/map-feedback/" target = "_blank" > Improve this map< / a > ',
tileSize: 512,
maxZoom: 18,
zoomOffset: -1,
id: 'mapbox/streets-v11',
accessToken: '< insert your access token here > ',
}
},
MapTiler: {
url: 'https://api.maptiler.com/maps/{variant}/{z}/{x}/{y}{r}.{ext}?key={key}',
options: {
attribution:
'< a href = "https://www.maptiler.com/copyright/" target = "_blank" > © MapTiler< / a > < a href = "https://www.openstreetmap.org/copyright" target = "_blank" > © OpenStreetMap contributors< / a > ',
variant: 'streets',
ext: 'png',
key: '< insert your MapTiler Cloud API key here > ',
tileSize: 512,
zoomOffset: -1,
minZoom: 0,
maxZoom: 21
},
variants: {
Streets: 'streets',
Basic: 'basic',
Bright: 'bright',
Pastel: 'pastel',
Positron: 'positron',
Hybrid: {
options: {
variant: 'hybrid',
ext: 'jpg'
}
},
Toner: 'toner',
Topo: 'topo',
Voyager: 'voyager'
}
},
TomTom: {
url: 'https://{s}.api.tomtom.com/map/1/tile/{variant}/{style}/{z}/{x}/{y}.{ext}?key={apikey}',
options: {
variant: 'basic',
maxZoom: 22,
attribution:
'< a href = "https://tomtom.com" target = "_blank" > © 1992 - ' + new Date().getFullYear() + ' TomTom.< / a > ',
subdomains: 'abcd',
style: 'main',
ext: 'png',
apikey: '< insert your API key here > ',
},
variants: {
Basic: 'basic',
Hybrid: 'hybrid',
Labels: 'labels'
}
},
Esri: {
url: 'https://server.arcgisonline.com/ArcGIS/rest/services/{variant}/MapServer/tile/{z}/{y}/{x}',
options: {
variant: 'World_Street_Map',
attribution: 'Tiles © Esri'
},
variants: {
WorldStreetMap: {
options: {
attribution:
'{attribution.Esri} — ' +
'Source: Esri, DeLorme, NAVTEQ, USGS, Intermap, iPC, NRCAN, Esri Japan, METI, Esri China (Hong Kong), Esri (Thailand), TomTom, 2012'
}
},
DeLorme: {
options: {
variant: 'Specialty/DeLorme_World_Base_Map',
minZoom: 1,
maxZoom: 11,
attribution: '{attribution.Esri} — Copyright: © 2012 DeLorme'
}
},
WorldTopoMap: {
options: {
variant: 'World_Topo_Map',
attribution:
'{attribution.Esri} — ' +
'Esri, DeLorme, NAVTEQ, TomTom, Intermap, iPC, USGS, FAO, NPS, NRCAN, GeoBase, Kadaster NL, Ordnance Survey, Esri Japan, METI, Esri China (Hong Kong), and the GIS User Community'
}
},
WorldImagery: {
options: {
variant: 'World_Imagery',
attribution:
'{attribution.Esri} — ' +
'Source: Esri, i-cubed, USDA, USGS, AEX, GeoEye, Getmapping, Aerogrid, IGN, IGP, UPR-EGP, and the GIS User Community'
}
},
WorldTerrain: {
options: {
variant: 'World_Terrain_Base',
maxZoom: 13,
attribution:
'{attribution.Esri} — ' +
'Source: USGS, Esri, TANA, DeLorme, and NPS'
}
},
WorldShadedRelief: {
options: {
variant: 'World_Shaded_Relief',
maxZoom: 13,
attribution: '{attribution.Esri} — Source: Esri'
}
},
WorldPhysical: {
options: {
variant: 'World_Physical_Map',
maxZoom: 8,
attribution: '{attribution.Esri} — Source: US National Park Service'
}
},
OceanBasemap: {
options: {
variant: 'Ocean/World_Ocean_Base',
maxZoom: 13,
attribution: '{attribution.Esri} — Sources: GEBCO, NOAA, CHS, OSU, UNH, CSUMB, National Geographic, DeLorme, NAVTEQ, and Esri'
}
},
NatGeoWorldMap: {
options: {
variant: 'NatGeo_World_Map',
maxZoom: 16,
attribution: '{attribution.Esri} — National Geographic, Esri, DeLorme, NAVTEQ, UNEP-WCMC, USGS, NASA, ESA, METI, NRCAN, GEBCO, NOAA, iPC'
}
},
WorldGrayCanvas: {
options: {
variant: 'Canvas/World_Light_Gray_Base',
maxZoom: 16,
attribution: '{attribution.Esri} — Esri, DeLorme, NAVTEQ'
}
}
}
},
OpenWeatherMap: {
url: 'http://{s}.tile.openweathermap.org/map/{variant}/{z}/{x}/{y}.png?appid={apiKey}',
options: {
maxZoom: 19,
attribution: 'Map data © < a href = "http://openweathermap.org" > OpenWeatherMap< / a > ',
apiKey: '< insert your api key here > ',
opacity: 0.5
},
variants: {
Clouds: 'clouds',
CloudsClassic: 'clouds_cls',
Precipitation: 'precipitation',
PrecipitationClassic: 'precipitation_cls',
Rain: 'rain',
RainClassic: 'rain_cls',
Pressure: 'pressure',
PressureContour: 'pressure_cntr',
Wind: 'wind',
Temperature: 'temp',
Snow: 'snow'
}
},
HERE: {
/*
* HERE maps, formerly Nokia maps.
* These basemaps are free, but you need an api id and app key. Please sign up at
* https://developer.here.com/plans
*/
url:
'https://{s}.{base}.maps.api.here.com/maptile/2.1/' +
'{type}/{mapID}/{variant}/{z}/{x}/{y}/{size}/{format}?' +
'app_id={app_id}& app_code={app_code}& lg={language}',
options: {
attribution:
'Map © 1987-' + new Date().getFullYear() + ' < a href = "http://developer.here.com" > HERE< / a > ',
subdomains: '1234',
mapID: 'newest',
'app_id': '< insert your app_id here > ',
'app_code': '< insert your app_code here > ',
base: 'base',
variant: 'normal.day',
maxZoom: 20,
type: 'maptile',
language: 'eng',
format: 'png8',
size: '256'
},
variants: {
normalDay: 'normal.day',
normalDayCustom: 'normal.day.custom',
normalDayGrey: 'normal.day.grey',
normalDayMobile: 'normal.day.mobile',
normalDayGreyMobile: 'normal.day.grey.mobile',
normalDayTransit: 'normal.day.transit',
normalDayTransitMobile: 'normal.day.transit.mobile',
normalDayTraffic: {
options: {
variant: 'normal.traffic.day',
base: 'traffic',
type: 'traffictile'
}
},
normalNight: 'normal.night',
normalNightMobile: 'normal.night.mobile',
normalNightGrey: 'normal.night.grey',
normalNightGreyMobile: 'normal.night.grey.mobile',
normalNightTransit: 'normal.night.transit',
normalNightTransitMobile: 'normal.night.transit.mobile',
reducedDay: 'reduced.day',
reducedNight: 'reduced.night',
basicMap: {
options: {
type: 'basetile'
}
},
mapLabels: {
options: {
type: 'labeltile',
format: 'png'
}
},
trafficFlow: {
options: {
base: 'traffic',
type: 'flowtile'
}
},
carnavDayGrey: 'carnav.day.grey',
hybridDay: {
options: {
base: 'aerial',
variant: 'hybrid.day'
}
},
hybridDayMobile: {
options: {
base: 'aerial',
variant: 'hybrid.day.mobile'
}
},
hybridDayTransit: {
options: {
base: 'aerial',
variant: 'hybrid.day.transit'
}
},
hybridDayGrey: {
options: {
base: 'aerial',
variant: 'hybrid.grey.day'
}
},
hybridDayTraffic: {
options: {
variant: 'hybrid.traffic.day',
base: 'traffic',
type: 'traffictile'
}
},
pedestrianDay: 'pedestrian.day',
pedestrianNight: 'pedestrian.night',
satelliteDay: {
options: {
base: 'aerial',
variant: 'satellite.day'
}
},
terrainDay: {
options: {
base: 'aerial',
variant: 'terrain.day'
}
},
terrainDayMobile: {
options: {
base: 'aerial',
variant: 'terrain.day.mobile'
}
}
}
},
HEREv3: {
/*
* HERE maps API Version 3.
* These basemaps are free, but you need an API key. Please sign up at
* https://developer.here.com/plans
* Version 3 deprecates the app_id and app_code access in favor of apiKey
*
* Supported access methods as of 2019/12/21:
* @see https://developer.here.com/faqs#access-control-1--how-do-you-control-access-to-here-location-services
*/
url:
'https://{s}.{base}.maps.ls.hereapi.com/maptile/2.1/' +
'{type}/{mapID}/{variant}/{z}/{x}/{y}/{size}/{format}?' +
'apiKey={apiKey}& lg={language}',
options: {
attribution:
'Map © 1987-' + new Date().getFullYear() + ' < a href = "http://developer.here.com" > HERE< / a > ',
subdomains: '1234',
mapID: 'newest',
apiKey: '< insert your apiKey here > ',
base: 'base',
variant: 'normal.day',
maxZoom: 20,
type: 'maptile',
language: 'eng',
format: 'png8',
size: '256'
},
variants: {
normalDay: 'normal.day',
normalDayCustom: 'normal.day.custom',
normalDayGrey: 'normal.day.grey',
normalDayMobile: 'normal.day.mobile',
normalDayGreyMobile: 'normal.day.grey.mobile',
normalDayTransit: 'normal.day.transit',
normalDayTransitMobile: 'normal.day.transit.mobile',
normalNight: 'normal.night',
normalNightMobile: 'normal.night.mobile',
normalNightGrey: 'normal.night.grey',
normalNightGreyMobile: 'normal.night.grey.mobile',
normalNightTransit: 'normal.night.transit',
normalNightTransitMobile: 'normal.night.transit.mobile',
reducedDay: 'reduced.day',
reducedNight: 'reduced.night',
basicMap: {
options: {
type: 'basetile'
}
},
mapLabels: {
options: {
type: 'labeltile',
format: 'png'
}
},
trafficFlow: {
options: {
base: 'traffic',
type: 'flowtile'
}
},
carnavDayGrey: 'carnav.day.grey',
hybridDay: {
options: {
base: 'aerial',
variant: 'hybrid.day'
}
},
hybridDayMobile: {
options: {
base: 'aerial',
variant: 'hybrid.day.mobile'
}
},
hybridDayTransit: {
options: {
base: 'aerial',
variant: 'hybrid.day.transit'
}
},
hybridDayGrey: {
options: {
base: 'aerial',
variant: 'hybrid.grey.day'
}
},
pedestrianDay: 'pedestrian.day',
pedestrianNight: 'pedestrian.night',
satelliteDay: {
options: {
base: 'aerial',
variant: 'satellite.day'
}
},
terrainDay: {
options: {
base: 'aerial',
variant: 'terrain.day'
}
},
terrainDayMobile: {
options: {
base: 'aerial',
variant: 'terrain.day.mobile'
}
}
}
},
FreeMapSK: {
url: 'https://{s}.freemap.sk/T/{z}/{x}/{y}.jpeg',
options: {
minZoom: 8,
maxZoom: 16,
subdomains: 'abcd',
bounds: [[47.204642, 15.996093], [49.830896, 22.576904]],
attribution:
'{attribution.OpenStreetMap}, visualization CC-By-SA 2.0 < a href = "http://freemap.sk" > Freemap.sk< / a > '
}
},
MtbMap: {
url: 'http://tile.mtbmap.cz/mtbmap_tiles/{z}/{x}/{y}.png',
options: {
attribution:
'{attribution.OpenStreetMap} & USGS'
}
},
CartoDB: {
url: 'https://{s}.basemaps.cartocdn.com/{variant}/{z}/{x}/{y}{r}.png',
options: {
attribution: '{attribution.OpenStreetMap} © < a href = "https://carto.com/attributions" > CARTO< / a > ',
subdomains: 'abcd',
maxZoom: 20,
variant: 'light_all'
},
variants: {
Positron: 'light_all',
PositronNoLabels: 'light_nolabels',
PositronOnlyLabels: 'light_only_labels',
DarkMatter: 'dark_all',
DarkMatterNoLabels: 'dark_nolabels',
DarkMatterOnlyLabels: 'dark_only_labels',
Voyager: 'rastertiles/voyager',
VoyagerNoLabels: 'rastertiles/voyager_nolabels',
VoyagerOnlyLabels: 'rastertiles/voyager_only_labels',
VoyagerLabelsUnder: 'rastertiles/voyager_labels_under'
}
},
HikeBike: {
url: 'https://tiles.wmflabs.org/{variant}/{z}/{x}/{y}.png',
options: {
maxZoom: 19,
attribution: '{attribution.OpenStreetMap}',
variant: 'hikebike'
},
variants: {
HikeBike: {},
HillShading: {
options: {
maxZoom: 15,
variant: 'hillshading'
}
}
}
},
BasemapAT: {
url: 'https://mapsneu.wien.gv.at/basemap/{variant}/{type}/google3857/{z}/{y}/{x}.{format}',
options: {
maxZoom: 19,
attribution: 'Datenquelle: < a href = "https://www.basemap.at" > basemap.at< / a > ',
type: 'normal',
format: 'png',
bounds: [[46.358770, 8.782379], [49.037872, 17.189532]],
variant: 'geolandbasemap'
},
variants: {
basemap: {
options: {
maxZoom: 20, // currently only in Vienna
variant: 'geolandbasemap'
}
},
grau: 'bmapgrau',
overlay: 'bmapoverlay',
terrain: {
options: {
variant: 'bmapgelaende',
type: 'grau',
format: 'jpeg'
}
},
surface: {
options: {
variant: 'bmapoberflaeche',
type: 'grau',
format: 'jpeg'
}
},
highdpi: {
options: {
variant: 'bmaphidpi',
format: 'jpeg'
}
},
orthofoto: {
options: {
maxZoom: 20, // currently only in Vienna
variant: 'bmaporthofoto30cm',
format: 'jpeg'
}
}
}
},
nlmaps: {
url: 'https://service.pdok.nl/brt/achtergrondkaart/wmts/v2_0/{variant}/EPSG:3857/{z}/{x}/{y}.png',
options: {
minZoom: 6,
maxZoom: 19,
bounds: [[50.5, 3.25], [54, 7.6]],
attribution: 'Kaartgegevens © < a href = "https://www.kadaster.nl" > Kadaster< / a > '
},
variants: {
'standaard': 'standaard',
'pastel': 'pastel',
'grijs': 'grijs',
'water': 'water',
'luchtfoto': {
'url': 'https://service.pdok.nl/hwh/luchtfotorgb/wmts/v1_0/Actueel_ortho25/EPSG:3857/{z}/{x}/{y}.jpeg',
}
}
},
NASAGIBS: {
url: 'https://map1.vis.earthdata.nasa.gov/wmts-webmerc/{variant}/default/{time}/{tilematrixset}{maxZoom}/{z}/{y}/{x}.{format}',
options: {
attribution:
'Imagery provided by services from the Global Imagery Browse Services (GIBS), operated by the NASA/GSFC/Earth Science Data and Information System ' +
'(< a href = "https://earthdata.nasa.gov" > ESDIS< / a > ) with funding provided by NASA/HQ.',
bounds: [[-85.0511287776, -179.999999975], [85.0511287776, 179.999999975]],
minZoom: 1,
maxZoom: 9,
format: 'jpg',
time: '',
tilematrixset: 'GoogleMapsCompatible_Level'
},
variants: {
ModisTerraTrueColorCR: 'MODIS_Terra_CorrectedReflectance_TrueColor',
ModisTerraBands367CR: 'MODIS_Terra_CorrectedReflectance_Bands367',
ViirsEarthAtNight2012: {
options: {
variant: 'VIIRS_CityLights_2012',
maxZoom: 8
}
},
ModisTerraLSTDay: {
options: {
variant: 'MODIS_Terra_Land_Surface_Temp_Day',
format: 'png',
maxZoom: 7,
opacity: 0.75
}
},
ModisTerraSnowCover: {
options: {
variant: 'MODIS_Terra_NDSI_Snow_Cover',
format: 'png',
maxZoom: 8,
opacity: 0.75
}
},
ModisTerraAOD: {
options: {
variant: 'MODIS_Terra_Aerosol',
format: 'png',
maxZoom: 6,
opacity: 0.75
}
},
ModisTerraChlorophyll: {
options: {
variant: 'MODIS_Terra_Chlorophyll_A',
format: 'png',
maxZoom: 7,
opacity: 0.75
}
}
}
},
NLS: {
// NLS maps are copyright National library of Scotland.
// http://maps.nls.uk/projects/api/index.html
// Please contact NLS for anything other than non-commercial low volume usage
//
// Map sources: Ordnance Survey 1:1m to 1:63K, 1920s-1940s
// z0-9 - 1:1m
// z10-11 - quarter inch (1:253440)
// z12-18 - one inch (1:63360)
url: 'https://nls-{s}.tileserver.com/nls/{z}/{x}/{y}.jpg',
options: {
attribution: '< a href = "http://geo.nls.uk/maps/" > National Library of Scotland Historic Maps< / a > ',
bounds: [[49.6, -12], [61.7, 3]],
minZoom: 1,
maxZoom: 18,
subdomains: '0123',
}
},
JusticeMap: {
// Justice Map (http://www.justicemap.org/)
// Visualize race and income data for your community, county and country.
// Includes tools for data journalists, bloggers and community activists.
url: 'https://www.justicemap.org/tile/{size}/{variant}/{z}/{x}/{y}.png',
options: {
attribution: '< a href = "http://www.justicemap.org/terms.php" > Justice Map< / a > ',
// one of 'county', 'tract', 'block'
size: 'county',
// Bounds for USA, including Alaska and Hawaii
bounds: [[14, -180], [72, -56]]
},
variants: {
income: 'income',
americanIndian: 'indian',
asian: 'asian',
black: 'black',
hispanic: 'hispanic',
multi: 'multi',
nonWhite: 'nonwhite',
white: 'white',
plurality: 'plural'
}
},
GeoportailFrance: {
url: 'https://wxs.ign.fr/{apikey}/geoportail/wmts?REQUEST=GetTile& SERVICE=WMTS& VERSION=1.0.0& STYLE={style}& TILEMATRIXSET=PM& FORMAT={format}& LAYER={variant}& TILEMATRIX={z}& TILEROW={y}& TILECOL={x}',
options: {
attribution: '< a target = "_blank" href = "https://www.geoportail.gouv.fr/" > Geoportail France< / a > ',
bounds: [[-75, -180], [81, 180]],
minZoom: 2,
maxZoom: 18,
// Get your own geoportail apikey here : http://professionnels.ign.fr/ign/contrats/
// NB : 'choisirgeoportail' is a demonstration key that comes with no guarantee
apikey: 'choisirgeoportail',
format: 'image/png',
style: 'normal',
variant: 'GEOGRAPHICALGRIDSYSTEMS.PLANIGNV2'
},
variants: {
plan: 'GEOGRAPHICALGRIDSYSTEMS.PLANIGNV2',
parcels: {
options: {
variant: 'CADASTRALPARCELS.PARCELLAIRE_EXPRESS',
style: 'PCI vecteur',
maxZoom: 20
}
},
orthos: {
options: {
maxZoom: 19,
format: 'image/jpeg',
variant: 'ORTHOIMAGERY.ORTHOPHOTOS'
}
}
}
},
OneMapSG: {
url: 'https://maps-{s}.onemap.sg/v3/{variant}/{z}/{x}/{y}.png',
options: {
variant: 'Default',
minZoom: 11,
maxZoom: 18,
bounds: [[1.56073, 104.11475], [1.16, 103.502]],
attribution: '< img src = "https://docs.onemap.sg/maps/images/oneMap64-01.png" style = "height:20px;width:20px;" / > New OneMap | Map data © contributors, < a href = "http://SLA.gov.sg" > Singapore Land Authority< / a > '
},
variants: {
Default: 'Default',
Night: 'Night',
Original: 'Original',
Grey: 'Grey',
LandLot: 'LandLot'
}
},
USGS: {
url: 'https://basemap.nationalmap.gov/arcgis/rest/services/USGSTopo/MapServer/tile/{z}/{y}/{x}',
options: {
maxZoom: 20,
attribution: 'Tiles courtesy of the < a href = "https://usgs.gov/" > U.S. Geological Survey< / a > '
},
variants: {
USTopo: {},
USImagery: {
url: 'https://basemap.nationalmap.gov/arcgis/rest/services/USGSImageryOnly/MapServer/tile/{z}/{y}/{x}'
},
USImageryTopo: {
url: 'https://basemap.nationalmap.gov/arcgis/rest/services/USGSImageryTopo/MapServer/tile/{z}/{y}/{x}'
}
}
},
WaymarkedTrails: {
url: 'https://tile.waymarkedtrails.org/{variant}/{z}/{x}/{y}.png',
options: {
maxZoom: 18,
attribution: 'Map data: {attribution.OpenStreetMap} | Map style: © < a href = "https://waymarkedtrails.org" > waymarkedtrails.org< / a > (< a href = "https://creativecommons.org/licenses/by-sa/3.0/" > CC-BY-SA< / a > )'
},
variants: {
hiking: 'hiking',
cycling: 'cycling',
mtb: 'mtb',
slopes: 'slopes',
riding: 'riding',
skating: 'skating'
}
},
OpenAIP: {
url: 'https://{s}.tile.maps.openaip.net/geowebcache/service/tms/1.0.0/openaip_basemap@EPSG%3A900913@png/{z}/{x}/{y}.{ext}',
options: {
attribution: '< a href = "https://www.openaip.net/" > openAIP Data< / a > (< a href = "https://creativecommons.org/licenses/by-sa/3.0/" > CC-BY-NC-SA< / a > )',
ext: 'png',
minZoom: 4,
maxZoom: 14,
tms: true,
detectRetina: true,
subdomains: '12'
}
},
OpenSnowMap: {
url: 'https://tiles.opensnowmap.org/{variant}/{z}/{x}/{y}.png',
options: {
minZoom: 9,
maxZoom: 18,
attribution: 'Map data: {attribution.OpenStreetMap} & ODbL, © < a href = "https://www.opensnowmap.org/iframes/data.html" > www.opensnowmap.org< / a > < a href = "https://creativecommons.org/licenses/by-sa/2.0/" > CC-BY-SA< / a > '
},
variants: {
pistes: 'pistes',
}
},
AzureMaps: {
url:
'https://atlas.microsoft.com/map/tile?api-version={apiVersion}'+
'& tilesetId={variant}& x={x}& y={y}& zoom={z}& language={language}'+
'& subscription-key={subscriptionKey}',
options: {
attribution: 'See https://docs.microsoft.com/en-us/rest/api/maps/render-v2/get-map-tile for details.',
apiVersion: '2.0',
variant: 'microsoft.imagery',
subscriptionKey: '< insert your subscription key here > ',
language: 'en-US',
},
variants: {
MicrosoftImagery: 'microsoft.imagery',
MicrosoftBaseDarkGrey: 'microsoft.base.darkgrey',
MicrosoftBaseRoad: 'microsoft.base.road',
MicrosoftBaseHybridRoad: 'microsoft.base.hybrid.road',
MicrosoftTerraMain: 'microsoft.terra.main',
MicrosoftWeatherInfraredMain: {
url:
'https://atlas.microsoft.com/map/tile?api-version={apiVersion}'+
'& tilesetId={variant}& x={x}& y={y}& zoom={z}'+
'& timeStamp={timeStamp}& language={language}' +
'& subscription-key={subscriptionKey}',
options: {
timeStamp: '2021-05-08T09:03:00Z',
attribution: 'See https://docs.microsoft.com/en-us/rest/api/maps/render-v2/get-map-tile#uri-parameters for details.',
variant: 'microsoft.weather.infrared.main',
},
},
MicrosoftWeatherRadarMain: {
url:
'https://atlas.microsoft.com/map/tile?api-version={apiVersion}'+
'& tilesetId={variant}& x={x}& y={y}& zoom={z}'+
'& timeStamp={timeStamp}& language={language}' +
'& subscription-key={subscriptionKey}',
options: {
timeStamp: '2021-05-08T09:03:00Z',
attribution: 'See https://docs.microsoft.com/en-us/rest/api/maps/render-v2/get-map-tile#uri-parameters for details.',
variant: 'microsoft.weather.radar.main',
},
}
},
},
SwissFederalGeoportal: {
url: 'https://wmts.geo.admin.ch/1.0.0/{variant}/default/current/3857/{z}/{x}/{y}.jpeg',
options: {
attribution: '© < a href = "https://www.swisstopo.admin.ch/" > swisstopo< / a > ',
minZoom: 2,
maxZoom: 18,
bounds: [[45.398181, 5.140242], [48.230651, 11.47757]]
},
variants: {
NationalMapColor: 'ch.swisstopo.pixelkarte-farbe',
NationalMapGrey: 'ch.swisstopo.pixelkarte-grau',
SWISSIMAGE: {
options: {
variant: 'ch.swisstopo.swissimage',
maxZoom: 19
}
}
}
}
};
L.tileLayer.provider = function (provider, options) {
return new L.TileLayer.Provider(provider, options);
};
return L;
}));
< / script >
< script > L e a f l e t W i d g e t . m e t h o d s . a d d P r o v i d e r T i l e s = f u n c t i o n ( p r o v i d e r , l a y e r I d , g r o u p , o p t i o n s ) {
this.layerManager.addLayer(L.tileLayer.provider(provider, options), "tile", layerId, group);
};
< / script >
< / head >
< body style = "background-color: white;" >
< div id = "htmlwidget_container" >
2025-01-27 16:51:18 -06:00
< div class = "leaflet html-widget html-fill-item" id = "htmlwidget-2f776bd1117fccd7a7fc" style = "width:100%;height:400px;" > < / div >
2024-04-10 11:26:50 -05:00
< / div >
2025-01-27 16:51:18 -06:00
< script type = "application/json" data-for = "htmlwidget-2f776bd1117fccd7a7fc" > { " x " : { " o p t i o n s " : { " c r s " : { " c r s C l a s s " : " L . C R S . E P S G 3 8 5 7 " , " c o d e " : n u l l , " p r o j 4 d e f " : n u l l , " p r o j e c t e d B o u n d s " : n u l l , " o p t i o n s " : { } } , " p r e f e r C a n v a s " : t r u e } , " c a l l s " : [ { " m e t h o d " : " a d d P r o v i d e r T i l e s " , " a r g s " : [ " S t a d i a . A l i d a d e S m o o t h " , n u l l , n u l l , { " e r r o r T i l e U r l " : " " , " n o W r a p " : f a l s e , " d e t e c t R e t i n a " : f a l s e } ] } , { " m e t h o d " : " a d d P o l y g o n s " , " a r g s " : [ [ [ [ { " l n g " : [ - 8 8 . 0 6 9 5 8 2 2 8 3 3 3 7 0 3 , - 8 8 . 0 6 9 5 8 2 3 0 0 3 3 2 9 , - 8 8 . 0 6 9 5 5 6 3 7 7 0 6 2 1 , - 8 8 . 0 6 9 5 8 2 4 2 2 6 1 4 9 3 , - 8 8 . 0 6 9 5 8 3 4 4 8 8 4 6 6 6 , - 8 8 . 0 6 9 5 8 3 4 5 4 4 8 4 7 , - 8 8 . 0 6 9 4 9 2 4 7 2 8 4 7 5 4 , - 8 8 . 0 6 9 3 7 8 5 1 6 7 2 9 5 1 , - 8 8 . 0 6 9 2 8 6 5 4 0 2 8 4 7 9 , - 8 8 . 0 6 9 2 4 3 5 6 0 8 1 7 5 8 , - 8 8 . 0 6 9 0 9 5 5 8 2 3 8 5 1 9 , - 8 8 . 0 6 8 8 8 3 6 0 4 0 5 9 4 7 , - 8 8 . 0 6 8 6 5 8 6 2 2 3 7 2 0 7 , - 8 8 . 0 6 8 6 1 6 6 2 5 7 3 1 7 2 , - 8 8 . 0 6 8 3 2 4 6 4 7 3 3 9 5 5 , - 8 8 . 0 6 8 0 3 0 6 6 8 9 5 9 1 , - 8 8 . 0 6 7 7 9 1 6 8 2 1 9 1 4 4 , - 8 8 . 0 6 7 7 3 5 6 9 1 2 1 8 4 9 , - 8 8 . 0 6 7 4 9 2 7 0 4 2 7 8 4 4 , - 8 8 . 0 6 7 4 5 8 7 1 3 6 9 2 5 3 , - 8 8 . 0 6 7 2 4 8 7 3 3 6 9 4 9 4 , - 8 8 . 0 6 7 1 4 3 7 5 0 8 5 3 2 8 , - 8 8 . 0 6 6 9 8 9 7 7 9 4 1 4 8 4 , - 8 8 . 0 6 6 9 3 4 7 9 7 0 0 2 6 , - 8 8 . 0 6 6 8 9 3 8 2 5 6 5 7 4 2 , - 8 8 . 0 6 6 8 9 2 8 2 5 7 1 6 5 4 , - 8 8 . 0 6 6 8 7 6 8 3 7 0 6 5 8 5 , - 8 8 . 0 6 6 8 5 7 8 4 8 5 9 3 0 5 , - 8 8 . 0 6 6 8 3 3 8 6 9 6 0 7 8 2 , - 8 8 . 0 6 6 8 2 1 8 7 1 6 3 5 6 1 , - 8 8 . 0 6 6 7 2 1 8 9 4 7 5 8 8 4 , - 8 8 . 0 6 6 5 9 8 9 1 7 5 9 8 1 6 , - 8 8 . 0 6 6 2 6 5 9 6 2 8 7 5 7 , - 8 8 . 0 6 6 2 6 3 9 6 3 3 7 0 1 5 , - 8 8 . 0 6 6 1 4 0 9 9 2 9 2 3 5 4 , - 8 8 . 0 6 6 0 2 2 0 1 1 6 8 4 4 2 , - 8 8 . 0 6 5 9 7 9 0 1 7 1 6 0 3 2 , - 8 8 . 0 6 5 6 6 5 0 5 1 6 5 9 2 9 , - 8 8 . 0 6 5 5 7 3 0 5 8 5 8 8 4 1 , - 8 8 . 0 6 5 5 8 6 0 6 3 6 4 4 3 9 , - 8 8 . 0 6 5 6 0 1 0 7 5 8 4 7 7 8 , - 8 8 . 0 6 5 6 1 8 0 7 8 7 8 1 7 1 , - 8 8 . 0 6 4 4 0 0 1 4 9 5 6 9 4 7 , - 8 8 . 0 6 4 4 9 3 1 5 1 8 5 0 9 , - 8 8 . 0 6 4 3 1 3 1 8 9 1 2 6 2 1 , - 8 8 . 0 6 4 2 7 3 1 9 5 7 2 2 7 9 , - 8 8 . 0 6 4 0 9 2 2 3 1 2 7 5 9 6 , - 8 8 . 0 6 3 6 6 9 2 4 1 0 2 7 3 6 , - 8 8 . 0 6 3 4 0 0 2 8 2 9 1 5 3 , - 8 8 . 0 6 3 3 5 0 2 8 9 5 6 0 0 9 , - 8 8 . 0 2 3 7 2 1 2 5 9 3 1 9 5 3 , - 8 8 . 0 0 3 8 1 1 2 4 3 8 5 3 4 6 , - 8 7 . 9 9 4 1 6 8 2 3 0 1 5 3 6 , - 8 7 . 9 8 3 9 5 5 2 1 1 6 0 0 6 6 , - 8 7 . 9 6 4 6 6 5 1 7 6 2 1 7 8 4 , - 8 7 . 9 5 9 2 5 2 1 6 6 2 9 3 9 9 , - 8 7 . 9 4 4 2 9 7 1 3 8 5 9 5 7 2 , - 8 7 . 9 2 4 6 5 9 1 0 2 4 4 8 5 3 , - 8 7 . 9 2 4 1 0 3 1 0 1 4 2 1 9 3 , - 8 7 . 8 9 8 7 7 1 0 5 5 6 0 9 0 6 , - 8 7 . 8 9 5 0 0 4 0 4 8 3 2 7 7 2 , - 8 7 . 8 9 2 0 8 6 8 3 2 2 1 9 6 5 , - 8 7 . 8 8 8 0 1 7 4 9 6 7 2 6 4 5 , - 8 7 . 8 8 7 5 8 3 0 1 0 6 9 6 3 6 , - 8 7 . 8 8 1 0 8 1 9 2 7 2 0 7 2 2 , - 8 7 . 8 8 1 4 9 2 9 4 1 8 7 8 5 8 , - 8 7 . 8 8 5 0 9 3 8 9 7 0 4 1 9 8 , - 8 7 . 8 8 5 2 3 4 4 1 6 2 6 4 7 8 , - 8 7 . 8 8 9 1 3 9 2 7 3 7 3 5 2 8 , - 8 7 . 8 8 9 1 5 5 6 4 1 1 8 4 3 2 , - 8 7 . 8 9 2 2 8 1 8 5 4 0 9 0 7 3 , - 8 7 . 9 0 0 2 8 1 8 2 2 6 8 4 1 1 , - 8 7 . 9 0 1 3 8 1 8 0 7 6 3 8 4 2 , - 8 7 . 9 0 1 3 8 0 4 2 0 1 8 2 8 5 , - 8 7 . 9 0 0 4 8 1 7 7 4 2 0 8 4 6 , - 8 7 . 8 9 9 2 0 8 2 5 5 9 3 0 7 7 , - 8 7 . 8 9 8 4 8 1 7 4 8 6 1 0 1 4 , - 8 7 . 8 9 4 4 6 6 2 0 0 2 8 3 3 9 , - 8 7 . 8 9 3 1 8 1 7 0 4 9 2 5 3 1 , - 8 7 . 8 7 9 1 6 5 2 5 5 4 4 3 5 8 , - 8 7 . 8 7 6 1 0 3 0 0 9 7 7 8 2 5 , - 8 7 . 8 7 6 0 8 0 5 9 4 7 1 4 1 7 , - 8 7 . 8 7 0 8 6 6 5 2 6 6 0 1 6 7 , - 8 7 . 8 7 0 7 5 9 3 2 7 5 1 0 2 6 , - 8 7 . 8 7 0 6 3 5 3 5 8 1 3 2 1 8 , - 8 7 . 8 6 9 9 1 0 5 1 1 4 4 2 7 7 , - 8 7 . 8 7 0 1 0 1 4 8 5 5 0 9 3 , - 8 7 . 8 7 0 1 0 6 3 3 5 7 7 5 7 7 , - 8 7 . 8 7 0 2 1 3 4 9 5 2 7 8 0 7 , - 8 7 . 8 6 8 7 0 8 6 1 2 8 8 4 4 , - 8 7 . 8 6 6 6 3 7 4 3 8 0 3 3 2 2 , - 8 7 . 8 6 6 4 8 0 4 5 6 6 8 3 5 3 , - 8 7 . 8 6 4 0 5 8 4 4 9 4 2 4 4 9 , - 8 7 . 8 6 3 8 0 2 4 3 1 6 1 1 9 9 , - 8 7 . 8 7 4 7 6 3 4 1 6 5 8 1 8 , - 8 7 . 8 7 5 4 6 4 4 1 0 4 5 3 9 4 , - 8 7 . 8 8 2 3 3 5 4 0 6 8 3 2 1 5 , - 8 7 . 8 8 6 4 1 1 4 1 4 7 0 4 6 5 , - 8 7 . 8 9 0 6 2 5 4 1 1 4 0 5 0 7 , - 8 7 . 8 9 4 9 9 6 3 9 9 2 4 6 3 4 , - 8 7 . 8 9 6 6 9 5 3 8 4 1 2 5 3 5 , - 8 7 . 8 9 6 9 5 8 3 7 9 5 9 4 4 5 , - 8 7 . 8 9 8 2 8 8 3 5 5 1 9 3 3 , - 8 7 . 8 9 8 6 5 6 6 7 2 9 3 1 1 , - 8 7 . 8 9 8 6 5 9 3 3 8 3 3 3 0 5 , - 8 7 . 8 9 8 5 2 9 6 9 0 9 3 1 3 8 , - 8 7 . 8 9 8 5 2 6 2 1 4 3 6 7 7 8 , - 8 7 . 8 9 8 3 9 8 3 9 4 7 9 5 0 4 , - 8 7 . 8 9 7 4 7 6 3 1 0 0 4 3 4 7 , - 8 7 . 8 9 1 6 0 9 2 3 3 6 2 3 5 3 , - 8 7 . 8 8 8 0 1 1 2 0 0 0 5 5 1 , - 8 7 . 8 8 7 0 0 3 5 1 0 6 3 5 1 4 , - 8 7 . 8 8 3 6 6 1 7 3 1 0 5 0 3 7 , - 8 7 . 8 8 2 7 5 3 1 0 8 5 5 4 4 7 , - 8 7 . 8 8 1 2 3 0 0 6 5 1 7 0 9 5 , - 8 7 . 8 7 9 7 0 7 0 8 2 4 9 6 8 6 , - 8 7 . 8 7 8 6 7 9 0 9 2 9 6 1 2 8 , - 8 7 . 8 7 1 2 9 4 0 5 1 3 1 6 , - 8 7 . 8 7 0 6 3 2 2 0 9 2 6 0 7 8 , - 8 7 . 8 6 8 8 5 7 4 2 5 2 9 9 5 9 , - 8 7 . 8 6 4 5 6 0 9 6 4 1 9 3 6 , - 8 7 . 8 5 7 1 7 7 8 7 6 8 9 6 4 2 , - 8 7 . 8 5 4 3 0 9 7 7 4 8 6 7 0 5 , - 8 7 . 8 4 9 9 6 8 7 7 4 7 2 2 5 4 , - 8 7 . 8 4 8 6 3 0 6 0 0 5 5 7 8 1 , - 8 7 . 8 4 7 6 6 5 1 8 9 3 7 1 4 3 , - 8 7 . 8 4 5 0 1 3 6 5 8 2 4 6 2 3 , - 8 7 . 8 4 5 5 5 0 5 9 7 7 4 3 2 1 , - 8 7 . 8 4 3 4 7 0 5 4 9 9 4 9 9 7 , - 8 7 . 8 4 3 4 1 8 9 0 4 6 3 8 8 1 , - 8 7 . 8 4 3 3 4 8 0 9 6 5 3 1 7 1 , - 8 7 . 8 4 3 3 0 2 4 8 0 4 5 5 9 2 , - 8 7 . 8 4 5 9 3 9 3 7 8 0 3 5 , - 8 7 . 8 4 5 5 8 0 6 0 5 7 4 0 2 4 , - 8 7 . 8 4 4 4 3 5 6 0 0 6 8 7 1 6 , - 8 7 . 8 4 3 9 8 0 2 6 4 9 9 5 8 2 , - 8 7 . 8 3 9 6 5 9 1 6 4 3 8 0 5 9 , - 8 7 . 8 4 2 7 4 0 1 0 8 6 9 3 2 1 , - 8 7 . 8 4 2 9 0 0 0 3 1 3 1 9 3 3 , - 8 7 . 8 4 5 1 1 7 1 0 5 1 3 5 9 4 , - 8 7 . 8 4 6 6 7 7 0 7 9 2 0 5 4 5 , - 8 7 . 8 4 7 8 2 9 0 4 1 9 2 8 7 2 , - 8 7 . 8 4 7 7 9 3 5 9 4 5 8 0 4 9 , - 8 7 . 8 4 7 1 9 5 8 3 8 2 3 1 9 5 , - 8 7 . 8 4 6 7 5 0 1 8 0 2 5 2 0 7 , - 8 7 . 8 4 6 6 6 7 9 7 5 5 7 5 4 6 , - 8 7 . 8 4 3 4 6 4 9 4 9 6 9 5 9 3 , - 8 7 . 8 4 3 6 9 3 9 0 1 7 2 8 3 2 , - 8 7 . 8 4 6 4 8 4 9 1 2 5 3 3 2 4 , - 8 7 . 8 4 3 1 5 4 7 9 0 8 9 8 9 9 , - 8 7 . 8 4 3 4 7 8 7 8 1 3 5 8 4 8 , - 8 7 . 8 4 2 5 1 9 9 5 9 8 9 7 5 4 , - 8 7 . 8 4 0 6 1 2 4 8 0 7 9 7 2 9 , - 8 7 . 8 3 8 9 2 4 6 6 1 9 2 1 4 , - 8 7 . 8 3 7 8 1 1 5 1 8 7 3 7 2 5 , - 8 7 . 8 3 5 5 4 2 5 4 4 1 2 7 4 3 , - 8 7 . 8 2 8 4 4 0 3 6 9 6 3 4 5 4 , - 8 7 . 8 2 7 1 2 9 1 3 0 3 6 1 8 3 , - 8 7 . 8 4 3 6 0 4 4 7 4 0 8 7 7 , - 8 7 . 8 5 2 7 7 4 5 6 3 0 2 3 1 7 , - 8 7 . 8 8 5 5 7 8 8 7 7 8 6 2 9 7 , - 8 7 . 8 9 3 8 0 5 9 5 6 7 7 6 7 7 , - 8 7 . 9 1 4 0 6 8 1 4 8 6 4 2 0 4 , - 8 7 . 9 2 6 5 7 6 2 6 9 2 9 5 7 2 , - 8 7 . 9 5 1 8 9 9 5 1 2 3 2 3 3 9 , - 8 7 . 9 8 1 2 4 8 7 9 0 1 5 9 4 6 , - 8 8 . 0 3 0 5 3 7 0 7 4 2 5 2 8 8 , - 8 8 . 0 4 0 9 6 8 1 1 0 7 1 3 2 8 , - 8 8 . 0 6 9 9 2 0 2 1 2 0 7 4 7 3 , - 8 8 . 0 6 9 5 8 2 2 8 3 3 3 7 0 3 ] , " l a t " : [ 4 2 . 8 6 7 2 6 5 7 1 7 7 9 0 3 9 , 4 2 . 8 7 2 8 8 1 7 2 4 8 4 5 3 2 , 4 2 . 8 9 8 2 5 9 7 5 6 8 2 7 4 9 , 4 2 . 9 1 3 2 8 7 7 7 5 6 0 4 1 8 , 4 2 . 9 2 1 9 5 4 7 8 6 4 8 8 2 6 , 4 2 . 9 2 3 8 1 7 7 8 8 8 2 8 6 1 , 4 2 . 9 2 9 9 5 7 7 9 6 8 5 8 2 1 , 4 2 . 9 4 4 5 3 5 8 1 5 5 2 6 4 4 , 4 2 . 9 5 2 3 7 6 8 2 5 6 4 5 5 2 , 4 2 . 9 5 9 1 8 1 8 3 4 2 9 8 2 6 , 4 2 . 9 6 6 3 9 2 8 4 3 7 6 2 7 3 , 4 2 . 9 7 3 6 6 8 8 5 3 4 6 2 4 3 , 4 2 . 9 7 9 8 3 2 8 6 1 7 7 2 7 , 4 2 . 9 8 0 9 6 2 8 6 3 2 9 4 0 8 , 4 2 . 9 8 8 2 3 2 8 7 3 1 0 8 7 4 , 4 2 . 9 9 5 4 8 9 8 8 2 8 5 3 6 8 , 4 2 . 9 9 9 9 5 1 8 8 8 9 6 2 , 4 3 . 0 0 2 8 1 9 8 8 7 2 3 8 2 7 , 4 3 . 0 0 7 0 4 0 8 8 4 9 5 3 4 5 , 4 3 . 0 1 0 0 1 6 8 8 2 9 9 9 0 1 , 4 3 . 0 1 6 4 0 1 8 7 9 1 3 8 0 2 , 4 3 . 0 2 1 8 4 2 8 7 5 6 6 0 6 8 , 4 3 . 0 3 0 8 8 7 8 6 9 8 2 1 3 3 , 4 3 . 0 3 6 4 3 8 8 6 6 1 3 8 9 2 , 4 3 . 0 4 5 4 6 0 8 6 0 0 3 6 0 6 , 4 3 . 0 4 5 4 7 9 8 6 0 0 2 5 3 2 , 4 3 . 0 4 9 0 5 2 8 5 7 6 0 7 0 7 , 4 3 .
< script type = "application/htmlwidget-sizing" data-for = "htmlwidget-2f776bd1117fccd7a7fc" > { "viewer" : { "width" : "100%" , "height" : 400 , "padding" : 0 , "fill" : true } , "browser" : { "width" : "100%" , "height" : 400 , "padding" : 0 , "fill" : true } } < / script >
2024-04-10 11:26:50 -05:00
< / body >
< / html >
