You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

28028 lines
2.8 MiB

3 years ago
/*
THIS IS A GENERATED/BUNDLED FILE BY ROLLUP
if you want to view the source visit the plugins github repository
*/
'use strict';
var obsidian = require('obsidian');
var path = require('path');
1 year ago
var child_process = require('child_process');
2 years ago
var view = require('@codemirror/view');
var state = require('@codemirror/state');
3 years ago
3 years ago
function _interopNamespace(e) {
if (e && e.__esModule) return e;
var n = Object.create(null);
if (e) {
Object.keys(e).forEach(function (k) {
if (k !== 'default') {
var d = Object.getOwnPropertyDescriptor(e, k);
1 year ago
Object.defineProperty(n, k, d.get ? d : {
enumerable: true,
get: function () { return e[k]; }
});
3 years ago
}
});
}
1 year ago
n["default"] = e;
3 years ago
return Object.freeze(n);
}
function _mergeNamespaces(n, m) {
m.forEach(function (e) {
1 year ago
e && typeof e !== 'string' && !Array.isArray(e) && Object.keys(e).forEach(function (k) {
if (k !== 'default' && !(k in n)) {
var d = Object.getOwnPropertyDescriptor(e, k);
Object.defineProperty(n, k, d.get ? d : {
enumerable: true,
get: function () { return e[k]; }
});
}
});
3 years ago
});
return Object.freeze(n);
}
1 year ago
var path__namespace = /*#__PURE__*/_interopNamespace(path);
/******************************************************************************
Copyright (c) Microsoft Corporation.
Permission to use, copy, modify, and/or distribute this software for any
purpose with or without fee is hereby granted.
THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
PERFORMANCE OF THIS SOFTWARE.
***************************************************************************** */
function __awaiter(thisArg, _arguments, P, generator) {
function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
return new (P || (P = Promise))(function (resolve, reject) {
function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
step((generator = generator.apply(thisArg, _arguments || [])).next());
});
3 years ago
}
3 years ago
const MAP_VIEW_NAME = 'map';
2 years ago
const MINI_MAP_VIEW_NAME = 'minimap';
3 years ago
const SEARCH_RESULT_MARKER = {
prefix: 'fas',
icon: 'fa-search',
markerColor: 'blue',
};
2 years ago
const CURRENT_LOCATION_MARKER = {
prefix: 'fas',
icon: 'fa-location-crosshairs',
markerColor: 'blue',
};
1 year ago
const ROUTING_SOURCE_MARKER = {
prefix: 'fas',
icon: 'fa-flag',
markerColor: 'red',
};
3 years ago
const MAX_CLUSTER_PREVIEW_ICONS = 4;
3 years ago
const HISTORY_SAVE_ZOOM_DIFF = 2;
3 years ago
const LAT_LIMITS = [-90, 90];
const LNG_LIMITS = [-180, 180];
const MAX_QUERY_SUGGESTIONS = 20;
3 years ago
const MAX_EXTERNAL_SEARCH_SUGGESTIONS = 5;
const MAX_MARKER_SUGGESTIONS = 5;
const MAX_ZOOM = 25;
const DEFAULT_MAX_TILE_ZOOM = 19;
2 years ago
const HIGHLIGHT_CLASS_NAME = 'map-view-highlight';
const DEFAULT_EMBEDDED_HEIGHT = 300;
const MIN_QUICK_EMBED_ZOOM = 8;
3 years ago
1 year ago
var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
3 years ago
function createCommonjsModule(fn) {
1 year ago
var module = { exports: {} };
return fn(module, module.exports), module.exports;
3 years ago
}
/* @preserve
3 years ago
* Leaflet 1.7.1, a JS library for interactive maps. http://leafletjs.com
* (c) 2010-2019 Vladimir Agafonkin, (c) 2010-2011 CloudMade
3 years ago
*/
var leafletSrc = createCommonjsModule(function (module, exports) {
1 year ago
(function (global, factory) {
factory(exports) ;
}(commonjsGlobal, (function (exports) {
var version = "1.7.1";
/*
* @namespace Util
*
* Various utility functions, used by Leaflet internally.
*/
// @function extend(dest: Object, src?: Object): Object
// Merges the properties of the `src` object (or multiple objects) into `dest` object and returns the latter. Has an `L.extend` shortcut.
function extend(dest) {
var i, j, len, src;
for (j = 1, len = arguments.length; j < len; j++) {
src = arguments[j];
for (i in src) {
dest[i] = src[i];
}
}
return dest;
}
// @function create(proto: Object, properties?: Object): Object
// Compatibility polyfill for [Object.create](https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Object/create)
var create = Object.create || (function () {
function F() {}
return function (proto) {
F.prototype = proto;
return new F();
};
})();
// @function bind(fn: Function, …): Function
// Returns a new function bound to the arguments passed, like [Function.prototype.bind](https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Function/bind).
// Has a `L.bind()` shortcut.
function bind(fn, obj) {
var slice = Array.prototype.slice;
if (fn.bind) {
return fn.bind.apply(fn, slice.call(arguments, 1));
}
var args = slice.call(arguments, 2);
return function () {
return fn.apply(obj, args.length ? args.concat(slice.call(arguments)) : arguments);
};
}
// @property lastId: Number
// Last unique ID used by [`stamp()`](#util-stamp)
var lastId = 0;
// @function stamp(obj: Object): Number
// Returns the unique ID of an object, assigning it one if it doesn't have it.
function stamp(obj) {
/*eslint-disable */
obj._leaflet_id = obj._leaflet_id || ++lastId;
return obj._leaflet_id;
/* eslint-enable */
}
// @function throttle(fn: Function, time: Number, context: Object): Function
// Returns a function which executes function `fn` with the given scope `context`
// (so that the `this` keyword refers to `context` inside `fn`'s code). The function
// `fn` will be called no more than one time per given amount of `time`. The arguments
// received by the bound function will be any arguments passed when binding the
// function, followed by any arguments passed when invoking the bound function.
// Has an `L.throttle` shortcut.
function throttle(fn, time, context) {
var lock, args, wrapperFn, later;
later = function () {
// reset lock and call if queued
lock = false;
if (args) {
wrapperFn.apply(context, args);
args = false;
}
};
wrapperFn = function () {
if (lock) {
// called too soon, queue to call later
args = arguments;
} else {
// call and lock until later
fn.apply(context, arguments);
setTimeout(later, time);
lock = true;
}
};
return wrapperFn;
}
// @function wrapNum(num: Number, range: Number[], includeMax?: Boolean): Number
// Returns the number `num` modulo `range` in such a way so it lies within
// `range[0]` and `range[1]`. The returned value will be always smaller than
// `range[1]` unless `includeMax` is set to `true`.
function wrapNum(x, range, includeMax) {
var max = range[1],
min = range[0],
d = max - min;
return x === max && includeMax ? x : ((x - min) % d + d) % d + min;
}
// @function falseFn(): Function
// Returns a function which always returns `false`.
function falseFn() { return false; }
// @function formatNum(num: Number, digits?: Number): Number
// Returns the number `num` rounded to `digits` decimals, or to 6 decimals by default.
function formatNum(num, digits) {
var pow = Math.pow(10, (digits === undefined ? 6 : digits));
return Math.round(num * pow) / pow;
}
// @function trim(str: String): String
// Compatibility polyfill for [String.prototype.trim](https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/String/Trim)
function trim(str) {
return str.trim ? str.trim() : str.replace(/^\s+|\s+$/g, '');
}
// @function splitWords(str: String): String[]
// Trims and splits the string on whitespace and returns the array of parts.
function splitWords(str) {
return trim(str).split(/\s+/);
}
// @function setOptions(obj: Object, options: Object): Object
// Merges the given properties to the `options` of the `obj` object, returning the resulting options. See `Class options`. Has an `L.setOptions` shortcut.
function setOptions(obj, options) {
if (!Object.prototype.hasOwnProperty.call(obj, 'options')) {
obj.options = obj.options ? create(obj.options) : {};
}
for (var i in options) {
obj.options[i] = options[i];
}
return obj.options;
}
// @function getParamString(obj: Object, existingUrl?: String, uppercase?: Boolean): String
// Converts an object into a parameter URL string, e.g. `{a: "foo", b: "bar"}`
// translates to `'?a=foo&b=bar'`. If `existingUrl` is set, the parameters will
// be appended at the end. If `uppercase` is `true`, the parameter names will
// be uppercased (e.g. `'?A=foo&B=bar'`)
function getParamString(obj, existingUrl, uppercase) {
var params = [];
for (var i in obj) {
params.push(encodeURIComponent(uppercase ? i.toUpperCase() : i) + '=' + encodeURIComponent(obj[i]));
}
return ((!existingUrl || existingUrl.indexOf('?') === -1) ? '?' : '&') + params.join('&');
}
var templateRe = /\{ *([\w_-]+) *\}/g;
// @function template(str: String, data: Object): String
// Simple templating facility, accepts a template string of the form `'Hello {a}, {b}'`
// and a data object like `{a: 'foo', b: 'bar'}`, returns evaluated string
// `('Hello foo, bar')`. You can also specify functions instead of strings for
// data values — they will be evaluated passing `data` as an argument.
function template(str, data) {
return str.replace(templateRe, function (str, key) {
var value = data[key];
if (value === undefined) {
throw new Error('No value provided for variable ' + str);
} else if (typeof value === 'function') {
value = value(data);
}
return value;
});
}
// @function isArray(obj): Boolean
// Compatibility polyfill for [Array.isArray](https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Array/isArray)
var isArray = Array.isArray || function (obj) {
return (Object.prototype.toString.call(obj) === '[object Array]');
};
// @function indexOf(array: Array, el: Object): Number
// Compatibility polyfill for [Array.prototype.indexOf](https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Array/indexOf)
function indexOf(array, el) {
for (var i = 0; i < array.length; i++) {
if (array[i] === el) { return i; }
}
return -1;
}
// @property emptyImageUrl: String
// Data URI string containing a base64-encoded empty GIF image.
// Used as a hack to free memory from unused images on WebKit-powered
// mobile devices (by setting image `src` to this string).
var emptyImageUrl = 'data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=';
// inspired by http://paulirish.com/2011/requestanimationframe-for-smart-animating/
function getPrefixed(name) {
return window['webkit' + name] || window['moz' + name] || window['ms' + name];
}
var lastTime = 0;
// fallback for IE 7-8
function timeoutDefer(fn) {
var time = +new Date(),
timeToCall = Math.max(0, 16 - (time - lastTime));
lastTime = time + timeToCall;
return window.setTimeout(fn, timeToCall);
}
var requestFn = window.requestAnimationFrame || getPrefixed('RequestAnimationFrame') || timeoutDefer;
var cancelFn = window.cancelAnimationFrame || getPrefixed('CancelAnimationFrame') ||
getPrefixed('CancelRequestAnimationFrame') || function (id) { window.clearTimeout(id); };
// @function requestAnimFrame(fn: Function, context?: Object, immediate?: Boolean): Number
// Schedules `fn` to be executed when the browser repaints. `fn` is bound to
// `context` if given. When `immediate` is set, `fn` is called immediately if
// the browser doesn't have native support for
// [`window.requestAnimationFrame`](https://developer.mozilla.org/docs/Web/API/window/requestAnimationFrame),
// otherwise it's delayed. Returns a request ID that can be used to cancel the request.
function requestAnimFrame(fn, context, immediate) {
if (immediate && requestFn === timeoutDefer) {
fn.call(context);
} else {
return requestFn.call(window, bind(fn, context));
}
}
// @function cancelAnimFrame(id: Number): undefined
// Cancels a previous `requestAnimFrame`. See also [window.cancelAnimationFrame](https://developer.mozilla.org/docs/Web/API/window/cancelAnimationFrame).
function cancelAnimFrame(id) {
if (id) {
cancelFn.call(window, id);
}
}
var Util = ({
extend: extend,
create: create,
bind: bind,
lastId: lastId,
stamp: stamp,
throttle: throttle,
wrapNum: wrapNum,
falseFn: falseFn,
formatNum: formatNum,
trim: trim,
splitWords: splitWords,
setOptions: setOptions,
getParamString: getParamString,
template: template,
isArray: isArray,
indexOf: indexOf,
emptyImageUrl: emptyImageUrl,
requestFn: requestFn,
cancelFn: cancelFn,
requestAnimFrame: requestAnimFrame,
cancelAnimFrame: cancelAnimFrame
});
// @class Class
// @aka L.Class
// @section
// @uninheritable
// Thanks to John Resig and Dean Edwards for inspiration!
function Class() {}
Class.extend = function (props) {
// @function extend(props: Object): Function
// [Extends the current class](#class-inheritance) given the properties to be included.
// Returns a Javascript function that is a class constructor (to be called with `new`).
var NewClass = function () {
// call the constructor
if (this.initialize) {
this.initialize.apply(this, arguments);
}
// call all constructor hooks
this.callInitHooks();
};
var parentProto = NewClass.__super__ = this.prototype;
var proto = create(parentProto);
proto.constructor = NewClass;
NewClass.prototype = proto;
// inherit parent's statics
for (var i in this) {
if (Object.prototype.hasOwnProperty.call(this, i) && i !== 'prototype' && i !== '__super__') {
NewClass[i] = this[i];
}
}
// mix static properties into the class
if (props.statics) {
extend(NewClass, props.statics);
delete props.statics;
}
// mix includes into the prototype
if (props.includes) {
checkDeprecatedMixinEvents(props.includes);
extend.apply(null, [proto].concat(props.includes));
delete props.includes;
}
// merge options
if (proto.options) {
props.options = extend(create(proto.options), props.options);
}
// mix given properties into the prototype
extend(proto, props);
proto._initHooks = [];
// add method for calling all hooks
proto.callInitHooks = function () {
if (this._initHooksCalled) { return; }
if (parentProto.callInitHooks) {
parentProto.callInitHooks.call(this);
}
this._initHooksCalled = true;
for (var i = 0, len = proto._initHooks.length; i < len; i++) {
proto._initHooks[i].call(this);
}
};
return NewClass;
};
// @function include(properties: Object): this
// [Includes a mixin](#class-includes) into the current class.
Class.include = function (props) {
extend(this.prototype, props);
return this;
};
// @function mergeOptions(options: Object): this
// [Merges `options`](#class-options) into the defaults of the class.
Class.mergeOptions = function (options) {
extend(this.prototype.options, options);
return this;
};
// @function addInitHook(fn: Function): this
// Adds a [constructor hook](#class-constructor-hooks) to the class.
Class.addInitHook = function (fn) { // (Function) || (String, args...)
var args = Array.prototype.slice.call(arguments, 1);
var init = typeof fn === 'function' ? fn : function () {
this[fn].apply(this, args);
};
this.prototype._initHooks = this.prototype._initHooks || [];
this.prototype._initHooks.push(init);
return this;
};
function checkDeprecatedMixinEvents(includes) {
if (typeof L === 'undefined' || !L || !L.Mixin) { return; }
includes = isArray(includes) ? includes : [includes];
for (var i = 0; i < includes.length; i++) {
if (includes[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);
}
}
}
/*
* @class Evented
* @aka L.Evented
* @inherits Class
*
* A set of methods shared between event-powered classes (like `Map` and `Marker`). Generally, events allow you to execute some function when something happens with an object (e.g. the user clicks on the map, causing the map to fire `'click'` event).
*
* @example
*
* ```js
* map.on('click', function(e) {
* alert(e.latlng);
* } );
* ```
*
* Leaflet deals with event listeners by reference, so if you want to add a listener and then remove it, define it as a function:
*
* ```js
* function onClick(e) { ... }
*
* map.on('click', onClick);
* map.off('click', onClick);
* ```
*/
var Events = {
/* @method on(type: String, fn: Function, context?: Object): this
* Adds a listener function (`fn`) to a particular event type of the object. You can optionally specify the context of the listener (object the this keyword will point to). You can also pass several space-separated types (e.g. `'click dblclick'`).
*
* @alternative
* @method on(eventMap: Object): this
* Adds a set of type/listener pairs, e.g. `{click: onClick, mousemove: onMouseMove}`
*/
on: function (types, fn, context) {
// types can be a map of types/handlers
if (typeof types === 'object') {
for (var type in types) {
// we don't process space-separated events here for performance;
// it's a hot path since Layer uses the on(obj) syntax
this._on(type, types[type], fn);
}
} else {
// types can be a string of space-separated words
types = splitWords(types);
for (var i = 0, len = types.length; i < len; i++) {
this._on(types[i], fn, context);
}
}
return this;
},
/* @method off(type: String, fn?: Function, context?: Object): this
* Removes a previously added listener function. If no function is specified, it will remove all the listeners of that particular event from the object. Note that if you passed a custom context to `on`, you must pass the same context to `off` in order to remove the listener.
*
* @alternative
* @method off(eventMap: Object): this
* Removes a set of type/listener pairs.
*
* @alternative
* @method off: this
* Removes all listeners to all events on the object. This includes implicitly attached events.
*/
off: function (types, fn, context) {
if (!types) {
// clear all listeners if called without arguments
delete this._events;
} else if (typeof types === 'object') {
for (var type in types) {
this._off(type, types[type], fn);
}
} else {
types = splitWords(types);
for (var i = 0, len = types.length; i < len; i++) {
this._off(types[i], fn, context);
}
}
return this;
},
// attach listener (without syntactic sugar now)
_on: function (type, fn, context) {
this._events = this._events || {};
/* get/init listeners for type */
var typeListeners = this._events[type];
if (!typeListeners) {
typeListeners = [];
this._events[type] = typeListeners;
}
if (context === this) {
// Less memory footprint.
context = undefined;
}
var newListener = {fn: fn, ctx: context},
listeners = typeListeners;
// check if fn already there
for (var i = 0, len = listeners.length; i < len; i++) {
if (listeners[i].fn === fn && listeners[i].ctx === context) {
return;
}
}
listeners.push(newListener);
},
_off: function (type, fn, context) {
var listeners,
i,
len;
if (!this._events) { return; }
listeners = this._events[type];
if (!listeners) {
return;
}
if (!fn) {
// Set all removed listeners to noop so they are not called if remove happens in fire
for (i = 0, len = listeners.length; i < len; i++) {
listeners[i].fn = falseFn;
}
// clear all listeners for a type if function isn't specified
delete this._events[type];
return;
}
if (context === this) {
context = undefined;
}
if (listeners) {
// find fn and remove it
for (i = 0, len = listeners.length; i < len; i++) {
var l = listeners[i];
if (l.ctx !== context) { continue; }
if (l.fn === fn) {
// set the removed listener to noop so that's not called if remove happens in fire
l.fn = falseFn;
if (this._firingCount) {
/* copy array in case events are being fired */
this._events[type] = listeners = listeners.slice();
}
listeners.splice(i, 1);
return;
}
}
}
},
// @method fire(type: String, data?: Object, propagate?: Boolean): this
// Fires an event of the specified type. You can optionally provide an data
// object — the first argument of the listener function will contain its
// properties. The event can optionally be propagated to event parents.
fire: function (type, data, propagate) {
if (!this.listens(type, propagate)) { return this; }
var event = extend({}, data, {
type: type,
target: this,
sourceTarget: data && data.sourceTarget || this
});
if (this._events) {
var listeners = this._events[type];
if (listeners) {
this._firingCount = (this._firingCount + 1) || 1;
for (var i = 0, len = listeners.length; i < len; i++) {
var l = listeners[i];
l.fn.call(l.ctx || this, event);
}
this._firingCount--;
}
}
if (propagate) {
// propagate the event to parents (set with addEventParent)
this._propagateEvent(event);
}
return this;
},
// @method listens(type: String): Boolean
// Returns `true` if a particular event type has any listeners attached to it.
listens: function (type, propagate) {
var listeners = this._events && this._events[type];
if (listeners && listeners.length) { return true; }
if (propagate) {
// also check parents for listeners if event propagates
for (var id in this._eventParents) {
if (this._eventParents[id].listens(type, propagate)) { return true; }
}
}
return false;
},
// @method once(…): this
// Behaves as [`on(…)`](#evented-on), except the listener will only get fired once and then removed.
once: function (types, fn, context) {
if (typeof types === 'object') {
for (var type in types) {
this.once(type, types[type], fn);
}
return this;
}
var handler = bind(function () {
this
.off(types, fn, context)
.off(types, handler, context);
}, this);
// add a listener that's executed once and removed after that
return this
.on(types, fn, context)
.on(types, handler, context);
},
// @method addEventParent(obj: Evented): this
// Adds an event parent - an `Evented` that will receive propagated events
addEventParent: function (obj) {
this._eventParents = this._eventParents || {};
this._eventParents[stamp(obj)] = obj;
return this;
},
// @method removeEventParent(obj: Evented): this
// Removes an event parent, so it will stop receiving propagated events
removeEventParent: function (obj) {
if (this._eventParents) {
delete this._eventParents[stamp(obj)];
}
return this;
},
_propagateEvent: function (e) {
for (var id in this._eventParents) {
this._eventParents[id].fire(e.type, extend({
layer: e.target,
propagatedFrom: e.target
}, e), true);
}
}
};
// aliases; we should ditch those eventually
// @method addEventListener(…): this
// Alias to [`on(…)`](#evented-on)
Events.addEventListener = Events.on;
// @method removeEventListener(…): this
// Alias to [`off(…)`](#evented-off)
// @method clearAllEventListeners(…): this
// Alias to [`off()`](#evented-off)
Events.removeEventListener = Events.clearAllEventListeners = Events.off;
// @method addOneTimeEventListener(…): this
// Alias to [`once(…)`](#evented-once)
Events.addOneTimeEventListener = Events.once;
// @method fireEvent(…): this
// Alias to [`fire(…)`](#evented-fire)
Events.fireEvent = Events.fire;
// @method hasEventListeners(…): Boolean
// Alias to [`listens(…)`](#evented-listens)
Events.hasEventListeners = Events.listens;
var Evented = Class.extend(Events);
/*
* @class Point
* @aka L.Point
*
* Represents a point with `x` and `y` coordinates in pixels.
*
* @example
*
* ```js
* var point = L.point(200, 300);
* ```
*
* All Leaflet methods and options that accept `Point` objects also accept them in a simple Array form (unless noted otherwise), so these lines are equivalent:
*
* ```js
* map.panBy([200, 300]);
* map.panBy(L.point(200, 300));
* ```
*
* Note that `Point` does not inherit from Leaflet's `Class` object,
* which means new classes can't inherit from it, and new methods
* can't be added to it with the `include` function.
*/
function Point(x, y, round) {
// @property x: Number; The `x` coordinate of the point
this.x = (round ? Math.round(x) : x);
// @property y: Number; The `y` coordinate of the point
this.y = (round ? Math.round(y) : y);
}
var trunc = Math.trunc || function (v) {
return v > 0 ? Math.floor(v) : Math.ceil(v);
};
Point.prototype = {
// @method clone(): Point
// Returns a copy of the current point.
clone: function () {
return new Point(this.x, this.y);
},
// @method add(otherPoint: Point): Point
// Returns the result of addition of the current and the given points.
add: function (point) {
// non-destructive, returns a new point
return this.clone()._add(toPoint(point));
},
_add: function (point) {
// destructive, used directly for performance in situations where it's safe to modify existing point
this.x += point.x;
this.y += point.y;
return this;
},
// @method subtract(otherPoint: Point): Point
// Returns the result of subtraction of the given point from the current.
subtract: function (point) {
return this.clone()._subtract(toPoint(point));
},
_subtract: function (point) {
this.x -= point.x;
this.y -= point.y;
return this;
},
// @method divideBy(num: Number): Point
// Returns the result of division of the current point by the given number.
divideBy: function (num) {
return this.clone()._divideBy(num);
},
_divideBy: function (num) {
this.x /= num;
this.y /= num;
return this;
},
// @method multiplyBy(num: Number): Point
// Returns the result of multiplication of the current point by the given number.
multiplyBy: function (num) {
return this.clone()._multiplyBy(num);
},
_multiplyBy: function (num) {
this.x *= num;
this.y *= num;
return this;
},
// @method scaleBy(scale: Point): Point
// Multiply each coordinate of the current point by each coordinate of
// `scale`. In linear algebra terms, multiply the point by the
// [scaling matrix](https://en.wikipedia.org/wiki/Scaling_%28geometry%29#Matrix_representation)
// defined by `scale`.
scaleBy: function (point) {
return new Point(this.x * point.x, this.y * point.y);
},
// @method unscaleBy(scale: Point): Point
// Inverse of `scaleBy`. Divide each coordinate of the current point by
// each coordinate of `scale`.
unscaleBy: function (point) {
return new Point(this.x / point.x, this.y / point.y);
},
// @method round(): Point
// Returns a copy of the current point with rounded coordinates.
round: function () {
return this.clone()._round();
},
_round: function () {
this.x = Math.round(this.x);
this.y = Math.round(this.y);
return this;
},
// @method floor(): Point
// Returns a copy of the current point with floored coordinates (rounded down).
floor: function () {
return this.clone()._floor();
},
_floor: function () {
this.x = Math.floor(this.x);
this.y = Math.floor(this.y);
return this;
},
// @method ceil(): Point
// Returns a copy of the current point with ceiled coordinates (rounded up).
ceil: function () {
return this.clone()._ceil();
},
_ceil: function () {
this.x = Math.ceil(this.x);
this.y = Math.ceil(this.y);
return this;
},
// @method trunc(): Point
// Returns a copy of the current point with truncated coordinates (rounded towards zero).
trunc: function () {
return this.clone()._trunc();
},
_trunc: function () {
this.x = trunc(this.x);
this.y = trunc(this.y);
return this;
},
// @method distanceTo(otherPoint: Point): Number
// Returns the cartesian distance between the current and the given points.
distanceTo: function (point) {
point = toPoint(point);
var x = point.x - this.x,
y = point.y - this.y;
return Math.sqrt(x * x + y * y);
},
// @method equals(otherPoint: Point): Boolean
// Returns `true` if the given point has the same coordinates.
equals: function (point) {
point = toPoint(point);
return point.x === this.x &&
point.y === this.y;
},
// @method contains(otherPoint: Point): Boolean
// Returns `true` if both coordinates of the given point are less than the corresponding current point coordinates (in absolute values).
contains: function (point) {
point = toPoint(point);
return Math.abs(point.x) <= Math.abs(this.x) &&
Math.abs(point.y) <= Math.abs(this.y);
},
// @method toString(): String
// Returns a string representation of the point for debugging purposes.
toString: function () {
return 'Point(' +
formatNum(this.x) + ', ' +
formatNum(this.y) + ')';
}
};
// @factory L.point(x: Number, y: Number, round?: Boolean)
// Creates a Point object with the given `x` and `y` coordinates. If optional `round` is set to true, rounds the `x` and `y` values.
// @alternative
// @factory L.point(coords: Number[])
// Expects an array of the form `[x, y]` instead.
// @alternative
// @factory L.point(coords: Object)
// Expects a plain object of the form `{x: Number, y: Number}` instead.
function toPoint(x, y, round) {
if (x instanceof Point) {
return x;
}
if (isArray(x)) {
return new Point(x[0], x[1]);
}
if (x === undefined || x === null) {
return x;
}
if (typeof x === 'object' && 'x' in x && 'y' in x) {
return new Point(x.x, x.y);
}
return new Point(x, y, round);
}
/*
* @class Bounds
* @aka L.Bounds
*
* Represents a rectangular area in pixel coordinates.
*
* @example
*
* ```js
* var p1 = L.point(10, 10),
* p2 = L.point(40, 60),
* bounds = L.bounds(p1, p2);
* ```
*
* All Leaflet methods that accept `Bounds` objects also accept them in a simple Array form (unless noted otherwise), so the bounds example above can be passed like this:
*
* ```js
* otherBounds.intersects([[10, 10], [40, 60]]);
* ```
*
* Note that `Bounds` does not inherit from Leaflet's `Class` object,
* which means new classes can't inherit from it, and new methods
* can't be added to it with the `include` function.
*/
function Bounds(a, b) {
if (!a) { return; }
var points = b ? [a, b] : a;
for (var i = 0, len = points.length; i < len; i++) {
this.extend(points[i]);
}
}
Bounds.prototype = {
// @method extend(point: Point): this
// Extends the bounds to contain the given point.
extend: function (point) { // (Point)
point = toPoint(point);
// @property min: Point
// The top left corner of the rectangle.
// @property max: Point
// The bottom right corner of the rectangle.
if (!this.min && !this.max) {
this.min = point.clone();
this.max = point.clone();
} else {
this.min.x = Math.min(point.x, this.min.x);
this.max.x = Math.max(point.x, this.max.x);
this.min.y = Math.min(point.y, this.min.y);
this.max.y = Math.max(point.y, this.max.y);
}
return this;
},
// @method getCenter(round?: Boolean): Point
// Returns the center point of the bounds.
getCenter: function (round) {
return new Point(
(this.min.x + this.max.x) / 2,
(this.min.y + this.max.y) / 2, round);
},
// @method getBottomLeft(): Point
// Returns the bottom-left point of the bounds.
getBottomLeft: function () {
return new Point(this.min.x, this.max.y);
},
// @method getTopRight(): Point
// Returns the top-right point of the bounds.
getTopRight: function () { // -> Point
return new Point(this.max.x, this.min.y);
},
// @method getTopLeft(): Point
// Returns the top-left point of the bounds (i.e. [`this.min`](#bounds-min)).
getTopLeft: function () {
return this.min; // left, top
},
// @method getBottomRight(): Point
// Returns the bottom-right point of the bounds (i.e. [`this.max`](#bounds-max)).
getBottomRight: function () {
return this.max; // right, bottom
},
// @method getSize(): Point
// Returns the size of the given bounds
getSize: function () {
return this.max.subtract(this.min);
},
// @method contains(otherBounds: Bounds): Boolean
// Returns `true` if the rectangle contains the given one.
// @alternative
// @method contains(point: Point): Boolean
// Returns `true` if the rectangle contains the given point.
contains: function (obj) {
var min, max;
if (typeof obj[0] === 'number' || obj instanceof Point) {
obj = toPoint(obj);
} else {
obj = toBounds(obj);
}
if (obj instanceof Bounds) {
min = obj.min;
max = obj.max;
} else {
min = max = obj;
}
return (min.x >= this.min.x) &&
(max.x <= this.max.x) &&
(min.y >= this.min.y) &&
(max.y <= this.max.y);
},
// @method intersects(otherBounds: Bounds): Boolean
// Returns `true` if the rectangle intersects the given bounds. Two bounds
// intersect if they have at least one point in common.
intersects: function (bounds) { // (Bounds) -> Boolean
bounds = toBounds(bounds);
var min = this.min,
max = this.max,
min2 = bounds.min,
max2 = bounds.max,
xIntersects = (max2.x >= min.x) && (min2.x <= max.x),
yIntersects = (max2.y >= min.y) && (min2.y <= max.y);
return xIntersects && yIntersects;
},
// @method overlaps(otherBounds: Bounds): Boolean
// Returns `true` if the rectangle overlaps the given bounds. Two bounds
// overlap if their intersection is an area.
overlaps: function (bounds) { // (Bounds) -> Boolean
bounds = toBounds(bounds);
var min = this.min,
max = this.max,
min2 = bounds.min,
max2 = bounds.max,
xOverlaps = (max2.x > min.x) && (min2.x < max.x),
yOverlaps = (max2.y > min.y) && (min2.y < max.y);
return xOverlaps && yOverlaps;
},
isValid: function () {
return !!(this.min && this.max);
}
};
// @factory L.bounds(corner1: Point, corner2: Point)
// Creates a Bounds object from two corners coordinate pairs.
// @alternative
// @factory L.bounds(points: Point[])
// Creates a Bounds object from the given array of points.
function toBounds(a, b) {
if (!a || a instanceof Bounds) {
return a;
}
return new Bounds(a, b);
}
/*
* @class LatLngBounds
* @aka L.LatLngBounds
*
* Represents a rectangular geographical area on a map.
*
* @example
*
* ```js
* var corner1 = L.latLng(40.712, -74.227),
* corner2 = L.latLng(40.774, -74.125),
* bounds = L.latLngBounds(corner1, corner2);
* ```
*
* All Leaflet methods that accept LatLngBounds objects also accept them in a simple Array form (unless noted otherwise), so the bounds example above can be passed like this:
*
* ```js
* map.fitBounds([
* [40.712, -74.227],
* [40.774, -74.125]
* ]);
* ```
*
* Caution: if the area crosses the antimeridian (often confused with the International Date Line), you must specify corners _outside_ the [-180, 180] degrees longitude range.
*
* Note that `LatLngBounds` does not inherit from Leaflet's `Class` object,
* which means new classes can't inherit from it, and new methods
* can't be added to it with the `include` function.
*/
function LatLngBounds(corner1, corner2) { // (LatLng, LatLng) or (LatLng[])
if (!corner1) { return; }
var latlngs = corner2 ? [corner1, corner2] : corner1;
for (var i = 0, len = latlngs.length; i < len; i++) {
this.extend(latlngs[i]);
}
}
LatLngBounds.prototype = {
// @method extend(latlng: LatLng): this
// Extend the bounds to contain the given point
// @alternative
// @method extend(otherBounds: LatLngBounds): this
// Extend the bounds to contain the given bounds
extend: function (obj) {
var sw = this._southWest,
ne = this._northEast,
sw2, ne2;
if (obj instanceof LatLng) {
sw2 = obj;
ne2 = obj;
} else if (obj instanceof LatLngBounds) {
sw2 = obj._southWest;
ne2 = obj._northEast;
if (!sw2 || !ne2) { return this; }
} else {
return obj ? this.extend(toLatLng(obj) || toLatLngBounds(obj)) : this;
}
if (!sw && !ne) {
this._southWest = new LatLng(sw2.lat, sw2.lng);
this._northEast = new LatLng(ne2.lat, ne2.lng);
} else {
sw.lat = Math.min(sw2.lat, sw.lat);
sw.lng = Math.min(sw2.lng, sw.lng);
ne.lat = Math.max(ne2.lat, ne.lat);
ne.lng = Math.max(ne2.lng, ne.lng);
}
return this;
},
// @method pad(bufferRatio: Number): LatLngBounds
// Returns bounds created by extending or retracting the current bounds by a given ratio in each direction.
// For example, a ratio of 0.5 extends the bounds by 50% in each direction.
// Negative values will retract the bounds.
pad: function (bufferRatio) {
var sw = this._southWest,
ne = this._northEast,
heightBuffer = Math.abs(sw.lat - ne.lat) * bufferRatio,
widthBuffer = Math.abs(sw.lng - ne.lng) * bufferRatio;
return new LatLngBounds(
new LatLng(sw.lat - heightBuffer, sw.lng - widthBuffer),
new LatLng(ne.lat + heightBuffer, ne.lng + widthBuffer));
},
// @method getCenter(): LatLng
// Returns the center point of the bounds.
getCenter: function () {
return new LatLng(
(this._southWest.lat + this._northEast.lat) / 2,
(this._southWest.lng + this._northEast.lng) / 2);
},
// @method getSouthWest(): LatLng
// Returns the south-west point of the bounds.
getSouthWest: function () {
return this._southWest;
},
// @method getNorthEast(): LatLng
// Returns the north-east point of the bounds.
getNorthEast: function () {
return this._northEast;
},
// @method getNorthWest(): LatLng
// Returns the north-west point of the bounds.
getNorthWest: function () {
return new LatLng(this.getNorth(), this.getWest());
},
// @method getSouthEast(): LatLng
// Returns the south-east point of the bounds.
getSouthEast: function () {
return new LatLng(this.getSouth(), this.getEast());
},
// @method getWest(): Number
// Returns the west longitude of the bounds
getWest: function () {
return this._southWest.lng;
},
// @method getSouth(): Number
// Returns the south latitude of the bounds
getSouth: function () {
return this._southWest.lat;
},
// @method getEast(): Number
// Returns the east longitude of the bounds
getEast: function () {
return this._northEast.lng;
},
// @method getNorth(): Number
// Returns the north latitude of the bounds
getNorth: function () {
return this._northEast.lat;
},
// @method contains(otherBounds: LatLngBounds): Boolean
// Returns `true` if the rectangle contains the given one.
// @alternative
// @method contains (latlng: LatLng): Boolean
// Returns `true` if the rectangle contains the given point.
contains: function (obj) { // (LatLngBounds) or (LatLng) -> Boolean
if (typeof obj[0] === 'number' || obj instanceof LatLng || 'lat' in obj) {
obj = toLatLng(obj);
} else {
obj = toLatLngBounds(obj);
}
var sw = this._southWest,
ne = this._northEast,
sw2, ne2;
if (obj instanceof LatLngBounds) {
sw2 = obj.getSouthWest();
ne2 = obj.getNorthEast();
} else {
sw2 = ne2 = obj;
}
return (sw2.lat >= sw.lat) && (ne2.lat <= ne.lat) &&
(sw2.lng >= sw.lng) && (ne2.lng <= ne.lng);
},
// @method intersects(otherBounds: LatLngBounds): Boolean
// Returns `true` if the rectangle intersects the given bounds. Two bounds intersect if they have at least one point in common.
intersects: function (bounds) {
bounds = toLatLngBounds(bounds);
var sw = this._southWest,
ne = this._northEast,
sw2 = bounds.getSouthWest(),
ne2 = bounds.getNorthEast(),
latIntersects = (ne2.lat >= sw.lat) && (sw2.lat <= ne.lat),
lngIntersects = (ne2.lng >= sw.lng) && (sw2.lng <= ne.lng);
return latIntersects && lngIntersects;
},
// @method overlaps(otherBounds: LatLngBounds): Boolean
// Returns `true` if the rectangle overlaps the given bounds. Two bounds overlap if their intersection is an area.
overlaps: function (bounds) {
bounds = toLatLngBounds(bounds);
var sw = this._southWest,
ne = this._northEast,
sw2 = bounds.getSouthWest(),
ne2 = bounds.getNorthEast(),
latOverlaps = (ne2.lat > sw.lat) && (sw2.lat < ne.lat),
lngOverlaps = (ne2.lng > sw.lng) && (sw2.lng < ne.lng);
return latOverlaps && lngOverlaps;
},
// @method toBBoxString(): String
// Returns a string with bounding box coordinates in a 'southwest_lng,southwest_lat,northeast_lng,northeast_lat' format. Useful for sending requests to web services that return geo data.
toBBoxString: function () {
return [this.getWest(), this.getSouth(), this.getEast(), this.getNorth()].join(',');
},
// @method equals(otherBounds: LatLngBounds, maxMargin?: Number): Boolean
// Returns `true` if the rectangle is equivalent (within a small margin of error) to the given bounds. The margin of error can be overridden by setting `maxMargin` to a small number.
equals: function (bounds, maxMargin) {
if (!bounds) { return false; }
bounds = toLatLngBounds(bounds);
return this._southWest.equals(bounds.getSouthWest(), maxMargin) &&
this._northEast.equals(bounds.getNorthEast(), maxMargin);
},
// @method isValid(): Boolean
// Returns `true` if the bounds are properly initialized.
isValid: function () {
return !!(this._southWest && this._northEast);
}
};
// TODO International date line?
// @factory L.latLngBounds(corner1: LatLng, corner2: LatLng)
// Creates a `LatLngBounds` object by defining two diagonally opposite corners of the rectangle.
// @alternative
// @factory L.latLngBounds(latlngs: LatLng[])
// Creates a `LatLngBounds` object defined by the geographical points it contains. Very useful for zooming the map to fit a particular set of locations with [`fitBounds`](#map-fitbounds).
function toLatLngBounds(a, b) {
if (a instanceof LatLngBounds) {
return a;
}
return new LatLngBounds(a, b);
}
/* @class LatLng
* @aka L.LatLng
*
* Represents a geographical point with a certain latitude and longitude.
*
* @example
*
* ```
* var latlng = L.latLng(50.5, 30.5);
* ```
*
* All Leaflet methods that accept LatLng objects also accept them in a simple Array form and simple object form (unless noted otherwise), so these lines are equivalent:
*
* ```
* map.panTo([50, 30]);
* map.panTo({lon: 30, lat: 50});
* map.panTo({lat: 50, lng: 30});
* map.panTo(L.latLng(50, 30));
* ```
*
* Note that `LatLng` does not inherit from Leaflet's `Class` object,
* which means new classes can't inherit from it, and new methods
* can't be added to it with the `include` function.
*/
function LatLng(lat, lng, alt) {
if (isNaN(lat) || isNaN(lng)) {
throw new Error('Invalid LatLng object: (' + lat + ', ' + lng + ')');
}
// @property lat: Number
// Latitude in degrees
this.lat = +lat;
// @property lng: Number
// Longitude in degrees
this.lng = +lng;
// @property alt: Number
// Altitude in meters (optional)
if (alt !== undefined) {
this.alt = +alt;
}
}
LatLng.prototype = {
// @method equals(otherLatLng: LatLng, maxMargin?: Number): Boolean
// Returns `true` if the given `LatLng` point is at the same position (within a small margin of error). The margin of error can be overridden by setting `maxMargin` to a small number.
equals: function (obj, maxMargin) {
if (!obj) { return false; }
obj = toLatLng(obj);
var margin = Math.max(
Math.abs(this.lat - obj.lat),
Math.abs(this.lng - obj.lng));
return margin <= (maxMargin === undefined ? 1.0E-9 : maxMargin);
},
// @method toString(): String
// Returns a string representation of the point (for debugging purposes).
toString: function (precision) {
return 'LatLng(' +
formatNum(this.lat, precision) + ', ' +
formatNum(this.lng, precision) + ')';
},
// @method distanceTo(otherLatLng: LatLng): Number
// Returns the distance (in meters) to the given `LatLng` calculated using the [Spherical Law of Cosines](https://en.wikipedia.org/wiki/Spherical_law_of_cosines).
distanceTo: function (other) {
return Earth.distance(this, toLatLng(other));
},
// @method wrap(): LatLng
// Returns a new `LatLng` object with the longitude wrapped so it's always between -180 and +180 degrees.
wrap: function () {
return Earth.wrapLatLng(this);
},
// @method toBounds(sizeInMeters: Number): LatLngBounds
// Returns a new `LatLngBounds` object in which each boundary is `sizeInMeters/2` meters apart from the `LatLng`.
toBounds: function (sizeInMeters) {
var latAccuracy = 180 * sizeInMeters / 40075017,
lngAccuracy = latAccuracy / Math.cos((Math.PI / 180) * this.lat);
return toLatLngBounds(
[this.lat - latAccuracy, this.lng - lngAccuracy],
[this.lat + latAccuracy, this.lng + lngAccuracy]);
},
clone: function () {
return new LatLng(this.lat, this.lng, this.alt);
}
};
// @factory L.latLng(latitude: Number, longitude: Number, altitude?: Number): LatLng
// Creates an object representing a geographical point with the given latitude and longitude (and optionally altitude).
// @alternative
// @factory L.latLng(coords: Array): LatLng
// Expects an array of the form `[Number, Number]` or `[Number, Number, Number]` instead.
// @alternative
// @factory L.latLng(coords: Object): LatLng
// Expects an plain object of the form `{lat: Number, lng: Number}` or `{lat: Number, lng: Number, alt: Number}` instead.
function toLatLng(a, b, c) {
if (a instanceof LatLng) {
return a;
}
if (isArray(a) && typeof a[0] !== 'object') {
if (a.length === 3) {
return new LatLng(a[0], a[1], a[2]);
}
if (a.length === 2) {
return new LatLng(a[0], a[1]);
}
return null;
}
if (a === undefined || a === null) {
return a;
}
if (typeof a === 'object' && 'lat' in a) {
return new LatLng(a.lat, 'lng' in a ? a.lng : a.lon, a.alt);
}
if (b === undefined) {
return null;
}
return new LatLng(a, b, c);
}
/*
* @namespace CRS
* @crs L.CRS.Base
* Object that defines coordinate reference systems for projecting
* geographical points into pixel (screen) coordinates and back (and to
* coordinates in other units for [WMS](https://en.wikipedia.org/wiki/Web_Map_Service) services). See
* [spatial reference system](http://en.wikipedia.org/wiki/Coordinate_reference_system).
*
* Leaflet defines the most usual CRSs by default. If you want to use a
* CRS not defined by default, take a look at the
* [Proj4Leaflet](https://github.com/kartena/Proj4Leaflet) plugin.
*
* Note that the CRS instances do not inherit from Leaflet's `Class` object,
* and can't be instantiated. Also, new classes can't inherit from them,
* and methods can't be added to them with the `include` function.
*/
var CRS = {
// @method latLngToPoint(latlng: LatLng, zoom: Number): Point
// Projects geographical coordinates into pixel coordinates for a given zoom.
latLngToPoint: function (latlng, zoom) {
var projectedPoint = this.projection.project(latlng),
scale = this.scale(zoom);
return this.transformation._transform(projectedPoint, scale);
},
// @method pointToLatLng(point: Point, zoom: Number): LatLng
// The inverse of `latLngToPoint`. Projects pixel coordinates on a given
// zoom into geographical coordinates.
pointToLatLng: function (point, zoom) {
var scale = this.scale(zoom),
untransformedPoint = this.transformation.untransform(point, scale);
return this.projection.unproject(untransformedPoint);
},
// @method project(latlng: LatLng): Point
// Projects geographical coordinates into coordinates in units accepted for
// this CRS (e.g. meters for EPSG:3857, for passing it to WMS services).
project: function (latlng) {
return this.projection.project(latlng);
},
// @method unproject(point: Point): LatLng
// Given a projected coordinate returns the corresponding LatLng.
// The inverse of `project`.
unproject: function (point) {
return this.projection.unproject(point);
},
// @method scale(zoom: Number): Number
// Returns the scale used when transforming projected coordinates into
// pixel coordinates for a particular zoom. For example, it returns
// `256 * 2^zoom` for Mercator-based CRS.
scale: function (zoom) {
return 256 * Math.pow(2, zoom);
},
// @method zoom(scale: Number): Number
// Inverse of `scale()`, returns the zoom level corresponding to a scale
// factor of `scale`.
zoom: function (scale) {
return Math.log(scale / 256) / Math.LN2;
},
// @method getProjectedBounds(zoom: Number): Bounds
// Returns the projection's bounds scaled and transformed for the provided `zoom`.
getProjectedBounds: function (zoom) {
if (this.infinite) { return null; }
var b = this.projection.bounds,
s = this.scale(zoom),
min = this.transformation.transform(b.min, s),
max = this.transformation.transform(b.max, s);
return new Bounds(min, max);
},
// @method distance(latlng1: LatLng, latlng2: LatLng): Number
// Returns the distance between two geographical coordinates.
// @property code: String
// Standard code name of the CRS passed into WMS services (e.g. `'EPSG:3857'`)
//
// @property wrapLng: Number[]
// An array of two numbers defining whether the longitude (horizontal) coordinate
// axis wraps around a given range and how. Defaults to `[-180, 180]` in most
// geographical CRSs. If `undefined`, the longitude axis does not wrap around.
//
// @property wrapLat: Number[]
// Like `wrapLng`, but for the latitude (vertical) axis.
// wrapLng: [min, max],
// wrapLat: [min, max],
// @property infinite: Boolean
// If true, the coordinate space will be unbounded (infinite in both axes)
infinite: false,
// @method wrapLatLng(latlng: LatLng): LatLng
// Returns a `LatLng` where lat and lng has been wrapped according to the
// CRS's `wrapLat` and `wrapLng` properties, if they are outside the CRS's bounds.
wrapLatLng: function (latlng) {
var lng = this.wrapLng ? wrapNum(latlng.lng, this.wrapLng, true) : latlng.lng,
lat = this.wrapLat ? wrapNum(latlng.lat, this.wrapLat, true) : latlng.lat,
alt = latlng.alt;
return new LatLng(lat, lng, alt);
},
// @method wrapLatLngBounds(bounds: LatLngBounds): LatLngBounds
// Returns a `LatLngBounds` with the same size as the given one, ensuring
// that its center is within the CRS's bounds.
// Only accepts actual `L.LatLngBounds` instances, not arrays.
wrapLatLngBounds: function (bounds) {
var center = bounds.getCenter(),
newCenter = this.wrapLatLng(center),
latShift = center.lat - newCenter.lat,
lngShift = center.lng - newCenter.lng;
if (latShift === 0 && lngShift === 0) {
return bounds;
}
var sw = bounds.getSouthWest(),
ne = bounds.getNorthEast(),
newSw = new LatLng(sw.lat - latShift, sw.lng - lngShift),
newNe = new LatLng(ne.lat - latShift, ne.lng - lngShift);
return new LatLngBounds(newSw, newNe);
}
};
/*
* @namespace CRS
* @crs L.CRS.Earth
*
* Serves as the base for CRS that are global such that they cover the earth.
* Can only be used as the base for other CRS and cannot be used directly,
* since it does not have a `code`, `projection` or `transformation`. `distance()` returns
* meters.
*/
2 years ago
1 year ago
var Earth = extend({}, CRS, {
wrapLng: [-180, 180],
// Mean Earth Radius, as recommended for use by
// the International Union of Geodesy and Geophysics,
// see http://rosettacode.org/wiki/Haversine_formula
R: 6371000,
// distance between two geographical points using spherical law of cosines approximation
distance: function (latlng1, latlng2) {
var rad = Math.PI / 180,
lat1 = latlng1.lat * rad,
lat2 = latlng2.lat * rad,
sinDLat = Math.sin((latlng2.lat - latlng1.lat) * rad / 2),
sinDLon = Math.sin((latlng2.lng - latlng1.lng) * rad / 2),
a = sinDLat * sinDLat + Math.cos(lat1) * Math.cos(lat2) * sinDLon * sinDLon,
c = 2 * Math.atan2(Math.sqrt(a), Math.sqrt(1 - a));
return this.R * c;
}
});
/*
* @namespace Projection
* @projection L.Projection.SphericalMercator
*
* Spherical Mercator projection the most common projection for online maps,
* used by almost all free and commercial tile providers. Assumes that Earth is
* a sphere. Used by the `EPSG:3857` CRS.
*/
var earthRadius = 6378137;
var SphericalMercator = {
R: earthRadius,
MAX_LATITUDE: 85.0511287798,
project: function (latlng) {
var d = Math.PI / 180,
max = this.MAX_LATITUDE,
lat = Math.max(Math.min(max, latlng.lat), -max),
sin = Math.sin(lat * d);
return new Point(
this.R * latlng.lng * d,
this.R * Math.log((1 + sin) / (1 - sin)) / 2);
},
unproject: function (point) {
var d = 180 / Math.PI;
return new LatLng(
(2 * Math.atan(Math.exp(point.y / this.R)) - (Math.PI / 2)) * d,
point.x * d / this.R);
},
bounds: (function () {
var d = earthRadius * Math.PI;
return new Bounds([-d, -d], [d, d]);
})()
};
/*
* @class Transformation
* @aka L.Transformation
*
* Represents an affine transformation: a set of coefficients `a`, `b`, `c`, `d`
* for transforming a point of a form `(x, y)` into `(a*x + b, c*y + d)` and doing
* the reverse. Used by Leaflet in its projections code.
*
* @example
*
* ```js
* var transformation = L.transformation(2, 5, -1, 10),
* p = L.point(1, 2),
* p2 = transformation.transform(p), // L.point(7, 8)
* p3 = transformation.untransform(p2); // L.point(1, 2)
* ```
*/
// factory new L.Transformation(a: Number, b: Number, c: Number, d: Number)
// Creates a `Transformation` object with the given coefficients.
function Transformation(a, b, c, d) {
if (isArray(a)) {
// use array properties
this._a = a[0];
this._b = a[1];
this._c = a[2];
this._d = a[3];
return;
}
this._a = a;
this._b = b;
this._c = c;
this._d = d;
}
Transformation.prototype = {
// @method transform(point: Point, scale?: Number): Point
// Returns a transformed point, optionally multiplied by the given scale.
// Only accepts actual `L.Point` instances, not arrays.
transform: function (point, scale) { // (Point, Number) -> Point
return this._transform(point.clone(), scale);
},
// destructive transform (faster)
_transform: function (point, scale) {
scale = scale || 1;
point.x = scale * (this._a * point.x + this._b);
point.y = scale * (this._c * point.y + this._d);
return point;
},
// @method untransform(point: Point, scale?: Number): Point
// Returns the reverse transformation of the given point, optionally divided
// by the given scale. Only accepts actual `L.Point` instances, not arrays.
untransform: function (point, scale) {
scale = scale || 1;
return new Point(
(point.x / scale - this._b) / this._a,
(point.y / scale - this._d) / this._c);
}
};
// factory L.transformation(a: Number, b: Number, c: Number, d: Number)
// @factory L.transformation(a: Number, b: Number, c: Number, d: Number)
// Instantiates a Transformation object with the given coefficients.
// @alternative
// @factory L.transformation(coefficients: Array): Transformation
// Expects an coefficients array of the form
// `[a: Number, b: Number, c: Number, d: Number]`.
function toTransformation(a, b, c, d) {
return new Transformation(a, b, c, d);
}
/*
* @namespace CRS
* @crs L.CRS.EPSG3857
*
* The most common CRS for online maps, used by almost all free and commercial
* tile providers. Uses Spherical Mercator projection. Set in by default in
* Map's `crs` option.
*/
var EPSG3857 = extend({}, Earth, {
code: 'EPSG:3857',
projection: SphericalMercator,
transformation: (function () {
var scale = 0.5 / (Math.PI * SphericalMercator.R);
return toTransformation(scale, 0.5, -scale, 0.5);
}())
});
var EPSG900913 = extend({}, EPSG3857, {
code: 'EPSG:900913'
});
// @namespace SVG; @section
// There are several static functions which can be called without instantiating L.SVG:
// @function create(name: String): SVGElement
// Returns a instance of [SVGElement](https://developer.mozilla.org/docs/Web/API/SVGElement),
// corresponding to the class name passed. For example, using 'line' will return
// an instance of [SVGLineElement](https://developer.mozilla.org/docs/Web/API/SVGLineElement).
function svgCreate(name) {
return document.createElementNS('http://www.w3.org/2000/svg', name);
}
// @function pointsToPath(rings: Point[], closed: Boolean): String
// Generates a SVG path string for multiple rings, with each ring turning
// into "M..L..L.." instructions
function pointsToPath(rings, closed) {
var str = '',
i, j, len, len2, points, p;
for (i = 0, len = rings.length; i < len; i++) {
points = rings[i];
for (j = 0, len2 = points.length; j < len2; j++) {
p = points[j];
str += (j ? 'L' : 'M') + p.x + ' ' + p.y;
}
// closes the ring for polygons; "x" is VML syntax
str += closed ? (svg ? 'z' : 'x') : '';
}
// SVG complains about empty path strings
return str || 'M0 0';
}
/*
* @namespace Browser
* @aka L.Browser
*
* A namespace with static properties for browser/feature detection used by Leaflet internally.
*
* @example
*
* ```js
* if (L.Browser.ielt9) {
* alert('Upgrade your browser, dude!');
* }
* ```
*/
var style$1 = document.documentElement.style;
// @property ie: Boolean; `true` for all Internet Explorer versions (not Edge).
var ie = 'ActiveXObject' in window;
// @property ielt9: Boolean; `true` for Internet Explorer versions less than 9.
var ielt9 = ie && !document.addEventListener;
// @property edge: Boolean; `true` for the Edge web browser.
var edge = 'msLaunchUri' in navigator && !('documentMode' in document);
// @property webkit: Boolean;
// `true` for webkit-based browsers like Chrome and Safari (including mobile versions).
var webkit = userAgentContains('webkit');
// @property android: Boolean
// `true` for any browser running on an Android platform.
var android = userAgentContains('android');
// @property android23: Boolean; `true` for browsers running on Android 2 or Android 3.
var android23 = userAgentContains('android 2') || userAgentContains('android 3');
/* See https://stackoverflow.com/a/17961266 for details on detecting stock Android */
var webkitVer = parseInt(/WebKit\/([0-9]+)|$/.exec(navigator.userAgent)[1], 10); // also matches AppleWebKit
// @property androidStock: Boolean; `true` for the Android stock browser (i.e. not Chrome)
var androidStock = android && userAgentContains('Google') && webkitVer < 537 && !('AudioNode' in window);
// @property opera: Boolean; `true` for the Opera browser
var opera = !!window.opera;
// @property chrome: Boolean; `true` for the Chrome browser.
var chrome = !edge && userAgentContains('chrome');
// @property gecko: Boolean; `true` for gecko-based browsers like Firefox.
var gecko = userAgentContains('gecko') && !webkit && !opera && !ie;
// @property safari: Boolean; `true` for the Safari browser.
var safari = !chrome && userAgentContains('safari');
var phantom = userAgentContains('phantom');
// @property opera12: Boolean
// `true` for the Opera browser supporting CSS transforms (version 12 or later).
var opera12 = 'OTransition' in style$1;
// @property win: Boolean; `true` when the browser is running in a Windows platform
var win = navigator.platform.indexOf('Win') === 0;
// @property ie3d: Boolean; `true` for all Internet Explorer versions supporting CSS transforms.
var ie3d = ie && ('transition' in style$1);
// @property webkit3d: Boolean; `true` for webkit-based browsers supporting CSS transforms.
var webkit3d = ('WebKitCSSMatrix' in window) && ('m11' in new window.WebKitCSSMatrix()) && !android23;
// @property gecko3d: Boolean; `true` for gecko-based browsers supporting CSS transforms.
var gecko3d = 'MozPerspective' in style$1;
// @property any3d: Boolean
// `true` for all browsers supporting CSS transforms.
var any3d = !window.L_DISABLE_3D && (ie3d || webkit3d || gecko3d) && !opera12 && !phantom;
// @property mobile: Boolean; `true` for all browsers running in a mobile device.
var mobile = typeof orientation !== 'undefined' || userAgentContains('mobile');
// @property mobileWebkit: Boolean; `true` for all webkit-based browsers in a mobile device.
var mobileWebkit = mobile && webkit;
// @property mobileWebkit3d: Boolean
// `true` for all webkit-based browsers in a mobile device supporting CSS transforms.
var mobileWebkit3d = mobile && webkit3d;
// @property msPointer: Boolean
// `true` for browsers implementing the Microsoft touch events model (notably IE10).
var msPointer = !window.PointerEvent && window.MSPointerEvent;
// @property pointer: Boolean
// `true` for all browsers supporting [pointer events](https://msdn.microsoft.com/en-us/library/dn433244%28v=vs.85%29.aspx).
var pointer = !!(window.PointerEvent || msPointer);
// @property touch: Boolean
// `true` for all browsers supporting [touch events](https://developer.mozilla.org/docs/Web/API/Touch_events).
// This does not necessarily mean that the browser is running in a computer with
// a touchscreen, it only means that the browser is capable of understanding
// touch events.
var touch = !window.L_NO_TOUCH && (pointer || 'ontouchstart' in window ||
(window.DocumentTouch && document instanceof window.DocumentTouch));
// @property mobileOpera: Boolean; `true` for the Opera browser in a mobile device.
var mobileOpera = mobile && opera;
// @property mobileGecko: Boolean
// `true` for gecko-based browsers running in a mobile device.
var mobileGecko = mobile && gecko;
// @property retina: Boolean
// `true` for browsers on a high-resolution "retina" screen or on any screen when browser's display zoom is more than 100%.
var retina = (window.devicePixelRatio || (window.screen.deviceXDPI / window.screen.logicalXDPI)) > 1;
// @property passiveEvents: Boolean
// `true` for browsers that support passive events.
var passiveEvents = (function () {
var supportsPassiveOption = false;
try {
var opts = Object.defineProperty({}, 'passive', {
get: function () { // eslint-disable-line getter-return
supportsPassiveOption = true;
}
});
window.addEventListener('testPassiveEventSupport', falseFn, opts);
window.removeEventListener('testPassiveEventSupport', falseFn, opts);
} catch (e) {
// Errors can safely be ignored since this is only a browser support test.
}
return supportsPassiveOption;
}());
// @property canvas: Boolean
// `true` when the browser supports [`<canvas>`](https://developer.mozilla.org/docs/Web/API/Canvas_API).
var canvas = (function () {
return !!document.createElement('canvas').getContext;
}());
// @property svg: Boolean
// `true` when the browser supports [SVG](https://developer.mozilla.org/docs/Web/SVG).
var svg = !!(document.createElementNS && svgCreate('svg').createSVGRect);
// @property vml: Boolean
// `true` if the browser supports [VML](https://en.wikipedia.org/wiki/Vector_Markup_Language).
var vml = !svg && (function () {
try {
var div = document.createElement('div');
div.innerHTML = '<v:shape adj="1"/>';
var shape = div.firstChild;
shape.style.behavior = 'url(#default#VML)';
return shape && (typeof shape.adj === 'object');
} catch (e) {
return false;
}
}());
function userAgentContains(str) {
return navigator.userAgent.toLowerCase().indexOf(str) >= 0;
}
var Browser = ({
ie: ie,
ielt9: ielt9,
edge: edge,
webkit: webkit,
android: android,
android23: android23,
androidStock: androidStock,
opera: opera,
chrome: chrome,
gecko: gecko,
safari: safari,
phantom: phantom,
opera12: opera12,
win: win,
ie3d: ie3d,
webkit3d: webkit3d,
gecko3d: gecko3d,
any3d: any3d,
mobile: mobile,
mobileWebkit: mobileWebkit,
mobileWebkit3d: mobileWebkit3d,
msPointer: msPointer,
pointer: pointer,
touch: touch,
mobileOpera: mobileOpera,
mobileGecko: mobileGecko,
retina: retina,
passiveEvents: passiveEvents,
canvas: canvas,
svg: svg,
vml: vml
});
/*
* Extends L.DomEvent to provide touch support for Internet Explorer and Windows-based devices.
*/
2 years ago
1 year ago
var POINTER_DOWN = msPointer ? 'MSPointerDown' : 'pointerdown';
var POINTER_MOVE = msPointer ? 'MSPointerMove' : 'pointermove';
var POINTER_UP = msPointer ? 'MSPointerUp' : 'pointerup';
var POINTER_CANCEL = msPointer ? 'MSPointerCancel' : 'pointercancel';
3 years ago
1 year ago
var _pointers = {};
var _pointerDocListener = false;
3 years ago
1 year ago
// Provides a touch events wrapper for (ms)pointer events.
// ref http://www.w3.org/TR/pointerevents/ https://www.w3.org/Bugs/Public/show_bug.cgi?id=22890
3 years ago
1 year ago
function addPointerListener(obj, type, handler, id) {
if (type === 'touchstart') {
_addPointerStart(obj, handler, id);
3 years ago
1 year ago
} else if (type === 'touchmove') {
_addPointerMove(obj, handler, id);
} else if (type === 'touchend') {
_addPointerEnd(obj, handler, id);
}
return this;
}
function removePointerListener(obj, type, id) {
var handler = obj['_leaflet_' + type + id];
if (type === 'touchstart') {
obj.removeEventListener(POINTER_DOWN, handler, false);
} else if (type === 'touchmove') {
obj.removeEventListener(POINTER_MOVE, handler, false);
} else if (type === 'touchend') {
obj.removeEventListener(POINTER_UP, handler, false);
obj.removeEventListener(POINTER_CANCEL, handler, false);
}
return this;
}
function _addPointerStart(obj, handler, id) {
var onDown = bind(function (e) {
// IE10 specific: MsTouch needs preventDefault. See #2000
if (e.MSPOINTER_TYPE_TOUCH && e.pointerType === e.MSPOINTER_TYPE_TOUCH) {
preventDefault(e);
}
_handlePointer(e, handler);
});
obj['_leaflet_touchstart' + id] = onDown;
obj.addEventListener(POINTER_DOWN, onDown, false);
// need to keep track of what pointers and how many are active to provide e.touches emulation
if (!_pointerDocListener) {
// we listen document as any drags that end by moving the touch off the screen get fired there
document.addEventListener(POINTER_DOWN, _globalPointerDown, true);
document.addEventListener(POINTER_MOVE, _globalPointerMove, true);
document.addEventListener(POINTER_UP, _globalPointerUp, true);
document.addEventListener(POINTER_CANCEL, _globalPointerUp, true);
_pointerDocListener = true;
}
}
function _globalPointerDown(e) {
_pointers[e.pointerId] = e;
}
function _globalPointerMove(e) {
if (_pointers[e.pointerId]) {
_pointers[e.pointerId] = e;
}
}
function _globalPointerUp(e) {
delete _pointers[e.pointerId];
}
function _handlePointer(e, handler) {
e.touches = [];
for (var i in _pointers) {
e.touches.push(_pointers[i]);
}
e.changedTouches = [e];
handler(e);
}
function _addPointerMove(obj, handler, id) {
var onMove = function (e) {
// don't fire touch moves when mouse isn't down
if ((e.pointerType === (e.MSPOINTER_TYPE_MOUSE || 'mouse')) && e.buttons === 0) {
return;
}
_handlePointer(e, handler);
};
obj['_leaflet_touchmove' + id] = onMove;
obj.addEventListener(POINTER_MOVE, onMove, false);
}
function _addPointerEnd(obj, handler, id) {
var onUp = function (e) {
_handlePointer(e, handler);
};
obj['_leaflet_touchend' + id] = onUp;
obj.addEventListener(POINTER_UP, onUp, false);
obj.addEventListener(POINTER_CANCEL, onUp, false);
}
/*
* Extends the event handling code with double tap support for mobile browsers.
*/
var _touchstart = msPointer ? 'MSPointerDown' : pointer ? 'pointerdown' : 'touchstart';
var _touchend = msPointer ? 'MSPointerUp' : pointer ? 'pointerup' : 'touchend';
var _pre = '_leaflet_';
// inspired by Zepto touch code by Thomas Fuchs
function addDoubleTapListener(obj, handler, id) {
var last, touch$$1,
doubleTap = false,
delay = 250;
function onTouchStart(e) {
if (pointer) {
if (!e.isPrimary) { return; }
if (e.pointerType === 'mouse') { return; } // mouse fires native dblclick
} else if (e.touches.length > 1) {
return;
}
var now = Date.now(),
delta = now - (last || now);
touch$$1 = e.touches ? e.touches[0] : e;
doubleTap = (delta > 0 && delta <= delay);
last = now;
}
function onTouchEnd(e) {
if (doubleTap && !touch$$1.cancelBubble) {
if (pointer) {
if (e.pointerType === 'mouse') { return; }
// work around .type being readonly with MSPointer* events
var newTouch = {},
prop, i;
for (i in touch$$1) {
prop = touch$$1[i];
newTouch[i] = prop && prop.bind ? prop.bind(touch$$1) : prop;
}
touch$$1 = newTouch;
}
touch$$1.type = 'dblclick';
touch$$1.button = 0;
handler(touch$$1);
last = null;
}
}
obj[_pre + _touchstart + id] = onTouchStart;
obj[_pre + _touchend + id] = onTouchEnd;
obj[_pre + 'dblclick' + id] = handler;
obj.addEventListener(_touchstart, onTouchStart, passiveEvents ? {passive: false} : false);
obj.addEventListener(_touchend, onTouchEnd, passiveEvents ? {passive: false} : false);
// On some platforms (notably, chrome<55 on win10 + touchscreen + mouse),
// the browser doesn't fire touchend/pointerup events but does fire
// native dblclicks. See #4127.
// Edge 14 also fires native dblclicks, but only for pointerType mouse, see #5180.
obj.addEventListener('dblclick', handler, false);
return this;
}
function removeDoubleTapListener(obj, id) {
var touchstart = obj[_pre + _touchstart + id],
touchend = obj[_pre + _touchend + id],
dblclick = obj[_pre + 'dblclick' + id];
obj.removeEventListener(_touchstart, touchstart, passiveEvents ? {passive: false} : false);
obj.removeEventListener(_touchend, touchend, passiveEvents ? {passive: false} : false);
obj.removeEventListener('dblclick', dblclick, false);
return this;
}
/*
* @namespace DomUtil
*
* Utility functions to work with the [DOM](https://developer.mozilla.org/docs/Web/API/Document_Object_Model)
* tree, used by Leaflet internally.
*
* Most functions expecting or returning a `HTMLElement` also work for
* SVG elements. The only difference is that classes refer to CSS classes
* in HTML and SVG classes in SVG.
*/
// @property TRANSFORM: String
// Vendor-prefixed transform style name (e.g. `'webkitTransform'` for WebKit).
var TRANSFORM = testProp(
['transform', 'webkitTransform', 'OTransform', 'MozTransform', 'msTransform']);
// webkitTransition comes first because some browser versions that drop vendor prefix don't do
// the same for the transitionend event, in particular the Android 4.1 stock browser
// @property TRANSITION: String
// Vendor-prefixed transition style name.
var TRANSITION = testProp(
['webkitTransition', 'transition', 'OTransition', 'MozTransition', 'msTransition']);
// @property TRANSITION_END: String
// Vendor-prefixed transitionend event name.
var TRANSITION_END =
TRANSITION === 'webkitTransition' || TRANSITION === 'OTransition' ? TRANSITION + 'End' : 'transitionend';
// @function get(id: String|HTMLElement): HTMLElement
// Returns an element given its DOM id, or returns the element itself
// if it was passed directly.
function get(id) {
return typeof id === 'string' ? document.getElementById(id) : id;
}
// @function getStyle(el: HTMLElement, styleAttrib: String): String
// Returns the value for a certain style attribute on an element,
// including computed values or values set through CSS.
function getStyle(el, style) {
var value = el.style[style] || (el.currentStyle && el.currentStyle[style]);
if ((!value || value === 'auto') && document.defaultView) {
var css = document.defaultView.getComputedStyle(el, null);
value = css ? css[style] : null;
}
return value === 'auto' ? null : value;
}
// @function create(tagName: String, className?: String, container?: HTMLElement): HTMLElement
// Creates an HTML element with `tagName`, sets its class to `className`, and optionally appends it to `container` element.
function create$1(tagName, className, container) {
var el = document.createElement(tagName);
el.className = className || '';
if (container) {
container.appendChild(el);
}
return el;
}
// @function remove(el: HTMLElement)
// Removes `el` from its parent element
function remove(el) {
var parent = el.parentNode;
if (parent) {
parent.removeChild(el);
}
}
// @function empty(el: HTMLElement)
// Removes all of `el`'s children elements from `el`
function empty(el) {
while (el.firstChild) {
el.removeChild(el.firstChild);
}
}
// @function toFront(el: HTMLElement)
// Makes `el` the last child of its parent, so it renders in front of the other children.
function toFront(el) {
var parent = el.parentNode;
if (parent && parent.lastChild !== el) {
parent.appendChild(el);
}
}
// @function toBack(el: HTMLElement)
// Makes `el` the first child of its parent, so it renders behind the other children.
function toBack(el) {
var parent = el.parentNode;
if (parent && parent.firstChild !== el) {
parent.insertBefore(el, parent.firstChild);
}
}
// @function hasClass(el: HTMLElement, name: String): Boolean
// Returns `true` if the element's class attribute contains `name`.
function hasClass(el, name) {
if (el.classList !== undefined) {
return el.classList.contains(name);
}
var className = getClass(el);
return className.length > 0 && new RegExp('(^|\\s)' + name + '(\\s|$)').test(className);
}
// @function addClass(el: HTMLElement, name: String)
// Adds `name` to the element's class attribute.
function addClass(el, name) {
if (el.classList !== undefined) {
var classes = splitWords(name);
for (var i = 0, len = classes.length; i < len; i++) {
el.classList.add(classes[i]);
}
} else if (!hasClass(el, name)) {
var className = getClass(el);
setClass(el, (className ? className + ' ' : '') + name);
}
}
// @function removeClass(el: HTMLElement, name: String)
// Removes `name` from the element's class attribute.
function removeClass(el, name) {
if (el.classList !== undefined) {
el.classList.remove(name);
} else {
setClass(el, trim((' ' + getClass(el) + ' ').replace(' ' + name + ' ', ' ')));
}
}
// @function setClass(el: HTMLElement, name: String)
// Sets the element's class.
function setClass(el, name) {
if (el.className.baseVal === undefined) {
el.className = name;
} else {
// in case of SVG element
el.className.baseVal = name;
}
}
// @function getClass(el: HTMLElement): String
// Returns the element's class.
function getClass(el) {
// Check if the element is an SVGElementInstance and use the correspondingElement instead
// (Required for linked SVG elements in IE11.)
if (el.correspondingElement) {
el = el.correspondingElement;
}
return el.className.baseVal === undefined ? el.className : el.className.baseVal;
}
// @function setOpacity(el: HTMLElement, opacity: Number)
// Set the opacity of an element (including old IE support).
// `opacity` must be a number from `0` to `1`.
function setOpacity(el, value) {
if ('opacity' in el.style) {
el.style.opacity = value;
} else if ('filter' in el.style) {
_setOpacityIE(el, value);
}
}
function _setOpacityIE(el, value) {
var filter = false,
filterName = 'DXImageTransform.Microsoft.Alpha';
// filters collection throws an error if we try to retrieve a filter that doesn't exist
try {
filter = el.filters.item(filterName);
} catch (e) {
// don't set opacity to 1 if we haven't already set an opacity,
// it isn't needed and breaks transparent pngs.
if (value === 1) { return; }
}
value = Math.round(value * 100);
if (filter) {
filter.Enabled = (value !== 100);
filter.Opacity = value;
} else {
el.style.filter += ' progid:' + filterName + '(opacity=' + value + ')';
}
}
// @function testProp(props: String[]): String|false
// Goes through the array of style names and returns the first name
// that is a valid style name for an element. If no such name is found,
// it returns false. Useful for vendor-prefixed styles like `transform`.
function testProp(props) {
var style = document.documentElement.style;
for (var i = 0; i < props.length; i++) {
if (props[i] in style) {
return props[i];
}
}
return false;
}
// @function setTransform(el: HTMLElement, offset: Point, scale?: Number)
// Resets the 3D CSS transform of `el` so it is translated by `offset` pixels
// and optionally scaled by `scale`. Does not have an effect if the
// browser doesn't support 3D CSS transforms.
function setTransform(el, offset, scale) {
var pos = offset || new Point(0, 0);
el.style[TRANSFORM] =
(ie3d ?
'translate(' + pos.x + 'px,' + pos.y + 'px)' :
'translate3d(' + pos.x + 'px,' + pos.y + 'px,0)') +
(scale ? ' scale(' + scale + ')' : '');
}
// @function setPosition(el: HTMLElement, position: Point)
// Sets the position of `el` to coordinates specified by `position`,
// using CSS translate or top/left positioning depending on the browser
// (used by Leaflet internally to position its layers).
function setPosition(el, point) {
/*eslint-disable */
el._leaflet_pos = point;
/* eslint-enable */
if (any3d) {
setTransform(el, point);
} else {
el.style.left = point.x + 'px';
el.style.top = point.y + 'px';
}
}
// @function getPosition(el: HTMLElement): Point
// Returns the coordinates of an element previously positioned with setPosition.
function getPosition(el) {
// this method is only used for elements previously positioned using setPosition,
// so it's safe to cache the position for performance
return el._leaflet_pos || new Point(0, 0);
}
// @function disableTextSelection()
// Prevents the user from generating `selectstart` DOM events, usually generated
// when the user drags the mouse through a page with text. Used internally
// by Leaflet to override the behaviour of any click-and-drag interaction on
// the map. Affects drag interactions on the whole document.
// @function enableTextSelection()
// Cancels the effects of a previous [`L.DomUtil.disableTextSelection`](#domutil-disabletextselection).
var disableTextSelection;
var enableTextSelection;
var _userSelect;
if ('onselectstart' in document) {
disableTextSelection = function () {
on(window, 'selectstart', preventDefault);
};
enableTextSelection = function () {
off(window, 'selectstart', preventDefault);
};
} else {
var userSelectProperty = testProp(
['userSelect', 'WebkitUserSelect', 'OUserSelect', 'MozUserSelect', 'msUserSelect']);
disableTextSelection = function () {
if (userSelectProperty) {
var style = document.documentElement.style;
_userSelect = style[userSelectProperty];
style[userSelectProperty] = 'none';
}
};
enableTextSelection = function () {
if (userSelectProperty) {
document.documentElement.style[userSelectProperty] = _userSelect;
_userSelect = undefined;
}
};
}
// @function disableImageDrag()
// As [`L.DomUtil.disableTextSelection`](#domutil-disabletextselection), but
// for `dragstart` DOM events, usually generated when the user drags an image.
function disableImageDrag() {
on(window, 'dragstart', preventDefault);
}
// @function enableImageDrag()
// Cancels the effects of a previous [`L.DomUtil.disableImageDrag`](#domutil-disabletextselection).
function enableImageDrag() {
off(window, 'dragstart', preventDefault);
}
var _outlineElement, _outlineStyle;
// @function preventOutline(el: HTMLElement)
// Makes the [outline](https://developer.mozilla.org/docs/Web/CSS/outline)
// of the element `el` invisible. Used internally by Leaflet to prevent
// focusable elements from displaying an outline when the user performs a
// drag interaction on them.
function preventOutline(element) {
while (element.tabIndex === -1) {
element = element.parentNode;
}
if (!element.style) { return; }
restoreOutline();
_outlineElement = element;
_outlineStyle = element.style.outline;
element.style.outline = 'none';
on(window, 'keydown', restoreOutline);
}
// @function restoreOutline()
// Cancels the effects of a previous [`L.DomUtil.preventOutline`]().
function restoreOutline() {
if (!_outlineElement) { return; }
_outlineElement.style.outline = _outlineStyle;
_outlineElement = undefined;
_outlineStyle = undefined;
off(window, 'keydown', restoreOutline);
}
// @function getSizedParentNode(el: HTMLElement): HTMLElement
// Finds the closest parent node which size (width and height) is not null.
function getSizedParentNode(element) {
do {
element = element.parentNode;
} while ((!element.offsetWidth || !element.offsetHeight) && element !== document.body);
return element;
}
// @function getScale(el: HTMLElement): Object
// Computes the CSS scale currently applied on the element.
// Returns an object with `x` and `y` members as horizontal and vertical scales respectively,
// and `boundingClientRect` as the result of [`getBoundingClientRect()`](https://developer.mozilla.org/en-US/docs/Web/API/Element/getBoundingClientRect).
function getScale(element) {
var rect = element.getBoundingClientRect(); // Read-only in old browsers.
return {
x: rect.width / element.offsetWidth || 1,
y: rect.height / element.offsetHeight || 1,
boundingClientRect: rect
};
}
var DomUtil = ({
TRANSFORM: TRANSFORM,
TRANSITION: TRANSITION,
TRANSITION_END: TRANSITION_END,
get: get,
getStyle: getStyle,
create: create$1,
remove: remove,
empty: empty,
toFront: toFront,
toBack: toBack,
hasClass: hasClass,
addClass: addClass,
removeClass: removeClass,
setClass: setClass,
getClass: getClass,
setOpacity: setOpacity,
testProp: testProp,
setTransform: setTransform,
setPosition: setPosition,
getPosition: getPosition,
disableTextSelection: disableTextSelection,
enableTextSelection: enableTextSelection,
disableImageDrag: disableImageDrag,
enableImageDrag: enableImageDrag,
preventOutline: preventOutline,
restoreOutline: restoreOutline,
getSizedParentNode: getSizedParentNode,
getScale: getScale
});
/*
* @namespace DomEvent
* Utility functions to work with the [DOM events](https://developer.mozilla.org/docs/Web/API/Event), used by Leaflet internally.
*/
// Inspired by John Resig, Dean Edwards and YUI addEvent implementations.
// @function on(el: HTMLElement, types: String, fn: Function, context?: Object): this
// Adds a listener function (`fn`) to a particular DOM event type of the
// element `el`. You can optionally specify the context of the listener
// (object the `this` keyword will point to). You can also pass several
// space-separated types (e.g. `'click dblclick'`).
// @alternative
// @function on(el: HTMLElement, eventMap: Object, context?: Object): this
// Adds a set of type/listener pairs, e.g. `{click: onClick, mousemove: onMouseMove}`
function on(obj, types, fn, context) {
if (typeof types === 'object') {
for (var type in types) {
addOne(obj, type, types[type], fn);
}
} else {
types = splitWords(types);
for (var i = 0, len = types.length; i < len; i++) {
addOne(obj, types[i], fn, context);
}
}
return this;
}
var eventsKey = '_leaflet_events';
// @function off(el: HTMLElement, types: String, fn: Function, context?: Object): this
// Removes a previously added listener function.
// Note that if you passed a custom context to on, you must pass the same
// context to `off` in order to remove the listener.
// @alternative
// @function off(el: HTMLElement, eventMap: Object, context?: Object): this
// Removes a set of type/listener pairs, e.g. `{click: onClick, mousemove: onMouseMove}`
function off(obj, types, fn, context) {
if (typeof types === 'object') {
for (var type in types) {
removeOne(obj, type, types[type], fn);
}
} else if (types) {
types = splitWords(types);
for (var i = 0, len = types.length; i < len; i++) {
removeOne(obj, types[i], fn, context);
}
} else {
for (var j in obj[eventsKey]) {
removeOne(obj, j, obj[eventsKey][j]);
}
delete obj[eventsKey];
}
return this;
}
function browserFiresNativeDblClick() {
// See https://github.com/w3c/pointerevents/issues/171
if (pointer) {
return !(edge || safari);
}
}
var mouseSubst = {
mouseenter: 'mouseover',
mouseleave: 'mouseout',
wheel: !('onwheel' in window) && 'mousewheel'
};
function addOne(obj, type, fn, context) {
var id = type + stamp(fn) + (context ? '_' + stamp(context) : '');
if (obj[eventsKey] && obj[eventsKey][id]) { return this; }
var handler = function (e) {
return fn.call(context || obj, e || window.event);
};
var originalHandler = handler;
if (pointer && type.indexOf('touch') === 0) {
// Needs DomEvent.Pointer.js
addPointerListener(obj, type, handler, id);
} else if (touch && (type === 'dblclick') && !browserFiresNativeDblClick()) {
addDoubleTapListener(obj, handler, id);
} else if ('addEventListener' in obj) {
if (type === 'touchstart' || type === 'touchmove' || type === 'wheel' || type === 'mousewheel') {
obj.addEventListener(mouseSubst[type] || type, handler, passiveEvents ? {passive: false} : false);
} else if (type === 'mouseenter' || type === 'mouseleave') {
handler = function (e) {
e = e || window.event;
if (isExternalTarget(obj, e)) {
originalHandler(e);
}
};
obj.addEventListener(mouseSubst[type], handler, false);
} else {
obj.addEventListener(type, originalHandler, false);
}
} else if ('attachEvent' in obj) {
obj.attachEvent('on' + type, handler);
}
obj[eventsKey] = obj[eventsKey] || {};
obj[eventsKey][id] = handler;
}
function removeOne(obj, type, fn, context) {
var id = type + stamp(fn) + (context ? '_' + stamp(context) : ''),
handler = obj[eventsKey] && obj[eventsKey][id];
if (!handler) { return this; }
if (pointer && type.indexOf('touch') === 0) {
removePointerListener(obj, type, id);
} else if (touch && (type === 'dblclick') && !browserFiresNativeDblClick()) {
removeDoubleTapListener(obj, id);
} else if ('removeEventListener' in obj) {
obj.removeEventListener(mouseSubst[type] || type, handler, false);
} else if ('detachEvent' in obj) {
obj.detachEvent('on' + type, handler);
}
obj[eventsKey][id] = null;
}
// @function stopPropagation(ev: DOMEvent): this
// Stop the given event from propagation to parent elements. Used inside the listener functions:
// ```js
// L.DomEvent.on(div, 'click', function (ev) {
// L.DomEvent.stopPropagation(ev);
// });
// ```
function stopPropagation(e) {
if (e.stopPropagation) {
e.stopPropagation();
} else if (e.originalEvent) { // In case of Leaflet event.
e.originalEvent._stopped = true;
} else {
e.cancelBubble = true;
}
skipped(e);
return this;
}
// @function disableScrollPropagation(el: HTMLElement): this
// Adds `stopPropagation` to the element's `'wheel'` events (plus browser variants).
function disableScrollPropagation(el) {
addOne(el, 'wheel', stopPropagation);
return this;
}
// @function disableClickPropagation(el: HTMLElement): this
// Adds `stopPropagation` to the element's `'click'`, `'doubleclick'`,
// `'mousedown'` and `'touchstart'` events (plus browser variants).
function disableClickPropagation(el) {
on(el, 'mousedown touchstart dblclick', stopPropagation);
addOne(el, 'click', fakeStop);
return this;
}
// @function preventDefault(ev: DOMEvent): this
// Prevents the default action of the DOM Event `ev` from happening (such as
// following a link in the href of the a element, or doing a POST request
// with page reload when a `<form>` is submitted).
// Use it inside listener functions.
function preventDefault(e) {
if (e.preventDefault) {
e.preventDefault();
} else {
e.returnValue = false;
}
return this;
}
// @function stop(ev: DOMEvent): this
// Does `stopPropagation` and `preventDefault` at the same time.
function stop(e) {
preventDefault(e);
stopPropagation(e);
return this;
}
// @function getMousePosition(ev: DOMEvent, container?: HTMLElement): Point
// Gets normalized mouse position from a DOM event relative to the
// `container` (border excluded) or to the whole page if not specified.
function getMousePosition(e, container) {
if (!container) {
return new Point(e.clientX, e.clientY);
}
var scale = getScale(container),
offset = scale.boundingClientRect; // left and top values are in page scale (like the event clientX/Y)
return new Point(
// offset.left/top values are in page scale (like clientX/Y),
// whereas clientLeft/Top (border width) values are the original values (before CSS scale applies).
(e.clientX - offset.left) / scale.x - container.clientLeft,
(e.clientY - offset.top) / scale.y - container.clientTop
);
}
// Chrome on Win scrolls double the pixels as in other platforms (see #4538),
// and Firefox scrolls device pixels, not CSS pixels
var wheelPxFactor =
(win && chrome) ? 2 * window.devicePixelRatio :
gecko ? window.devicePixelRatio : 1;
// @function getWheelDelta(ev: DOMEvent): Number
// Gets normalized wheel delta from a wheel DOM event, in vertical
// pixels scrolled (negative if scrolling down).
// Events from pointing devices without precise scrolling are mapped to
// a best guess of 60 pixels.
function getWheelDelta(e) {
return (edge) ? e.wheelDeltaY / 2 : // Don't trust window-geometry-based delta
(e.deltaY && e.deltaMode === 0) ? -e.deltaY / wheelPxFactor : // Pixels
(e.deltaY && e.deltaMode === 1) ? -e.deltaY * 20 : // Lines
(e.deltaY && e.deltaMode === 2) ? -e.deltaY * 60 : // Pages
(e.deltaX || e.deltaZ) ? 0 : // Skip horizontal/depth wheel events
e.wheelDelta ? (e.wheelDeltaY || e.wheelDelta) / 2 : // Legacy IE pixels
(e.detail && Math.abs(e.detail) < 32765) ? -e.detail * 20 : // Legacy Moz lines
e.detail ? e.detail / -32765 * 60 : // Legacy Moz pages
0;
}
var skipEvents = {};
function fakeStop(e) {
// fakes stopPropagation by setting a special event flag, checked/reset with skipped(e)
skipEvents[e.type] = true;
}
function skipped(e) {
var events = skipEvents[e.type];
// reset when checking, as it's only used in map container and propagates outside of the map
skipEvents[e.type] = false;
return events;
}
// check if element really left/entered the event target (for mouseenter/mouseleave)
function isExternalTarget(el, e) {
var related = e.relatedTarget;
if (!related) { return true; }
try {
while (related && (related !== el)) {
related = related.parentNode;
}
} catch (err) {
return false;
}
return (related !== el);
}
var DomEvent = ({
on: on,
off: off,
stopPropagation: stopPropagation,
disableScrollPropagation: disableScrollPropagation,
disableClickPropagation: disableClickPropagation,
preventDefault: preventDefault,
stop: stop,
getMousePosition: getMousePosition,
getWheelDelta: getWheelDelta,
fakeStop: fakeStop,
skipped: skipped,
isExternalTarget: isExternalTarget,
addListener: on,
removeListener: off
});
/*
* @class PosAnimation
* @aka L.PosAnimation
* @inherits Evented
* Used internally for panning animations, utilizing CSS3 Transitions for modern browsers and a timer fallback for IE6-9.
*
* @example
* ```js
* var fx = new L.PosAnimation();
* fx.run(el, [300, 500], 0.5);
* ```
*
* @constructor L.PosAnimation()
* Creates a `PosAnimation` object.
*
*/
3 years ago
1 year ago
var PosAnimation = Evented.extend({
// @method run(el: HTMLElement, newPos: Point, duration?: Number, easeLinearity?: Number)
// Run an animation of a given element to a new position, optionally setting
// duration in seconds (`0.25` by default) and easing linearity factor (3rd
// argument of the [cubic bezier curve](http://cubic-bezier.com/#0,0,.5,1),
// `0.5` by default).
run: function (el, newPos, duration, easeLinearity) {
this.stop();
this._el = el;
this._inProgress = true;
this._duration = duration || 0.25;
this._easeOutPower = 1 / Math.max(easeLinearity || 0.5, 0.2);
this._startPos = getPosition(el);
this._offset = newPos.subtract(this._startPos);
this._startTime = +new Date();
// @event start: Event
// Fired when the animation starts
this.fire('start');
this._animate();
},
// @method stop()
// Stops the animation (if currently running).
stop: function () {
if (!this._inProgress) { return; }
this._step(true);
this._complete();
},
_animate: function () {
// animation loop
this._animId = requestAnimFrame(this._animate, this);
this._step();
},
_step: function (round) {
var elapsed = (+new Date()) - this._startTime,
duration = this._duration * 1000;
if (elapsed < duration) {
this._runFrame(this._easeOut(elapsed / duration), round);
} else {
this._runFrame(1);
this._complete();
}
},
_runFrame: function (progress, round) {
var pos = this._startPos.add(this._offset.multiplyBy(progress));
if (round) {
pos._round();
}
setPosition(this._el, pos);
// @event step: Event
// Fired continuously during the animation.
this.fire('step');
},
_complete: function () {
cancelAnimFrame(this._animId);
this._inProgress = false;
// @event end: Event
// Fired when the animation ends.
this.fire('end');
},
_easeOut: function (t) {
return 1 - Math.pow(1 - t, this._easeOutPower);
}
});
/*
* @class Map
* @aka L.Map
* @inherits Evented
*
* The central class of the API it is used to create a map on a page and manipulate it.
*
* @example
*
* ```js
* // initialize the map on the "map" div with a given center and zoom
* var map = L.map('map', {
* center: [51.505, -0.09],
* zoom: 13
* });
* ```
*
*/
var Map = Evented.extend({
options: {
// @section Map State Options
// @option crs: CRS = L.CRS.EPSG3857
// The [Coordinate Reference System](#crs) to use. Don't change this if you're not
// sure what it means.
crs: EPSG3857,
// @option center: LatLng = undefined
// Initial geographic center of the map
center: undefined,
// @option zoom: Number = undefined
// Initial map zoom level
zoom: undefined,
// @option minZoom: Number = *
// Minimum zoom level of the map.
// If not specified and at least one `GridLayer` or `TileLayer` is in the map,
// the lowest of their `minZoom` options will be used instead.
minZoom: undefined,
// @option maxZoom: Number = *
// Maximum zoom level of the map.
// If not specified and at least one `GridLayer` or `TileLayer` is in the map,
// the highest of their `maxZoom` options will be used instead.
maxZoom: undefined,
// @option layers: Layer[] = []
// Array of layers that will be added to the map initially
layers: [],
// @option maxBounds: LatLngBounds = null
// When this option is set, the map restricts the view to the given
// geographical bounds, bouncing the user back if the user tries to pan
// outside the view. To set the restriction dynamically, use
// [`setMaxBounds`](#map-setmaxbounds) method.
maxBounds: undefined,
// @option renderer: Renderer = *
// The default method for drawing vector layers on the map. `L.SVG`
// or `L.Canvas` by default depending on browser support.
renderer: undefined,
// @section Animation Options
// @option zoomAnimation: Boolean = true
// Whether the map zoom animation is enabled. By default it's enabled
// in all browsers that support CSS3 Transitions except Android.
zoomAnimation: true,
// @option zoomAnimationThreshold: Number = 4
// Won't animate zoom if the zoom difference exceeds this value.
zoomAnimationThreshold: 4,
// @option fadeAnimation: Boolean = true
// Whether the tile fade animation is enabled. By default it's enabled
// in all browsers that support CSS3 Transitions except Android.
fadeAnimation: true,
// @option markerZoomAnimation: Boolean = true
// Whether markers animate their zoom with the zoom animation, if disabled
// they will disappear for the length of the animation. By default it's
// enabled in all browsers that support CSS3 Transitions except Android.
markerZoomAnimation: true,
// @option transform3DLimit: Number = 2^23
// Defines the maximum size of a CSS translation transform. The default
// value should not be changed unless a web browser positions layers in
// the wrong place after doing a large `panBy`.
transform3DLimit: 8388608, // Precision limit of a 32-bit float
// @section Interaction Options
// @option zoomSnap: Number = 1
// Forces the map's zoom level to always be a multiple of this, particularly
// right after a [`fitBounds()`](#map-fitbounds) or a pinch-zoom.
// By default, the zoom level snaps to the nearest integer; lower values
// (e.g. `0.5` or `0.1`) allow for greater granularity. A value of `0`
// means the zoom level will not be snapped after `fitBounds` or a pinch-zoom.
zoomSnap: 1,
// @option zoomDelta: Number = 1
// Controls how much the map's zoom level will change after a
// [`zoomIn()`](#map-zoomin), [`zoomOut()`](#map-zoomout), pressing `+`
// or `-` on the keyboard, or using the [zoom controls](#control-zoom).
// Values smaller than `1` (e.g. `0.5`) allow for greater granularity.
zoomDelta: 1,
// @option trackResize: Boolean = true
// Whether the map automatically handles browser window resize to update itself.
trackResize: true
},
initialize: function (id, options) { // (HTMLElement or String, Object)
options = setOptions(this, options);
// Make sure to assign internal flags at the beginning,
// to avoid inconsistent state in some edge cases.
this._handlers = [];
this._layers = {};
this._zoomBoundLayers = {};
this._sizeChanged = true;
this._initContainer(id);
this._initLayout();
// hack for https://github.com/Leaflet/Leaflet/issues/1980
this._onResize = bind(this._onResize, this);
this._initEvents();
if (options.maxBounds) {
this.setMaxBounds(options.maxBounds);
}
if (options.zoom !== undefined) {
this._zoom = this._limitZoom(options.zoom);
}
if (options.center && options.zoom !== undefined) {
this.setView(toLatLng(options.center), options.zoom, {reset: true});
}
this.callInitHooks();
// don't animate on browsers without hardware-accelerated transitions or old Android/Opera
this._zoomAnimated = TRANSITION && any3d && !mobileOpera &&
this.options.zoomAnimation;
// zoom transitions run with the same duration for all layers, so if one of transitionend events
// happens after starting zoom animation (propagating to the map pane), we know that it ended globally
if (this._zoomAnimated) {
this._createAnimProxy();
on(this._proxy, TRANSITION_END, this._catchTransitionEnd, this);
}
this._addLayers(this.options.layers);
},
// @section Methods for modifying map state
// @method setView(center: LatLng, zoom: Number, options?: Zoom/pan options): this
// Sets the view of the map (geographical center and zoom) with the given
// animation options.
setView: function (center, zoom, options) {
zoom = zoom === undefined ? this._zoom : this._limitZoom(zoom);
center = this._limitCenter(toLatLng(center), zoom, this.options.maxBounds);
options = options || {};
this._stop();
if (this._loaded && !options.reset && options !== true) {
if (options.animate !== undefined) {
options.zoom = extend({animate: options.animate}, options.zoom);
options.pan = extend({animate: options.animate, duration: options.duration}, options.pan);
}
// try animating pan or zoom
var moved = (this._zoom !== zoom) ?
this._tryAnimatedZoom && this._tryAnimatedZoom(center, zoom, options.zoom) :
this._tryAnimatedPan(center, options.pan);
if (moved) {
// prevent resize handler call, the view will refresh after animation anyway
clearTimeout(this._sizeTimer);
return this;
}
}
// animation didn't start, just reset the map view
this._resetView(center, zoom);
return this;
},
// @method setZoom(zoom: Number, options?: Zoom/pan options): this
// Sets the zoom of the map.
setZoom: function (zoom, options) {
if (!this._loaded) {
this._zoom = zoom;
return this;
}
return this.setView(this.getCenter(), zoom, {zoom: options});
},
// @method zoomIn(delta?: Number, options?: Zoom options): this
// Increases the zoom of the map by `delta` ([`zoomDelta`](#map-zoomdelta) by default).
zoomIn: function (delta, options) {
delta = delta || (any3d ? this.options.zoomDelta : 1);
return this.setZoom(this._zoom + delta, options);
},
// @method zoomOut(delta?: Number, options?: Zoom options): this
// Decreases the zoom of the map by `delta` ([`zoomDelta`](#map-zoomdelta) by default).
zoomOut: function (delta, options) {
delta = delta || (any3d ? this.options.zoomDelta : 1);
return this.setZoom(this._zoom - delta, options);
},
// @method setZoomAround(latlng: LatLng, zoom: Number, options: Zoom options): this
// Zooms the map while keeping a specified geographical point on the map
// stationary (e.g. used internally for scroll zoom and double-click zoom).
// @alternative
// @method setZoomAround(offset: Point, zoom: Number, options: Zoom options): this
// Zooms the map while keeping a specified pixel on the map (relative to the top-left corner) stationary.
setZoomAround: function (latlng, zoom, options) {
var scale = this.getZoomScale(zoom),
viewHalf = this.getSize().divideBy(2),
containerPoint = latlng instanceof Point ? latlng : this.latLngToContainerPoint(latlng),
centerOffset = containerPoint.subtract(viewHalf).multiplyBy(1 - 1 / scale),
newCenter = this.containerPointToLatLng(viewHalf.add(centerOffset));
return this.setView(newCenter, zoom, {zoom: options});
},
_getBoundsCenterZoom: function (bounds, options) {
options = options || {};
bounds = bounds.getBounds ? bounds.getBounds() : toLatLngBounds(bounds);
var paddingTL = toPoint(options.paddingTopLeft || options.padding || [0, 0]),
paddingBR = toPoint(options.paddingBottomRight || options.padding || [0, 0]),
zoom = this.getBoundsZoom(bounds, false, paddingTL.add(paddingBR));
zoom = (typeof options.maxZoom === 'number') ? Math.min(options.maxZoom, zoom) : zoom;
if (zoom === Infinity) {
return {
center: bounds.getCenter(),
zoom: zoom
};
}
var paddingOffset = paddingBR.subtract(paddingTL).divideBy(2),
swPoint = this.project(bounds.getSouthWest(), zoom),
nePoint = this.project(bounds.getNorthEast(), zoom),
center = this.unproject(swPoint.add(nePoint).divideBy(2).add(paddingOffset), zoom);
return {
center: center,
zoom: zoom
};
},
// @method fitBounds(bounds: LatLngBounds, options?: fitBounds options): this
// Sets a map view that contains the given geographical bounds with the
// maximum zoom level possible.
fitBounds: function (bounds, options) {
bounds = toLatLngBounds(bounds);
if (!bounds.isValid()) {
throw new Error('Bounds are not valid.');
}
var target = this._getBoundsCenterZoom(bounds, options);
return this.setView(target.center, target.zoom, options);
},
// @method fitWorld(options?: fitBounds options): this
// Sets a map view that mostly contains the whole world with the maximum
// zoom level possible.
fitWorld: function (options) {
return this.fitBounds([[-90, -180], [90, 180]], options);
},
// @method panTo(latlng: LatLng, options?: Pan options): this
// Pans the map to a given center.
panTo: function (center, options) { // (LatLng)
return this.setView(center, this._zoom, {pan: options});
},
// @method panBy(offset: Point, options?: Pan options): this
// Pans the map by a given number of pixels (animated).
panBy: function (offset, options) {
offset = toPoint(offset).round();
options = options || {};
if (!offset.x && !offset.y) {
return this.fire('moveend');
}
// If we pan too far, Chrome gets issues with tiles
// and makes them disappear or appear in the wrong place (slightly offset) #2602
if (options.animate !== true && !this.getSize().contains(offset)) {
this._resetView(this.unproject(this.project(this.getCenter()).add(offset)), this.getZoom());
return this;
}
if (!this._panAnim) {
this._panAnim = new PosAnimation();
this._panAnim.on({
'step': this._onPanTransitionStep,
'end': this._onPanTransitionEnd
}, this);
}
// don't fire movestart if animating inertia
if (!options.noMoveStart) {
this.fire('movestart');
}
// animate pan unless animate: false specified
if (options.animate !== false) {
addClass(this._mapPane, 'leaflet-pan-anim');
var newPos = this._getMapPanePos().subtract(offset).round();
this._panAnim.run(this._mapPane, newPos, options.duration || 0.25, options.easeLinearity);
} else {
this._rawPanBy(offset);
this.fire('move').fire('moveend');
}
return this;
},
// @method flyTo(latlng: LatLng, zoom?: Number, options?: Zoom/pan options): this
// Sets the view of the map (geographical center and zoom) performing a smooth
// pan-zoom animation.
flyTo: function (targetCenter, targetZoom, options) {
options = options || {};
if (options.animate === false || !any3d) {
return this.setView(targetCenter, targetZoom, options);
}
this._stop();
var from = this.project(this.getCenter()),
to = this.project(targetCenter),
size = this.getSize(),
startZoom = this._zoom;
targetCenter = toLatLng(targetCenter);
targetZoom = targetZoom === undefined ? startZoom : targetZoom;
var w0 = Math.max(size.x, size.y),
w1 = w0 * this.getZoomScale(startZoom, targetZoom),
u1 = (to.distanceTo(from)) || 1,
rho = 1.42,
rho2 = rho * rho;
function r(i) {
var s1 = i ? -1 : 1,
s2 = i ? w1 : w0,
t1 = w1 * w1 - w0 * w0 + s1 * rho2 * rho2 * u1 * u1,
b1 = 2 * s2 * rho2 * u1,
b = t1 / b1,
sq = Math.sqrt(b * b + 1) - b;
// workaround for floating point precision bug when sq = 0, log = -Infinite,
// thus triggering an infinite loop in flyTo
var log = sq < 0.000000001 ? -18 : Math.log(sq);
return log;
}
function sinh(n) { return (Math.exp(n) - Math.exp(-n)) / 2; }
function cosh(n) { return (Math.exp(n) + Math.exp(-n)) / 2; }
function tanh(n) { return sinh(n) / cosh(n); }
var r0 = r(0);
function w(s) { return w0 * (cosh(r0) / cosh(r0 + rho * s)); }
function u(s) { return w0 * (cosh(r0) * tanh(r0 + rho * s) - sinh(r0)) / rho2; }
function easeOut(t) { return 1 - Math.pow(1 - t, 1.5); }
var start = Date.now(),
S = (r(1) - r0) / rho,
duration = options.duration ? 1000 * options.duration : 1000 * S * 0.8;
function frame() {
var t = (Date.now() - start) / duration,
s = easeOut(t) * S;
if (t <= 1) {
this._flyToFrame = requestAnimFrame(frame, this);
this._move(
this.unproject(from.add(to.subtract(from).multiplyBy(u(s) / u1)), startZoom),
this.getScaleZoom(w0 / w(s), startZoom),
{flyTo: true});
} else {
this
._move(targetCenter, targetZoom)
._moveEnd(true);
}
}
this._moveStart(true, options.noMoveStart);
frame.call(this);
return this;
},
// @method flyToBounds(bounds: LatLngBounds, options?: fitBounds options): this
// Sets the view of the map with a smooth animation like [`flyTo`](#map-flyto),
// but takes a bounds parameter like [`fitBounds`](#map-fitbounds).
flyToBounds: function (bounds, options) {
var target = this._getBoundsCenterZoom(bounds, options);
return this.flyTo(target.center, target.zoom, options);
},
// @method setMaxBounds(bounds: LatLngBounds): this
// Restricts the map view to the given bounds (see the [maxBounds](#map-maxbounds) option).
setMaxBounds: function (bounds) {
bounds = toLatLngBounds(bounds);
if (!bounds.isValid()) {
this.options.maxBounds = null;
return this.off('moveend', this._panInsideMaxBounds);
} else if (this.options.maxBounds) {
this.off('moveend', this._panInsideMaxBounds);
}
this.options.maxBounds = bounds;
if (this._loaded) {
this._panInsideMaxBounds();
}
return this.on('moveend', this._panInsideMaxBounds);
},
// @method setMinZoom(zoom: Number): this
// Sets the lower limit for the available zoom levels (see the [minZoom](#map-minzoom) option).
setMinZoom: function (zoom) {
var oldZoom = this.options.minZoom;
this.options.minZoom = zoom;
if (this._loaded && oldZoom !== zoom) {
this.fire('zoomlevelschange');
if (this.getZoom() < this.options.minZoom) {
return this.setZoom(zoom);
}
}
return this;
},
// @method setMaxZoom(zoom: Number): this
// Sets the upper limit for the available zoom levels (see the [maxZoom](#map-maxzoom) option).
setMaxZoom: function (zoom) {
var oldZoom = this.options.maxZoom;
this.options.maxZoom = zoom;
if (this._loaded && oldZoom !== zoom) {
this.fire('zoomlevelschange');
if (this.getZoom() > this.options.maxZoom) {
return this.setZoom(zoom);
}
}
return this;
},
// @method panInsideBounds(bounds: LatLngBounds, options?: Pan options): this
// Pans the map to the closest view that would lie inside the given bounds (if it's not already), controlling the animation using the options specific, if any.
panInsideBounds: function (bounds, options) {
this._enforcingBounds = true;
var center = this.getCenter(),
newCenter = this._limitCenter(center, this._zoom, toLatLngBounds(bounds));
if (!center.equals(newCenter)) {
this.panTo(newCenter, options);
}
this._enforcingBounds = false;
return this;
},
// @method panInside(latlng: LatLng, options?: options): this
// Pans the map the minimum amount to make the `latlng` visible. Use
// `padding`, `paddingTopLeft` and `paddingTopRight` options to fit
// the display to more restricted bounds, like [`fitBounds`](#map-fitbounds).
// If `latlng` is already within the (optionally padded) display bounds,
// the map will not be panned.
panInside: function (latlng, options) {
options = options || {};
var paddingTL = toPoint(options.paddingTopLeft || options.padding || [0, 0]),
paddingBR = toPoint(options.paddingBottomRight || options.padding || [0, 0]),
center = this.getCenter(),
pixelCenter = this.project(center),
pixelPoint = this.project(latlng),
pixelBounds = this.getPixelBounds(),
halfPixelBounds = pixelBounds.getSize().divideBy(2),
paddedBounds = toBounds([pixelBounds.min.add(paddingTL), pixelBounds.max.subtract(paddingBR)]);
if (!paddedBounds.contains(pixelPoint)) {
this._enforcingBounds = true;
var diff = pixelCenter.subtract(pixelPoint),
newCenter = toPoint(pixelPoint.x + diff.x, pixelPoint.y + diff.y);
if (pixelPoint.x < paddedBounds.min.x || pixelPoint.x > paddedBounds.max.x) {
newCenter.x = pixelCenter.x - diff.x;
if (diff.x > 0) {
newCenter.x += halfPixelBounds.x - paddingTL.x;
} else {
newCenter.x -= halfPixelBounds.x - paddingBR.x;
}
}
if (pixelPoint.y < paddedBounds.min.y || pixelPoint.y > paddedBounds.max.y) {
newCenter.y = pixelCenter.y - diff.y;
if (diff.y > 0) {
newCenter.y += halfPixelBounds.y - paddingTL.y;
} else {
newCenter.y -= halfPixelBounds.y - paddingBR.y;
}
}
this.panTo(this.unproject(newCenter), options);
this._enforcingBounds = false;
}
return this;
},
// @method invalidateSize(options: Zoom/pan options): this
// Checks if the map container size changed and updates the map if so —
// call it after you've changed the map size dynamically, also animating
// pan by default. If `options.pan` is `false`, panning will not occur.
// If `options.debounceMoveend` is `true`, it will delay `moveend` event so
// that it doesn't happen often even if the method is called many
// times in a row.
// @alternative
// @method invalidateSize(animate: Boolean): this
// Checks if the map container size changed and updates the map if so —
// call it after you've changed the map size dynamically, also animating
// pan by default.
invalidateSize: function (options) {
if (!this._loaded) { return this; }
options = extend({
animate: false,
pan: true
}, options === true ? {animate: true} : options);
var oldSize = this.getSize();
this._sizeChanged = true;
this._lastCenter = null;
var newSize = this.getSize(),
oldCenter = oldSize.divideBy(2).round(),
newCenter = newSize.divideBy(2).round(),
offset = oldCenter.subtract(newCenter);
if (!offset.x && !offset.y) { return this; }
if (options.animate && options.pan) {
this.panBy(offset);
} else {
if (options.pan) {
this._rawPanBy(offset);
}
this.fire('move');
if (options.debounceMoveend) {
clearTimeout(this._sizeTimer);
this._sizeTimer = setTimeout(bind(this.fire, this, 'moveend'), 200);
} else {
this.fire('moveend');
}
}
// @section Map state change events
// @event resize: ResizeEvent
// Fired when the map is resized.
return this.fire('resize', {
oldSize: oldSize,
newSize: newSize
});
},
// @section Methods for modifying map state
// @method stop(): this
// Stops the currently running `panTo` or `flyTo` animation, if any.
stop: function () {
this.setZoom(this._limitZoom(this._zoom));
if (!this.options.zoomSnap) {
this.fire('viewreset');
}
return this._stop();
},
// @section Geolocation methods
// @method locate(options?: Locate options): this
// Tries to locate the user using the Geolocation API, firing a [`locationfound`](#map-locationfound)
// event with location data on success or a [`locationerror`](#map-locationerror) event on failure,
// and optionally sets the map view to the user's location with respect to
// detection accuracy (or to the world view if geolocation failed).
// Note that, if your page doesn't use HTTPS, this method will fail in
// modern browsers ([Chrome 50 and newer](https://sites.google.com/a/chromium.org/dev/Home/chromium-security/deprecating-powerful-features-on-insecure-origins))
// See `Locate options` for more details.
locate: function (options) {
options = this._locateOptions = extend({
timeout: 10000,
watch: false
// setView: false
// maxZoom: <Number>
// maximumAge: 0
// enableHighAccuracy: false
}, options);
if (!('geolocation' in navigator)) {
this._handleGeolocationError({
code: 0,
message: 'Geolocation not supported.'
});
return this;
}
var onResponse = bind(this._handleGeolocationResponse, this),
onError = bind(this._handleGeolocationError, this);
if (options.watch) {
this._locationWatchId =
navigator.geolocation.watchPosition(onResponse, onError, options);
} else {
navigator.geolocation.getCurrentPosition(onResponse, onError, options);
}
return this;
},
// @method stopLocate(): this
// Stops watching location previously initiated by `map.locate({watch: true})`
// and aborts resetting the map view if map.locate was called with
// `{setView: true}`.
stopLocate: function () {
if (navigator.geolocation && navigator.geolocation.clearWatch) {
navigator.geolocation.clearWatch(this._locationWatchId);
}
if (this._locateOptions) {
this._locateOptions.setView = false;
}
return this;
},
_handleGeolocationError: function (error) {
var c = error.code,
message = error.message ||
(c === 1 ? 'permission denied' :
(c === 2 ? 'position unavailable' : 'timeout'));
if (this._locateOptions.setView && !this._loaded) {
this.fitWorld();
}
// @section Location events
// @event locationerror: ErrorEvent
// Fired when geolocation (using the [`locate`](#map-locate) method) failed.
this.fire('locationerror', {
code: c,
message: 'Geolocation error: ' + message + '.'
});
},
_handleGeolocationResponse: function (pos) {
var lat = pos.coords.latitude,
lng = pos.coords.longitude,
latlng = new LatLng(lat, lng),
bounds = latlng.toBounds(pos.coords.accuracy * 2),
options = this._locateOptions;
if (options.setView) {
var zoom = this.getBoundsZoom(bounds);
this.setView(latlng, options.maxZoom ? Math.min(zoom, options.maxZoom) : zoom);
}
var data = {
latlng: latlng,
bounds: bounds,
timestamp: pos.timestamp
};
for (var i in pos.coords) {
if (typeof pos.coords[i] === 'number') {
data[i] = pos.coords[i];
}
}
// @event locationfound: LocationEvent
// Fired when geolocation (using the [`locate`](#map-locate) method)
// went successfully.
this.fire('locationfound', data);
},
// TODO Appropriate docs section?
// @section Other Methods
// @method addHandler(name: String, HandlerClass: Function): this
// Adds a new `Handler` to the map, given its name and constructor function.
addHandler: function (name, HandlerClass) {
if (!HandlerClass) { return this; }
var handler = this[name] = new HandlerClass(this);
this._handlers.push(handler);
if (this.options[name]) {
handler.enable();
}
return this;
},
// @method remove(): this
// Destroys the map and clears all related event listeners.
remove: function () {
this._initEvents(true);
this.off('moveend', this._panInsideMaxBounds);
if (this._containerId !== this._container._leaflet_id) {
throw new Error('Map container is being reused by another instance');
}
try {
// throws error in IE6-8
delete this._container._leaflet_id;
delete this._containerId;
} catch (e) {
/*eslint-disable */
this._container._leaflet_id = undefined;
/* eslint-enable */
this._containerId = undefined;
}
if (this._locationWatchId !== undefined) {
this.stopLocate();
}
this._stop();
remove(this._mapPane);
if (this._clearControlPos) {
this._clearControlPos();
}
if (this._resizeRequest) {
cancelAnimFrame(this._resizeRequest);
this._resizeRequest = null;
}
this._clearHandlers();
if (this._loaded) {
// @section Map state change events
// @event unload: Event
// Fired when the map is destroyed with [remove](#map-remove) method.
this.fire('unload');
}
var i;
for (i in this._layers) {
this._layers[i].remove();
}
for (i in this._panes) {
remove(this._panes[i]);
}
this._layers = [];
this._panes = [];
delete this._mapPane;
delete this._renderer;
return this;
},
// @section Other Methods
// @method createPane(name: String, container?: HTMLElement): HTMLElement
// Creates a new [map pane](#map-pane) with the given name if it doesn't exist already,
// then returns it. The pane is created as a child of `container`, or
// as a child of the main map pane if not set.
createPane: function (name, container) {
var className = 'leaflet-pane' + (name ? ' leaflet-' + name.replace('Pane', '') + '-pane' : ''),
pane = create$1('div', className, container || this._mapPane);
if (name) {
this._panes[name] = pane;
}
return pane;
},
// @section Methods for Getting Map State
// @method getCenter(): LatLng
// Returns the geographical center of the map view
getCenter: function () {
this._checkIfLoaded();
if (this._lastCenter && !this._moved()) {
return this._lastCenter;
}
return this.layerPointToLatLng(this._getCenterLayerPoint());
},
// @method getZoom(): Number
// Returns the current zoom level of the map view
getZoom: function () {
return this._zoom;
},
// @method getBounds(): LatLngBounds
// Returns the geographical bounds visible in the current map view
getBounds: function () {
var bounds = this.getPixelBounds(),
sw = this.unproject(bounds.getBottomLeft()),
ne = this.unproject(bounds.getTopRight());
return new LatLngBounds(sw, ne);
},
// @method getMinZoom(): Number
// Returns the minimum zoom level of the map (if set in the `minZoom` option of the map or of any layers), or `0` by default.
getMinZoom: function () {
return this.options.minZoom === undefined ? this._layersMinZoom || 0 : this.options.minZoom;
},
// @method getMaxZoom(): Number
// Returns the maximum zoom level of the map (if set in the `maxZoom` option of the map or of any layers).
getMaxZoom: function () {
return this.options.maxZoom === undefined ?
(this._layersMaxZoom === undefined ? Infinity : this._layersMaxZoom) :
this.options.maxZoom;
},
// @method getBoundsZoom(bounds: LatLngBounds, inside?: Boolean, padding?: Point): Number
// Returns the maximum zoom level on which the given bounds fit to the map
// view in its entirety. If `inside` (optional) is set to `true`, the method
// instead returns the minimum zoom level on which the map view fits into
// the given bounds in its entirety.
getBoundsZoom: function (bounds, inside, padding) { // (LatLngBounds[, Boolean, Point]) -> Number
bounds = toLatLngBounds(bounds);
padding = toPoint(padding || [0, 0]);
var zoom = this.getZoom() || 0,
min = this.getMinZoom(),
max = this.getMaxZoom(),
nw = bounds.getNorthWest(),
se = bounds.getSouthEast(),
size = this.getSize().subtract(padding),
boundsSize = toBounds(this.project(se, zoom), this.project(nw, zoom)).getSize(),
snap = any3d ? this.options.zoomSnap : 1,
scalex = size.x / boundsSize.x,
scaley = size.y / boundsSize.y,
scale = inside ? Math.max(scalex, scaley) : Math.min(scalex, scaley);
zoom = this.getScaleZoom(scale, zoom);
if (snap) {
zoom = Math.round(zoom / (snap / 100)) * (snap / 100); // don't jump if within 1% of a snap level
zoom = inside ? Math.ceil(zoom / snap) * snap : Math.floor(zoom / snap) * snap;
}
return Math.max(min, Math.min(max, zoom));
},
// @method getSize(): Point
// Returns the current size of the map container (in pixels).
getSize: function () {
if (!this._size || this._sizeChanged) {
this._size = new Point(
this._container.clientWidth || 0,
this._container.clientHeight || 0);
this._sizeChanged = false;
}
return this._size.clone();
},
// @method getPixelBounds(): Bounds
// Returns the bounds of the current map view in projected pixel
// coordinates (sometimes useful in layer and overlay implementations).
getPixelBounds: function (center, zoom) {
var topLeftPoint = this._getTopLeftPoint(center, zoom);
return new Bounds(topLeftPoint, topLeftPoint.add(this.getSize()));
},
// TODO: Check semantics - isn't the pixel origin the 0,0 coord relative to
// the map pane? "left point of the map layer" can be confusing, specially
// since there can be negative offsets.
// @method getPixelOrigin(): Point
// Returns the projected pixel coordinates of the top left point of
// the map layer (useful in custom layer and overlay implementations).
getPixelOrigin: function () {
this._checkIfLoaded();
return this._pixelOrigin;
},
// @method getPixelWorldBounds(zoom?: Number): Bounds
// Returns the world's bounds in pixel coordinates for zoom level `zoom`.
// If `zoom` is omitted, the map's current zoom level is used.
getPixelWorldBounds: function (zoom) {
return this.options.crs.getProjectedBounds(zoom === undefined ? this.getZoom() : zoom);
},
// @section Other Methods
// @method getPane(pane: String|HTMLElement): HTMLElement
// Returns a [map pane](#map-pane), given its name or its HTML element (its identity).
getPane: function (pane) {
return typeof pane === 'string' ? this._panes[pane] : pane;
},
// @method getPanes(): Object
// Returns a plain object containing the names of all [panes](#map-pane) as keys and
// the panes as values.
getPanes: function () {
return this._panes;
},
// @method getContainer: HTMLElement
// Returns the HTML element that contains the map.
getContainer: function () {
return this._container;
},
// @section Conversion Methods
// @method getZoomScale(toZoom: Number, fromZoom: Number): Number
// Returns the scale factor to be applied to a map transition from zoom level
// `fromZoom` to `toZoom`. Used internally to help with zoom animations.
getZoomScale: function (toZoom, fromZoom) {
// TODO replace with universal implementation after refactoring projections
var crs = this.options.crs;
fromZoom = fromZoom === undefined ? this._zoom : fromZoom;
return crs.scale(toZoom) / crs.scale(fromZoom);
},
// @method getScaleZoom(scale: Number, fromZoom: Number): Number
// Returns the zoom level that the map would end up at, if it is at `fromZoom`
// level and everything is scaled by a factor of `scale`. Inverse of
// [`getZoomScale`](#map-getZoomScale).
getScaleZoom: function (scale, fromZoom) {
var crs = this.options.crs;
fromZoom = fromZoom === undefined ? this._zoom : fromZoom;
var zoom = crs.zoom(scale * crs.scale(fromZoom));
return isNaN(zoom) ? Infinity : zoom;
},
// @method project(latlng: LatLng, zoom: Number): Point
// Projects a geographical coordinate `LatLng` according to the projection
// of the map's CRS, then scales it according to `zoom` and the CRS's
// `Transformation`. The result is pixel coordinate relative to
// the CRS origin.
project: function (latlng, zoom) {
zoom = zoom === undefined ? this._zoom : zoom;
return this.options.crs.latLngToPoint(toLatLng(latlng), zoom);
},
// @method unproject(point: Point, zoom: Number): LatLng
// Inverse of [`project`](#map-project).
unproject: function (point, zoom) {
zoom = zoom === undefined ? this._zoom : zoom;
return this.options.crs.pointToLatLng(toPoint(point), zoom);
},
// @method layerPointToLatLng(point: Point): LatLng
// Given a pixel coordinate relative to the [origin pixel](#map-getpixelorigin),
// returns the corresponding geographical coordinate (for the current zoom level).
layerPointToLatLng: function (point) {
var projectedPoint = toPoint(point).add(this.getPixelOrigin());
return this.unproject(projectedPoint);
},
// @method latLngToLayerPoint(latlng: LatLng): Point
// Given a geographical coordinate, returns the corresponding pixel coordinate
// relative to the [origin pixel](#map-getpixelorigin).
latLngToLayerPoint: function (latlng) {
var projectedPoint = this.project(toLatLng(latlng))._round();
return projectedPoint._subtract(this.getPixelOrigin());
},
// @method wrapLatLng(latlng: LatLng): LatLng
// Returns a `LatLng` where `lat` and `lng` has been wrapped according to the
// map's CRS's `wrapLat` and `wrapLng` properties, if they are outside the
// CRS's bounds.
// By default this means longitude is wrapped around the dateline so its
// value is between -180 and +180 degrees.
wrapLatLng: function (latlng) {
return this.options.crs.wrapLatLng(toLatLng(latlng));
},
// @method wrapLatLngBounds(bounds: LatLngBounds): LatLngBounds
// Returns a `LatLngBounds` with the same size as the given one, ensuring that
// its center is within the CRS's bounds.
// By default this means the center longitude is wrapped around the dateline so its
// value is between -180 and +180 degrees, and the majority of the bounds
// overlaps the CRS's bounds.
wrapLatLngBounds: function (latlng) {
return this.options.crs.wrapLatLngBounds(toLatLngBounds(latlng));
},
// @method distance(latlng1: LatLng, latlng2: LatLng): Number
// Returns the distance between two geographical coordinates according to
// the map's CRS. By default this measures distance in meters.
distance: function (latlng1, latlng2) {
return this.options.crs.distance(toLatLng(latlng1), toLatLng(latlng2));
},
// @method containerPointToLayerPoint(point: Point): Point
// Given a pixel coordinate relative to the map container, returns the corresponding
// pixel coordinate relative to the [origin pixel](#map-getpixelorigin).
containerPointToLayerPoint: function (point) { // (Point)
return toPoint(point).subtract(this._getMapPanePos());
},
// @method layerPointToContainerPoint(point: Point): Point
// Given a pixel coordinate relative to the [origin pixel](#map-getpixelorigin),
// returns the corresponding pixel coordinate relative to the map container.
layerPointToContainerPoint: function (point) { // (Point)
return toPoint(point).add(this._getMapPanePos());
},
// @method containerPointToLatLng(point: Point): LatLng
// Given a pixel coordinate relative to the map container, returns
// the corresponding geographical coordinate (for the current zoom level).
containerPointToLatLng: function (point) {
var layerPoint = this.containerPointToLayerPoint(toPoint(point));
return this.layerPointToLatLng(layerPoint);
},
// @method latLngToContainerPoint(latlng: LatLng): Point
// Given a geographical coordinate, returns the corresponding pixel coordinate
// relative to the map container.
latLngToContainerPoint: function (latlng) {
return this.layerPointToContainerPoint(this.latLngToLayerPoint(toLatLng(latlng)));
},
// @method mouseEventToContainerPoint(ev: MouseEvent): Point
// Given a MouseEvent object, returns the pixel coordinate relative to the
// map container where the event took place.
mouseEventToContainerPoint: function (e) {
return getMousePosition(e, this._container);
},
// @method mouseEventToLayerPoint(ev: MouseEvent): Point
// Given a MouseEvent object, returns the pixel coordinate relative to
// the [origin pixel](#map-getpixelorigin) where the event took place.
mouseEventToLayerPoint: function (e) {
return this.containerPointToLayerPoint(this.mouseEventToContainerPoint(e));
},
// @method mouseEventToLatLng(ev: MouseEvent): LatLng
// Given a MouseEvent object, returns geographical coordinate where the
// event took place.
mouseEventToLatLng: function (e) { // (MouseEvent)
return this.layerPointToLatLng(this.mouseEventToLayerPoint(e));
},
// map initialization methods
_initContainer: function (id) {
var container = this._container = get(id);
if (!container) {
throw new Error('Map container not found.');
} else if (container._leaflet_id) {
throw new Error('Map container is already initialized.');
}
on(container, 'scroll', this._onScroll, this);
this._containerId = stamp(container);
},
_initLayout: function () {
var container = this._container;
this._fadeAnimated = this.options.fadeAnimation && any3d;
addClass(container, 'leaflet-container' +
(touch ? ' leaflet-touch' : '') +
(retina ? ' leaflet-retina' : '') +
(ielt9 ? ' leaflet-oldie' : '') +
(safari ? ' leaflet-safari' : '') +
(this._fadeAnimated ? ' leaflet-fade-anim' : ''));
var position = getStyle(container, 'position');
if (position !== 'absolute' && position !== 'relative' && position !== 'fixed') {
container.style.position = 'relative';
}
this._initPanes();
if (this._initControlPos) {
this._initControlPos();
}
},
_initPanes: function () {
var panes = this._panes = {};
this._paneRenderers = {};
// @section
//
// Panes are DOM elements used to control the ordering of layers on the map. You
// can access panes with [`map.getPane`](#map-getpane) or
// [`map.getPanes`](#map-getpanes) methods. New panes can be created with the
// [`map.createPane`](#map-createpane) method.
//
// Every map has the following default panes that differ only in zIndex.
//
// @pane mapPane: HTMLElement = 'auto'
// Pane that contains all other map panes
this._mapPane = this.createPane('mapPane', this._container);
setPosition(this._mapPane, new Point(0, 0));
// @pane tilePane: HTMLElement = 200
// Pane for `GridLayer`s and `TileLayer`s
this.createPane('tilePane');
// @pane overlayPane: HTMLElement = 400
// Pane for overlay shadows (e.g. `Marker` shadows)
this.createPane('shadowPane');
// @pane shadowPane: HTMLElement = 500
// Pane for vectors (`Path`s, like `Polyline`s and `Polygon`s), `ImageOverlay`s and `VideoOverlay`s
this.createPane('overlayPane');
// @pane markerPane: HTMLElement = 600
// Pane for `Icon`s of `Marker`s
this.createPane('markerPane');
// @pane tooltipPane: HTMLElement = 650
// Pane for `Tooltip`s.
this.createPane('tooltipPane');
// @pane popupPane: HTMLElement = 700
// Pane for `Popup`s.
this.createPane('popupPane');
if (!this.options.markerZoomAnimation) {
addClass(panes.markerPane, 'leaflet-zoom-hide');
addClass(panes.shadowPane, 'leaflet-zoom-hide');
}
},
// private methods that modify map state
// @section Map state change events
_resetView: function (center, zoom) {
setPosition(this._mapPane, new Point(0, 0));
var loading = !this._loaded;
this._loaded = true;
zoom = this._limitZoom(zoom);
this.fire('viewprereset');
var zoomChanged = this._zoom !== zoom;
this
._moveStart(zoomChanged, false)
._move(center, zoom)
._moveEnd(zoomChanged);
// @event viewreset: Event
// Fired when the map needs to redraw its content (this usually happens
// on map zoom or load). Very useful for creating custom overlays.
this.fire('viewreset');
// @event load: Event
// Fired when the map is initialized (when its center and zoom are set
// for the first time).
if (loading) {
this.fire('load');
}
},
_moveStart: function (zoomChanged, noMoveStart) {
// @event zoomstart: Event
// Fired when the map zoom is about to change (e.g. before zoom animation).
// @event movestart: Event
// Fired when the view of the map starts changing (e.g. user starts dragging the map).
if (zoomChanged) {
this.fire('zoomstart');
}
if (!noMoveStart) {
this.fire('movestart');
}
return this;
},
_move: function (center, zoom, data) {
if (zoom === undefined) {
zoom = this._zoom;
}
var zoomChanged = this._zoom !== zoom;
this._zoom = zoom;
this._lastCenter = center;
this._pixelOrigin = this._getNewPixelOrigin(center);
// @event zoom: Event
// Fired repeatedly during any change in zoom level, including zoom
// and fly animations.
if (zoomChanged || (data && data.pinch)) { // Always fire 'zoom' if pinching because #3530
this.fire('zoom', data);
}
// @event move: Event
// Fired repeatedly during any movement of the map, including pan and
// fly animations.
return this.fire('move', data);
},
_moveEnd: function (zoomChanged) {
// @event zoomend: Event
// Fired when the map has changed, after any animations.
if (zoomChanged) {
this.fire('zoomend');
}
// @event moveend: Event
// Fired when the center of the map stops changing (e.g. user stopped
// dragging the map).
return this.fire('moveend');
},
_stop: function () {
cancelAnimFrame(this._flyToFrame);
if (this._panAnim) {
this._panAnim.stop();
}
return this;
},
_rawPanBy: function (offset) {
setPosition(this._mapPane, this._getMapPanePos().subtract(offset));
},
_getZoomSpan: function () {
return this.getMaxZoom() - this.getMinZoom();
},
_panInsideMaxBounds: function () {
if (!this._enforcingBounds) {
this.panInsideBounds(this.options.maxBounds);
}
},
_checkIfLoaded: function () {
if (!this._loaded) {
throw new Error('Set map center and zoom first.');
}
},
// DOM event handling
// @section Interaction events
_initEvents: function (remove$$1) {
this._targets = {};
this._targets[stamp(this._container)] = this;
var onOff = remove$$1 ? off : on;
// @event click: MouseEvent
// Fired when the user clicks (or taps) the map.
// @event dblclick: MouseEvent
// Fired when the user double-clicks (or double-taps) the map.
// @event mousedown: MouseEvent
// Fired when the user pushes the mouse button on the map.
// @event mouseup: MouseEvent
// Fired when the user releases the mouse button on the map.
// @event mouseover: MouseEvent
// Fired when the mouse enters the map.
// @event mouseout: MouseEvent
// Fired when the mouse leaves the map.
// @event mousemove: MouseEvent
// Fired while the mouse moves over the map.
// @event contextmenu: MouseEvent
// Fired when the user pushes the right mouse button on the map, prevents
// default browser context menu from showing if there are listeners on
// this event. Also fired on mobile when the user holds a single touch
// for a second (also called long press).
// @event keypress: KeyboardEvent
// Fired when the user presses a key from the keyboard that produces a character value while the map is focused.
// @event keydown: KeyboardEvent
// Fired when the user presses a key from the keyboard while the map is focused. Unlike the `keypress` event,
// the `keydown` event is fired for keys that produce a character value and for keys
// that do not produce a character value.
// @event keyup: KeyboardEvent
// Fired when the user releases a key from the keyboard while the map is focused.
onOff(this._container, 'click dblclick mousedown mouseup ' +
'mouseover mouseout mousemove contextmenu keypress keydown keyup', this._handleDOMEvent, this);
if (this.options.trackResize) {
onOff(window, 'resize', this._onResize, this);
}
if (any3d && this.options.transform3DLimit) {
(remove$$1 ? this.off : this.on).call(this, 'moveend', this._onMoveEnd);
}
},
_onResize: function () {
cancelAnimFrame(this._resizeRequest);
this._resizeRequest = requestAnimFrame(
function () { this.invalidateSize({debounceMoveend: true}); }, this);
},
_onScroll: function () {
this._container.scrollTop = 0;
this._container.scrollLeft = 0;
},
_onMoveEnd: function () {
var pos = this._getMapPanePos();
if (Math.max(Math.abs(pos.x), Math.abs(pos.y)) >= this.options.transform3DLimit) {
// https://bugzilla.mozilla.org/show_bug.cgi?id=1203873 but Webkit also have
// a pixel offset on very high values, see: http://jsfiddle.net/dg6r5hhb/
this._resetView(this.getCenter(), this.getZoom());
}
},
_findEventTargets: function (e, type) {
var targets = [],
target,
isHover = type === 'mouseout' || type === 'mouseover',
src = e.target || e.srcElement,
dragging = false;
while (src) {
target = this._targets[stamp(src)];
if (target && (type === 'click' || type === 'preclick') && !e._simulated && this._draggableMoved(target)) {
// Prevent firing click after you just dragged an object.
dragging = true;
break;
}
if (target && target.listens(type, true)) {
if (isHover && !isExternalTarget(src, e)) { break; }
targets.push(target);
if (isHover) { break; }
}
if (src === this._container) { break; }
src = src.parentNode;
}
if (!targets.length && !dragging && !isHover && isExternalTarget(src, e)) {
targets = [this];
}
return targets;
},
_handleDOMEvent: function (e) {
if (!this._loaded || skipped(e)) { return; }
var type = e.type;
if (type === 'mousedown' || type === 'keypress' || type === 'keyup' || type === 'keydown') {
// prevents outline when clicking on keyboard-focusable element
preventOutline(e.target || e.srcElement);
}
this._fireDOMEvent(e, type);
},
_mouseEvents: ['click', 'dblclick', 'mouseover', 'mouseout', 'contextmenu'],
_fireDOMEvent: function (e, type, targets) {
if (e.type === 'click') {
// Fire a synthetic 'preclick' event which propagates up (mainly for closing popups).
// @event preclick: MouseEvent
// Fired before mouse click on the map (sometimes useful when you
// want something to happen on click before any existing click
// handlers start running).
var synth = extend({}, e);
synth.type = 'preclick';
this._fireDOMEvent(synth, synth.type, targets);
}
if (e._stopped) { return; }
// Find the layer the event is propagating from and its parents.
targets = (targets || []).concat(this._findEventTargets(e, type));
if (!targets.length) { return; }
var target = targets[0];
if (type === 'contextmenu' && target.listens(type, true)) {
preventDefault(e);
}
var data = {
originalEvent: e
};
if (e.type !== 'keypress' && e.type !== 'keydown' && e.type !== 'keyup') {
var isMarker = target.getLatLng && (!target._radius || target._radius <= 10);
data.containerPoint = isMarker ?
this.latLngToContainerPoint(target.getLatLng()) : this.mouseEventToContainerPoint(e);
data.layerPoint = this.containerPointToLayerPoint(data.containerPoint);
data.latlng = isMarker ? target.getLatLng() : this.layerPointToLatLng(data.layerPoint);
}
for (var i = 0; i < targets.length; i++) {
targets[i].fire(type, data, true);
if (data.originalEvent._stopped ||
(targets[i].options.bubblingMouseEvents === false && indexOf(this._mouseEvents, type) !== -1)) { return; }
}
},
_draggableMoved: function (obj) {
obj = obj.dragging && obj.dragging.enabled() ? obj : this;
return (obj.dragging && obj.dragging.moved()) || (this.boxZoom && this.boxZoom.moved());
},
_clearHandlers: function () {
for (var i = 0, len = this._handlers.length; i < len; i++) {
this._handlers[i].disable();
}
},
// @section Other Methods
// @method whenReady(fn: Function, context?: Object): this
// Runs the given function `fn` when the map gets initialized with
// a view (center and zoom) and at least one layer, or immediately
// if it's already initialized, optionally passing a function context.
whenReady: function (callback, context) {
if (this._loaded) {
callback.call(context || this, {target: this});
} else {
this.on('load', callback, context);
}
return this;
},
// private methods for getting map state
_getMapPanePos: function () {
return getPosition(this._mapPane) || new Point(0, 0);
},
_moved: function () {
var pos = this._getMapPanePos();
return pos && !pos.equals([0, 0]);
},
_getTopLeftPoint: function (center, zoom) {
var pixelOrigin = center && zoom !== undefined ?
this._getNewPixelOrigin(center, zoom) :
this.getPixelOrigin();
return pixelOrigin.subtract(this._getMapPanePos());
},
_getNewPixelOrigin: function (center, zoom) {
var viewHalf = this.getSize()._divideBy(2);
return this.project(center, zoom)._subtract(viewHalf)._add(this._getMapPanePos())._round();
},
_latLngToNewLayerPoint: function (latlng, zoom, center) {
var topLeft = this._getNewPixelOrigin(center, zoom);
return this.project(latlng, zoom)._subtract(topLeft);
},
_latLngBoundsToNewLayerBounds: function (latLngBounds, zoom, center) {
var topLeft = this._getNewPixelOrigin(center, zoom);
return toBounds([
this.project(latLngBounds.getSouthWest(), zoom)._subtract(topLeft),
this.project(latLngBounds.getNorthWest(), zoom)._subtract(topLeft),
this.project(latLngBounds.getSouthEast(), zoom)._subtract(topLeft),
this.project(latLngBounds.getNorthEast(), zoom)._subtract(topLeft)
]);
},
// layer point of the current center
_getCenterLayerPoint: function () {
return this.containerPointToLayerPoint(this.getSize()._divideBy(2));
},
// offset of the specified place to the current center in pixels
_getCenterOffset: function (latlng) {
return this.latLngToLayerPoint(latlng).subtract(this._getCenterLayerPoint());
},
// adjust center for view to get inside bounds
_limitCenter: function (center, zoom, bounds) {
if (!bounds) { return center; }
var centerPoint = this.project(center, zoom),
viewHalf = this.getSize().divideBy(2),
viewBounds = new Bounds(centerPoint.subtract(viewHalf), centerPoint.add(viewHalf)),
offset = this._getBoundsOffset(viewBounds, bounds, zoom);
// If offset is less than a pixel, ignore.
// This prevents unstable projections from getting into
// an infinite loop of tiny offsets.
if (offset.round().equals([0, 0])) {
return center;
}
return this.unproject(centerPoint.add(offset), zoom);
},
// adjust offset for view to get inside bounds
_limitOffset: function (offset, bounds) {
if (!bounds) { return offset; }
var viewBounds = this.getPixelBounds(),
newBounds = new Bounds(viewBounds.min.add(offset), viewBounds.max.add(offset));
return offset.add(this._getBoundsOffset(newBounds, bounds));
},
// returns offset needed for pxBounds to get inside maxBounds at a specified zoom
_getBoundsOffset: function (pxBounds, maxBounds, zoom) {
var projectedMaxBounds = toBounds(
this.project(maxBounds.getNorthEast(), zoom),
this.project(maxBounds.getSouthWest(), zoom)
),
minOffset = projectedMaxBounds.min.subtract(pxBounds.min),
maxOffset = projectedMaxBounds.max.subtract(pxBounds.max),
dx = this._rebound(minOffset.x, -maxOffset.x),
dy = this._rebound(minOffset.y, -maxOffset.y);
return new Point(dx, dy);
},
_rebound: function (left, right) {
return left + right > 0 ?
Math.round(left - right) / 2 :
Math.max(0, Math.ceil(left)) - Math.max(0, Math.floor(right));
},
_limitZoom: function (zoom) {
var min = this.getMinZoom(),
max = this.getMaxZoom(),
snap = any3d ? this.options.zoomSnap : 1;
if (snap) {
zoom = Math.round(zoom / snap) * snap;
}
return Math.max(min, Math.min(max, zoom));
},
_onPanTransitionStep: function () {
this.fire('move');
},
_onPanTransitionEnd: function () {
removeClass(this._mapPane, 'leaflet-pan-anim');
this.fire('moveend');
},
_tryAnimatedPan: function (center, options) {
// difference between the new and current centers in pixels
var offset = this._getCenterOffset(center)._trunc();
// don't animate too far unless animate: true specified in options
if ((options && options.animate) !== true && !this.getSize().contains(offset)) { return false; }
this.panBy(offset, options);
return true;
},
_createAnimProxy: function () {
var proxy = this._proxy = create$1('div', 'leaflet-proxy leaflet-zoom-animated');
this._panes.mapPane.appendChild(proxy);
this.on('zoomanim', function (e) {
var prop = TRANSFORM,
transform = this._proxy.style[prop];
setTransform(this._proxy, this.project(e.center, e.zoom), this.getZoomScale(e.zoom, 1));
// workaround for case when transform is the same and so transitionend event is not fired
if (transform === this._proxy.style[prop] && this._animatingZoom) {
this._onZoomTransitionEnd();
}
}, this);
this.on('load moveend', this._animMoveEnd, this);
this._on('unload', this._destroyAnimProxy, this);
},
_destroyAnimProxy: function () {
remove(this._proxy);
this.off('load moveend', this._animMoveEnd, this);
delete this._proxy;
},
_animMoveEnd: function () {
var c = this.getCenter(),
z = this.getZoom();
setTransform(this._proxy, this.project(c, z), this.getZoomScale(z, 1));
},
_catchTransitionEnd: function (e) {
if (this._animatingZoom && e.propertyName.indexOf('transform') >= 0) {
this._onZoomTransitionEnd();
}
},
_nothingToAnimate: function () {
return !this._container.getElementsByClassName('leaflet-zoom-animated').length;
},
_tryAnimatedZoom: function (center, zoom, options) {
if (this._animatingZoom) { return true; }
options = options || {};
// don't animate if disabled, not supported or zoom difference is too large
if (!this._zoomAnimated || options.animate === false || this._nothingToAnimate() ||
Math.abs(zoom - this._zoom) > this.options.zoomAnimationThreshold) { return false; }
// offset is the pixel coords of the zoom origin relative to the current center
var scale = this.getZoomScale(zoom),
offset = this._getCenterOffset(center)._divideBy(1 - 1 / scale);
// don't animate if the zoom origin isn't within one screen from the current center, unless forced
if (options.animate !== true && !this.getSize().contains(offset)) { return false; }
requestAnimFrame(function () {
this
._moveStart(true, false)
._animateZoom(center, zoom, true);
}, this);
return true;
},
_animateZoom: function (center, zoom, startAnim, noUpdate) {
if (!this._mapPane) { return; }
if (startAnim) {
this._animatingZoom = true;
// remember what center/zoom to set after animation
this._animateToCenter = center;
this._animateToZoom = zoom;
addClass(this._mapPane, 'leaflet-zoom-anim');
}
// @section Other Events
// @event zoomanim: ZoomAnimEvent
// Fired at least once per zoom animation. For continuous zoom, like pinch zooming, fired once per frame during zoom.
this.fire('zoomanim', {
center: center,
zoom: zoom,
noUpdate: noUpdate
});
// Work around webkit not firing 'transitionend', see https://github.com/Leaflet/Leaflet/issues/3689, 2693
setTimeout(bind(this._onZoomTransitionEnd, this), 250);
},
_onZoomTransitionEnd: function () {
if (!this._animatingZoom) { return; }
if (this._mapPane) {
removeClass(this._mapPane, 'leaflet-zoom-anim');
}
this._animatingZoom = false;
this._move(this._animateToCenter, this._animateToZoom);
// This anim frame should prevent an obscure iOS webkit tile loading race condition.
requestAnimFrame(function () {
this._moveEnd(true);
}, this);
}
});
// @section
// @factory L.map(id: String, options?: Map options)
// Instantiates a map object given the DOM ID of a `<div>` element
// and optionally an object literal with `Map options`.
//
// @alternative
// @factory L.map(el: HTMLElement, options?: Map options)
// Instantiates a map object given an instance of a `<div>` HTML element
// and optionally an object literal with `Map options`.
function createMap(id, options) {
return new Map(id, options);
}
/*
* @class Control
* @aka L.Control
* @inherits Class
*
* L.Control is a base class for implementing map controls. Handles positioning.
* All other controls extend from this class.
*/
var Control = Class.extend({
// @section
// @aka Control options
options: {
// @option position: String = 'topright'
// The position of the control (one of the map corners). Possible values are `'topleft'`,
// `'topright'`, `'bottomleft'` or `'bottomright'`
position: 'topright'
},
initialize: function (options) {
setOptions(this, options);
},
/* @section
* Classes extending L.Control will inherit the following methods:
*
* @method getPosition: string
* Returns the position of the control.
*/
getPosition: function () {
return this.options.position;
},
// @method setPosition(position: string): this
// Sets the position of the control.
setPosition: function (position) {
var map = this._map;
if (map) {
map.removeControl(this);
}
this.options.position = position;
if (map) {
map.addControl(this);
}
return this;
},
// @method getContainer: HTMLElement
// Returns the HTMLElement that contains the control.
getContainer: function () {
return this._container;
},
// @method addTo(map: Map): this
// Adds the control to the given map.
addTo: function (map) {
this.remove();
this._map = map;
var container = this._container = this.onAdd(map),
pos = this.getPosition(),
corner = map._controlCorners[pos];
addClass(container, 'leaflet-control');
if (pos.indexOf('bottom') !== -1) {
corner.insertBefore(container, corner.firstChild);
} else {
corner.appendChild(container);
}
this._map.on('unload', this.remove, this);
return this;
},
// @method remove: this
// Removes the control from the map it is currently active on.
remove: function () {
if (!this._map) {
return this;
}
remove(this._container);
if (this.onRemove) {
this.onRemove(this._map);
}
this._map.off('unload', this.remove, this);
this._map = null;
return this;
},
_refocusOnMap: function (e) {
// if map exists and event is not a keyboard event
if (this._map && e && e.screenX > 0 && e.screenY > 0) {
this._map.getContainer().focus();
}
}
});
var control = function (options) {
return new Control(options);
};
/* @section Extension methods
* @uninheritable
*
* Every control should extend from `L.Control` and (re-)implement the following methods.
*
* @method onAdd(map: Map): HTMLElement
* Should return the container DOM element for the control and add listeners on relevant map events. Called on [`control.addTo(map)`](#control-addTo).
*
* @method onRemove(map: Map)
* Optional method. Should contain all clean up code that removes the listeners previously added in [`onAdd`](#control-onadd). Called on [`control.remove()`](#control-remove).
*/
/* @namespace Map
* @section Methods for Layers and Controls
*/
Map.include({
// @method addControl(control: Control): this
// Adds the given control to the map
addControl: function (control) {
control.addTo(this);
return this;
},
// @method removeControl(control: Control): this
// Removes the given control from the map
removeControl: function (control) {
control.remove();
return this;
},
_initControlPos: function () {
var corners = this._controlCorners = {},
l = 'leaflet-',
container = this._controlContainer =
create$1('div', l + 'control-container', this._container);
function createCorner(vSide, hSide) {
var className = l + vSide + ' ' + l + hSide;
corners[vSide + hSide] = create$1('div', className, container);
}
createCorner('top', 'left');
createCorner('top', 'right');
createCorner('bottom', 'left');
createCorner('bottom', 'right');
},
_clearControlPos: function () {
for (var i in this._controlCorners) {
remove(this._controlCorners[i]);
}
remove(this._controlContainer);
delete this._controlCorners;
delete this._controlContainer;
}
});
/*
* @class Control.Layers
* @aka L.Control.Layers
* @inherits Control
*
* The layers control gives users the ability to switch between different base layers and switch overlays on/off (check out the [detailed example](http://leafletjs.com/examples/layers-control/)). Extends `Control`.
*
* @example
*
* ```js
* var baseLayers = {
* "Mapbox": mapbox,
* "OpenStreetMap": osm
* };
*
* var overlays = {
* "Marker": marker,
* "Roads": roadsLayer
* };
*
* L.control.layers(baseLayers, overlays).addTo(map);
* ```
*
* The `baseLayers` and `overlays` parameters are object literals with layer names as keys and `Layer` objects as values:
*
* ```js
* {
* "<someName1>": layer1,
* "<someName2>": layer2
* }
* ```
*
* The layer names can contain HTML, which allows you to add additional styling to the items:
*
* ```js
* {"<img src='my-layer-icon' /> <span class='my-layer-item'>My Layer</span>": myLayer}
* ```
*/
var Layers = Control.extend({
// @section
// @aka Control.Layers options
options: {
// @option collapsed: Boolean = true
// If `true`, the control will be collapsed into an icon and expanded on mouse hover or touch.
collapsed: true,
position: 'topright',
// @option autoZIndex: Boolean = true
// If `true`, the control will assign zIndexes in increasing order to all of its layers so that the order is preserved when switching them on/off.
autoZIndex: true,
// @option hideSingleBase: Boolean = false
// If `true`, the base layers in the control will be hidden when there is only one.
hideSingleBase: false,
// @option sortLayers: Boolean = false
// Whether to sort the layers. When `false`, layers will keep the order
// in which they were added to the control.
sortLayers: false,
// @option sortFunction: Function = *
// A [compare function](https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Array/sort)
// that will be used for sorting the layers, when `sortLayers` is `true`.
// The function receives both the `L.Layer` instances and their names, as in
// `sortFunction(layerA, layerB, nameA, nameB)`.
// By default, it sorts layers alphabetically by their name.
sortFunction: function (layerA, layerB, nameA, nameB) {
return nameA < nameB ? -1 : (nameB < nameA ? 1 : 0);
}
},
initialize: function (baseLayers, overlays, options) {
setOptions(this, options);
this._layerControlInputs = [];
this._layers = [];
this._lastZIndex = 0;
this._handlingClick = false;
for (var i in baseLayers) {
this._addLayer(baseLayers[i], i);
}
for (i in overlays) {
this._addLayer(overlays[i], i, true);
}
},
onAdd: function (map) {
this._initLayout();
this._update();
this._map = map;
map.on('zoomend', this._checkDisabledLayers, this);
for (var i = 0; i < this._layers.length; i++) {
this._layers[i].layer.on('add remove', this._onLayerChange, this);
}
return this._container;
},
addTo: function (map) {
Control.prototype.addTo.call(this, map);
// Trigger expand after Layers Control has been inserted into DOM so that is now has an actual height.
return this._expandIfNotCollapsed();
},
onRemove: function () {
this._map.off('zoomend', this._checkDisabledLayers, this);
for (var i = 0; i < this._layers.length; i++) {
this._layers[i].layer.off('add remove', this._onLayerChange, this);
}
},
// @method addBaseLayer(layer: Layer, name: String): this
// Adds a base layer (radio button entry) with the given name to the control.
addBaseLayer: function (layer, name) {
this._addLayer(layer, name);
return (this._map) ? this._update() : this;
},
// @method addOverlay(layer: Layer, name: String): this
// Adds an overlay (checkbox entry) with the given name to the control.
addOverlay: function (layer, name) {
this._addLayer(layer, name, true);
return (this._map) ? this._update() : this;
},
// @method removeLayer(layer: Layer): this
// Remove the given layer from the control.
removeLayer: function (layer) {
layer.off('add remove', this._onLayerChange, this);
var obj = this._getLayer(stamp(layer));
if (obj) {
this._layers.splice(this._layers.indexOf(obj), 1);
}
return (this._map) ? this._update() : this;
},
// @method expand(): this
// Expand the control container if collapsed.
expand: function () {
addClass(this._container, 'leaflet-control-layers-expanded');
this._section.style.height = null;
var acceptableHeight = this._map.getSize().y - (this._container.offsetTop + 50);
if (acceptableHeight < this._section.clientHeight) {
addClass(this._section, 'leaflet-control-layers-scrollbar');
this._section.style.height = acceptableHeight + 'px';
} else {
removeClass(this._section, 'leaflet-control-layers-scrollbar');
}
this._checkDisabledLayers();
return this;
},
// @method collapse(): this
// Collapse the control container if expanded.
collapse: function () {
removeClass(this._container, 'leaflet-control-layers-expanded');
return this;
},
_initLayout: function () {
var className = 'leaflet-control-layers',
container = this._container = create$1('div', className),
collapsed = this.options.collapsed;
// makes this work on IE touch devices by stopping it from firing a mouseout event when the touch is released
container.setAttribute('aria-haspopup', true);
disableClickPropagation(container);
disableScrollPropagation(container);
var section = this._section = create$1('section', className + '-list');
if (collapsed) {
this._map.on('click', this.collapse, this);
if (!android) {
on(container, {
mouseenter: this.expand,
mouseleave: this.collapse
}, this);
}
}
var link = this._layersLink = create$1('a', className + '-toggle', container);
link.href = '#';
link.title = 'Layers';
if (touch) {
on(link, 'click', stop);
on(link, 'click', this.expand, this);
} else {
on(link, 'focus', this.expand, this);
}
if (!collapsed) {
this.expand();
}
this._baseLayersList = create$1('div', className + '-base', section);
this._separator = create$1('div', className + '-separator', section);
this._overlaysList = create$1('div', className + '-overlays', section);
container.appendChild(section);
},
_getLayer: function (id) {
for (var i = 0; i < this._layers.length; i++) {
if (this._layers[i] && stamp(this._layers[i].layer) === id) {
return this._layers[i];
}
}
},
_addLayer: function (layer, name, overlay) {
if (this._map) {
layer.on('add remove', this._onLayerChange, this);
}
this._layers.push({
layer: layer,
name: name,
overlay: overlay
});
if (this.options.sortLayers) {
this._layers.sort(bind(function (a, b) {
return this.options.sortFunction(a.layer, b.layer, a.name, b.name);
}, this));
}
if (this.options.autoZIndex && layer.setZIndex) {
this._lastZIndex++;
layer.setZIndex(this._lastZIndex);
}
this._expandIfNotCollapsed();
},
_update: function () {
if (!this._container) { return this; }
empty(this._baseLayersList);
empty(this._overlaysList);
this._layerControlInputs = [];
var baseLayersPresent, overlaysPresent, i, obj, baseLayersCount = 0;
for (i = 0; i < this._layers.length; i++) {
obj = this._layers[i];
this._addItem(obj);
overlaysPresent = overlaysPresent || obj.overlay;
baseLayersPresent = baseLayersPresent || !obj.overlay;
baseLayersCount += !obj.overlay ? 1 : 0;
}
// Hide base layers section if there's only one layer.
if (this.options.hideSingleBase) {
baseLayersPresent = baseLayersPresent && baseLayersCount > 1;
this._baseLayersList.style.display = baseLayersPresent ? '' : 'none';
}
this._separator.style.display = overlaysPresent && baseLayersPresent ? '' : 'none';
return this;
},
_onLayerChange: function (e) {
if (!this._handlingClick) {
this._update();
}
var obj = this._getLayer(stamp(e.target));
// @namespace Map
// @section Layer events
// @event baselayerchange: LayersControlEvent
// Fired when the base layer is changed through the [layers control](#control-layers).
// @event overlayadd: LayersControlEvent
// Fired when an overlay is selected through the [layers control](#control-layers).
// @event overlayremove: LayersControlEvent
// Fired when an overlay is deselected through the [layers control](#control-layers).
// @namespace Control.Layers
var type = obj.overlay ?
(e.type === 'add' ? 'overlayadd' : 'overlayremove') :
(e.type === 'add' ? 'baselayerchange' : null);
if (type) {
this._map.fire(type, obj);
}
},
// IE7 bugs out if you create a radio dynamically, so you have to do it this hacky way (see http://bit.ly/PqYLBe)
_createRadioElement: function (name, checked) {
var radioHtml = '<input type="radio" class="leaflet-control-layers-selector" name="' +
name + '"' + (checked ? ' checked="checked"' : '') + '/>';
var radioFragment = document.createElement('div');
radioFragment.innerHTML = radioHtml;
return radioFragment.firstChild;
},
_addItem: function (obj) {
var label = document.createElement('label'),
checked = this._map.hasLayer(obj.layer),
input;
if (obj.overlay) {
input = document.createElement('input');
input.type = 'checkbox';
input.className = 'leaflet-control-layers-selector';
input.defaultChecked = checked;
} else {
input = this._createRadioElement('leaflet-base-layers_' + stamp(this), checked);
}
this._layerControlInputs.push(input);
input.layerId = stamp(obj.layer);
on(input, 'click', this._onInputClick, this);
var name = document.createElement('span');
name.innerHTML = ' ' + obj.name;
// Helps from preventing layer control flicker when checkboxes are disabled
// https://github.com/Leaflet/Leaflet/issues/2771
var holder = document.createElement('div');
label.appendChild(holder);
holder.appendChild(input);
holder.appendChild(name);
var container = obj.overlay ? this._overlaysList : this._baseLayersList;
container.appendChild(label);
this._checkDisabledLayers();
return label;
},
_onInputClick: function () {
var inputs = this._layerControlInputs,
input, layer;
var addedLayers = [],
removedLayers = [];
this._handlingClick = true;
for (var i = inputs.length - 1; i >= 0; i--) {
input = inputs[i];
layer = this._getLayer(input.layerId).layer;
if (input.checked) {
addedLayers.push(layer);
} else if (!input.checked) {
removedLayers.push(layer);
}
}
// Bugfix issue 2318: Should remove all old layers before readding new ones
for (i = 0; i < removedLayers.length; i++) {
if (this._map.hasLayer(removedLayers[i])) {
this._map.removeLayer(removedLayers[i]);
}
}
for (i = 0; i < addedLayers.length; i++) {
if (!this._map.hasLayer(addedLayers[i])) {
this._map.addLayer(addedLayers[i]);
}
}
this._handlingClick = false;
this._refocusOnMap();
},
_checkDisabledLayers: function () {
var inputs = this._layerControlInputs,
input,
layer,
zoom = this._map.getZoom();
for (var i = inputs.length - 1; i >= 0; i--) {
input = inputs[i];
layer = this._getLayer(input.layerId).layer;
input.disabled = (layer.options.minZoom !== undefined && zoom < layer.options.minZoom) ||
(layer.options.maxZoom !== undefined && zoom > layer.options.maxZoom);
}
},
_expandIfNotCollapsed: function () {
if (this._map && !this.options.collapsed) {
this.expand();
}
return this;
},
_expand: function () {
// Backward compatibility, remove me in 1.1.
return this.expand();
},
_collapse: function () {
// Backward compatibility, remove me in 1.1.
return this.collapse();
}
});
// @factory L.control.layers(baselayers?: Object, overlays?: Object, options?: Control.Layers options)
// Creates a layers control with the given layers. Base layers will be switched with radio buttons, while overlays will be switched with checkboxes. Note that all base layers should be passed in the base layers object, but only one should be added to the map during map instantiation.
var layers = function (baseLayers, overlays, options) {
return new Layers(baseLayers, overlays, options);
};
/*
* @class Control.Zoom
* @aka L.Control.Zoom
* @inherits Control
*
* A basic zoom control with two buttons (zoom in and zoom out). It is put on the map by default unless you set its [`zoomControl` option](#map-zoomcontrol) to `false`. Extends `Control`.
*/
var Zoom = Control.extend({
// @section
// @aka Control.Zoom options
options: {
position: 'topleft',
// @option zoomInText: String = '+'
// The text set on the 'zoom in' button.
zoomInText: '+',
// @option zoomInTitle: String = 'Zoom in'
// The title set on the 'zoom in' button.
zoomInTitle: 'Zoom in',
// @option zoomOutText: String = '&#x2212;'
// The text set on the 'zoom out' button.
zoomOutText: '&#x2212;',
// @option zoomOutTitle: String = 'Zoom out'
// The title set on the 'zoom out' button.
zoomOutTitle: 'Zoom out'
},
onAdd: function (map) {
var zoomName = 'leaflet-control-zoom',
container = create$1('div', zoomName + ' leaflet-bar'),
options = this.options;
this._zoomInButton = this._createButton(options.zoomInText, options.zoomInTitle,
zoomName + '-in', container, this._zoomIn);
this._zoomOutButton = this._createButton(options.zoomOutText, options.zoomOutTitle,
zoomName + '-out', container, this._zoomOut);
this._updateDisabled();
map.on('zoomend zoomlevelschange', this._updateDisabled, this);
return container;
},
onRemove: function (map) {
map.off('zoomend zoomlevelschange', this._updateDisabled, this);
},
disable: function () {
this._disabled = true;
this._updateDisabled();
return this;
},
enable: function () {
this._disabled = false;
this._updateDisabled();
return this;
},
_zoomIn: function (e) {
if (!this._disabled && this._map._zoom < this._map.getMaxZoom()) {
this._map.zoomIn(this._map.options.zoomDelta * (e.shiftKey ? 3 : 1));
}
},
_zoomOut: function (e) {
if (!this._disabled && this._map._zoom > this._map.getMinZoom()) {
this._map.zoomOut(this._map.options.zoomDelta * (e.shiftKey ? 3 : 1));
}
},
_createButton: function (html, title, className, container, fn) {
var link = create$1('a', className, container);
link.innerHTML = html;
link.href = '#';
link.title = title;
/*
* Will force screen readers like VoiceOver to read this as "Zoom in - button"
*/
link.setAttribute('role', 'button');
link.setAttribute('aria-label', title);
disableClickPropagation(link);
on(link, 'click', stop);
on(link, 'click', fn, this);
on(link, 'click', this._refocusOnMap, this);
return link;
},
_updateDisabled: function () {
var map = this._map,
className = 'leaflet-disabled';
removeClass(this._zoomInButton, className);
removeClass(this._zoomOutButton, className);
if (this._disabled || map._zoom === map.getMinZoom()) {
addClass(this._zoomOutButton, className);
}
if (this._disabled || map._zoom === map.getMaxZoom()) {
addClass(this._zoomInButton, className);
}
}
});
// @namespace Map
// @section Control options
// @option zoomControl: Boolean = true
// Whether a [zoom control](#control-zoom) is added to the map by default.
Map.mergeOptions({
zoomControl: true
});
Map.addInitHook(function () {
if (this.options.zoomControl) {
// @section Controls
// @property zoomControl: Control.Zoom
// The default zoom control (only available if the
// [`zoomControl` option](#map-zoomcontrol) was `true` when creating the map).
this.zoomControl = new Zoom();
this.addControl(this.zoomControl);
}
});
// @namespace Control.Zoom
// @factory L.control.zoom(options: Control.Zoom options)
// Creates a zoom control
var zoom = function (options) {
return new Zoom(options);
};
/*
* @class Control.Scale
* @aka L.Control.Scale
* @inherits Control
*
* A simple scale control that shows the scale of the current center of screen in metric (m/km) and imperial (mi/ft) systems. Extends `Control`.
*
* @example
*
* ```js
* L.control.scale().addTo(map);
* ```
*/
3 years ago
1 year ago
var Scale = Control.extend({
// @section
// @aka Control.Scale options
options: {
position: 'bottomleft',
// @option maxWidth: Number = 100
// Maximum width of the control in pixels. The width is set dynamically to show round values (e.g. 100, 200, 500).
maxWidth: 100,
// @option metric: Boolean = True
// Whether to show the metric scale line (m/km).
metric: true,
// @option imperial: Boolean = True
// Whether to show the imperial scale line (mi/ft).
imperial: true
// @option updateWhenIdle: Boolean = false
// If `true`, the control is updated on [`moveend`](#map-moveend), otherwise it's always up-to-date (updated on [`move`](#map-move)).
},
onAdd: function (map) {
var className = 'leaflet-control-scale',
container = create$1('div', className),
options = this.options;
this._addScales(options, className + '-line', container);
map.on(options.updateWhenIdle ? 'moveend' : 'move', this._update, this);
map.whenReady(this._update, this);
return container;
},
onRemove: function (map) {
map.off(this.options.updateWhenIdle ? 'moveend' : 'move', this._update, this);
},
_addScales: function (options, className, container) {
if (options.metric) {
this._mScale = create$1('div', className, container);
}
if (options.imperial) {
this._iScale = create$1('div', className, container);
}
},
_update: function () {
var map = this._map,
y = map.getSize().y / 2;
var maxMeters = map.distance(
map.containerPointToLatLng([0, y]),
map.containerPointToLatLng([this.options.maxWidth, y]));
this._updateScales(maxMeters);
},
_updateScales: function (maxMeters) {
if (this.options.metric && maxMeters) {
this._updateMetric(maxMeters);
}
if (this.options.imperial && maxMeters) {
this._updateImperial(maxMeters);
}
},
_updateMetric: function (maxMeters) {
var meters = this._getRoundNum(maxMeters),
label = meters < 1000 ? meters + ' m' : (meters / 1000) + ' km';
this._updateScale(this._mScale, label, meters / maxMeters);
},
_updateImperial: function (maxMeters) {
var maxFeet = maxMeters * 3.2808399,
maxMiles, miles, feet;
if (maxFeet > 5280) {
maxMiles = maxFeet / 5280;
miles = this._getRoundNum(maxMiles);
this._updateScale(this._iScale, miles + ' mi', miles / maxMiles);
} else {
feet = this._getRoundNum(maxFeet);
this._updateScale(this._iScale, feet + ' ft', feet / maxFeet);
}
},
_updateScale: function (scale, text, ratio) {
scale.style.width = Math.round(this.options.maxWidth * ratio) + 'px';
scale.innerHTML = text;
},
_getRoundNum: function (num) {
var pow10 = Math.pow(10, (Math.floor(num) + '').length - 1),
d = num / pow10;
d = d >= 10 ? 10 :
d >= 5 ? 5 :
d >= 3 ? 3 :
d >= 2 ? 2 : 1;
return pow10 * d;
}
});
// @factory L.control.scale(options?: Control.Scale options)
// Creates an scale control with the given options.
var scale = function (options) {
return new Scale(options);
};
/*
* @class Control.Attribution
* @aka L.Control.Attribution
* @inherits Control
*
* The attribution control allows you to display attribution data in a small text box on a map. It is put on the map by default unless you set its [`attributionControl` option](#map-attributioncontrol) to `false`, and it fetches attribution texts from layers with the [`getAttribution` method](#layer-getattribution) automatically. Extends Control.
*/
var Attribution = Control.extend({
// @section
// @aka Control.Attribution options
options: {
position: 'bottomright',
// @option prefix: String = 'Leaflet'
// The HTML text shown before the attributions. Pass `false` to disable.
prefix: '<a href="https://leafletjs.com" title="A JS library for interactive maps">Leaflet</a>'
},
initialize: function (options) {
setOptions(this, options);
this._attributions = {};
},
onAdd: function (map) {
map.attributionControl = this;
this._container = create$1('div', 'leaflet-control-attribution');
disableClickPropagation(this._container);
// TODO ugly, refactor
for (var i in map._layers) {
if (map._layers[i].getAttribution) {
this.addAttribution(map._layers[i].getAttribution());
}
}
this._update();
return this._container;
},
// @method setPrefix(prefix: String): this
// Sets the text before the attributions.
setPrefix: function (prefix) {
this.options.prefix = prefix;
this._update();
return this;
},
// @method addAttribution(text: String): this
// Adds an attribution text (e.g. `'Vector data &copy; Mapbox'`).
addAttribution: function (text) {
if (!text) { return this; }
if (!this._attributions[text]) {
this._attributions[text] = 0;
}
this._attributions[text]++;
this._update();
return this;
},
// @method removeAttribution(text: String): this
// Removes an attribution text.
removeAttribution: function (text) {
if (!text) { return this; }
if (this._attributions[text]) {
this._attributions[text]--;
this._update();
}
return this;
},
_update: function () {
if (!this._map) { return; }
var attribs = [];
for (var i in this._attributions) {
if (this._attributions[i]) {
attribs.push(i);
}
}
var prefixAndAttribs = [];
if (this.options.prefix) {
prefixAndAttribs.push(this.options.prefix);
}
if (attribs.length) {
prefixAndAttribs.push(attribs.join(', '));
}
this._container.innerHTML = prefixAndAttribs.join(' | ');
}
});
// @namespace Map
// @section Control options
// @option attributionControl: Boolean = true
// Whether a [attribution control](#control-attribution) is added to the map by default.
Map.mergeOptions({
attributionControl: true
});
Map.addInitHook(function () {
if (this.options.attributionControl) {
new Attribution().addTo(this);
}
});
// @namespace Control.Attribution
// @factory L.control.attribution(options: Control.Attribution options)
// Creates an attribution control.
var attribution = function (options) {
return new Attribution(options);
};
Control.Layers = Layers;
Control.Zoom = Zoom;
Control.Scale = Scale;
Control.Attribution = Attribution;
control.layers = layers;
control.zoom = zoom;
control.scale = scale;
control.attribution = attribution;
/*
L.Handler is a base class for handler classes that are used internally to inject
interaction features like dragging to classes like Map and Marker.
*/
3 years ago
1 year ago
// @class Handler
// @aka L.Handler
// Abstract class for map interaction handlers
var Handler = Class.extend({
initialize: function (map) {
this._map = map;
},
// @method enable(): this
// Enables the handler
enable: function () {
if (this._enabled) { return this; }
this._enabled = true;
this.addHooks();
return this;
},
// @method disable(): this
// Disables the handler
disable: function () {
if (!this._enabled) { return this; }
this._enabled = false;
this.removeHooks();
return this;
},
// @method enabled(): Boolean
// Returns `true` if the handler is enabled
enabled: function () {
return !!this._enabled;
}
// @section Extension methods
// Classes inheriting from `Handler` must implement the two following methods:
// @method addHooks()
// Called when the handler is enabled, should add event hooks.
// @method removeHooks()
// Called when the handler is disabled, should remove the event hooks added previously.
});
// @section There is static function which can be called without instantiating L.Handler:
// @function addTo(map: Map, name: String): this
// Adds a new Handler to the given map with the given name.
Handler.addTo = function (map, name) {
map.addHandler(name, this);
return this;
};
var Mixin = {Events: Events};
/*
* @class Draggable
* @aka L.Draggable
* @inherits Evented
*
* A class for making DOM elements draggable (including touch support).
* Used internally for map and marker dragging. Only works for elements
* that were positioned with [`L.DomUtil.setPosition`](#domutil-setposition).
*
* @example
* ```js
* var draggable = new L.Draggable(elementToDrag);
* draggable.enable();
* ```
*/
var START = touch ? 'touchstart mousedown' : 'mousedown';
var END = {
mousedown: 'mouseup',
touchstart: 'touchend',
pointerdown: 'touchend',
MSPointerDown: 'touchend'
};
var MOVE = {
mousedown: 'mousemove',
touchstart: 'touchmove',
pointerdown: 'touchmove',
MSPointerDown: 'touchmove'
};
var Draggable = Evented.extend({
options: {
// @section
// @aka Draggable options
// @option clickTolerance: Number = 3
// The max number of pixels a user can shift the mouse pointer during a click
// for it to be considered a valid click (as opposed to a mouse drag).
clickTolerance: 3
},
// @constructor L.Draggable(el: HTMLElement, dragHandle?: HTMLElement, preventOutline?: Boolean, options?: Draggable options)
// Creates a `Draggable` object for moving `el` when you start dragging the `dragHandle` element (equals `el` itself by default).
initialize: function (element, dragStartTarget, preventOutline$$1, options) {
setOptions(this, options);
this._element = element;
this._dragStartTarget = dragStartTarget || element;
this._preventOutline = preventOutline$$1;
},
// @method enable()
// Enables the dragging ability
enable: function () {
if (this._enabled) { return; }
on(this._dragStartTarget, START, this._onDown, this);
this._enabled = true;
},
// @method disable()
// Disables the dragging ability
disable: function () {
if (!this._enabled) { return; }
// If we're currently dragging this draggable,
// disabling it counts as first ending the drag.
if (Draggable._dragging === this) {
this.finishDrag();
}
off(this._dragStartTarget, START, this._onDown, this);
this._enabled = false;
this._moved = false;
},
_onDown: function (e) {
// Ignore simulated events, since we handle both touch and
// mouse explicitly; otherwise we risk getting duplicates of
// touch events, see #4315.
// Also ignore the event if disabled; this happens in IE11
// under some circumstances, see #3666.
if (e._simulated || !this._enabled) { return; }
this._moved = false;
if (hasClass(this._element, 'leaflet-zoom-anim')) { return; }
if (Draggable._dragging || e.shiftKey || ((e.which !== 1) && (e.button !== 1) && !e.touches)) { return; }
Draggable._dragging = this; // Prevent dragging multiple objects at once.
if (this._preventOutline) {
preventOutline(this._element);
}
disableImageDrag();
disableTextSelection();
if (this._moving) { return; }
// @event down: Event
// Fired when a drag is about to start.
this.fire('down');
var first = e.touches ? e.touches[0] : e,
sizedParent = getSizedParentNode(this._element);
this._startPoint = new Point(first.clientX, first.clientY);
// Cache the scale, so that we can continuously compensate for it during drag (_onMove).
this._parentScale = getScale(sizedParent);
on(document, MOVE[e.type], this._onMove, this);
on(document, END[e.type], this._onUp, this);
},
_onMove: function (e) {
// Ignore simulated events, since we handle both touch and
// mouse explicitly; otherwise we risk getting duplicates of
// touch events, see #4315.
// Also ignore the event if disabled; this happens in IE11
// under some circumstances, see #3666.
if (e._simulated || !this._enabled) { return; }
if (e.touches && e.touches.length > 1) {
this._moved = true;
return;
}
var first = (e.touches && e.touches.length === 1 ? e.touches[0] : e),
offset = new Point(first.clientX, first.clientY)._subtract(this._startPoint);
if (!offset.x && !offset.y) { return; }
if (Math.abs(offset.x) + Math.abs(offset.y) < this.options.clickTolerance) { return; }
// We assume that the parent container's position, border and scale do not change for the duration of the drag.
// Therefore there is no need to account for the position and border (they are eliminated by the subtraction)
// and we can use the cached value for the scale.
offset.x /= this._parentScale.x;
offset.y /= this._parentScale.y;
preventDefault(e);
if (!this._moved) {
// @event dragstart: Event
// Fired when a drag starts
this.fire('dragstart');
this._moved = true;
this._startPos = getPosition(this._element).subtract(offset);
addClass(document.body, 'leaflet-dragging');
this._lastTarget = e.target || e.srcElement;
// IE and Edge do not give the <use> element, so fetch it
// if necessary
if (window.SVGElementInstance && this._lastTarget instanceof window.SVGElementInstance) {
this._lastTarget = this._lastTarget.correspondingUseElement;
}
addClass(this._lastTarget, 'leaflet-drag-target');
}
this._newPos = this._startPos.add(offset);
this._moving = true;
cancelAnimFrame(this._animRequest);
this._lastEvent = e;
this._animRequest = requestAnimFrame(this._updatePosition, this, true);
},
_updatePosition: function () {
var e = {originalEvent: this._lastEvent};
// @event predrag: Event
// Fired continuously during dragging *before* each corresponding
// update of the element's position.
this.fire('predrag', e);
setPosition(this._element, this._newPos);
// @event drag: Event
// Fired continuously during dragging.
this.fire('drag', e);
},
_onUp: function (e) {
// Ignore simulated events, since we handle both touch and
// mouse explicitly; otherwise we risk getting duplicates of
// touch events, see #4315.
// Also ignore the event if disabled; this happens in IE11
// under some circumstances, see #3666.
if (e._simulated || !this._enabled) { return; }
this.finishDrag();
},
finishDrag: function () {
removeClass(document.body, 'leaflet-dragging');
if (this._lastTarget) {
removeClass(this._lastTarget, 'leaflet-drag-target');
this._lastTarget = null;
}
for (var i in MOVE) {
off(document, MOVE[i], this._onMove, this);
off(document, END[i], this._onUp, this);
}
enableImageDrag();
enableTextSelection();
if (this._moved && this._moving) {
// ensure drag is not fired after dragend
cancelAnimFrame(this._animRequest);
// @event dragend: DragEndEvent
// Fired when the drag ends.
this.fire('dragend', {
distance: this._newPos.distanceTo(this._startPos)
});
}
this._moving = false;
Draggable._dragging = false;
}
});
/*
* @namespace LineUtil
*
* Various utility functions for polyline points processing, used by Leaflet internally to make polylines lightning-fast.
*/
// Simplify polyline with vertex reduction and Douglas-Peucker simplification.
// Improves rendering performance dramatically by lessening the number of points to draw.
// @function simplify(points: Point[], tolerance: Number): Point[]
// Dramatically reduces the number of points in a polyline while retaining
// its shape and returns a new array of simplified points, using the
// [Douglas-Peucker algorithm](http://en.wikipedia.org/wiki/Douglas-Peucker_algorithm).
// Used for a huge performance boost when processing/displaying Leaflet polylines for
// each zoom level and also reducing visual noise. tolerance affects the amount of
// simplification (lesser value means higher quality but slower and with more points).
// Also released as a separated micro-library [Simplify.js](http://mourner.github.com/simplify-js/).
function simplify(points, tolerance) {
if (!tolerance || !points.length) {
return points.slice();
}
var sqTolerance = tolerance * tolerance;
// stage 1: vertex reduction
points = _reducePoints(points, sqTolerance);
// stage 2: Douglas-Peucker simplification
points = _simplifyDP(points, sqTolerance);
return points;
}
// @function pointToSegmentDistance(p: Point, p1: Point, p2: Point): Number
// Returns the distance between point `p` and segment `p1` to `p2`.
function pointToSegmentDistance(p, p1, p2) {
return Math.sqrt(_sqClosestPointOnSegment(p, p1, p2, true));
}
// @function closestPointOnSegment(p: Point, p1: Point, p2: Point): Number
// Returns the closest point from a point `p` on a segment `p1` to `p2`.
function closestPointOnSegment(p, p1, p2) {
return _sqClosestPointOnSegment(p, p1, p2);
}
// Douglas-Peucker simplification, see http://en.wikipedia.org/wiki/Douglas-Peucker_algorithm
function _simplifyDP(points, sqTolerance) {
var len = points.length,
ArrayConstructor = typeof Uint8Array !== undefined + '' ? Uint8Array : Array,
markers = new ArrayConstructor(len);
markers[0] = markers[len - 1] = 1;
_simplifyDPStep(points, markers, sqTolerance, 0, len - 1);
var i,
newPoints = [];
for (i = 0; i < len; i++) {
if (markers[i]) {
newPoints.push(points[i]);
}
}
return newPoints;
}
function _simplifyDPStep(points, markers, sqTolerance, first, last) {
var maxSqDist = 0,
index, i, sqDist;
for (i = first + 1; i <= last - 1; i++) {
sqDist = _sqClosestPointOnSegment(points[i], points[first], points[last], true);
if (sqDist > maxSqDist) {
index = i;
maxSqDist = sqDist;
}
}
if (maxSqDist > sqTolerance) {
markers[index] = 1;
_simplifyDPStep(points, markers, sqTolerance, first, index);
_simplifyDPStep(points, markers, sqTolerance, index, last);
}
}
// reduce points that are too close to each other to a single point
function _reducePoints(points, sqTolerance) {
var reducedPoints = [points[0]];
for (var i = 1, prev = 0, len = points.length; i < len; i++) {
if (_sqDist(points[i], points[prev]) > sqTolerance) {
reducedPoints.push(points[i]);
prev = i;
}
}
if (prev < len - 1) {
reducedPoints.push(points[len - 1]);
}
return reducedPoints;
}
var _lastCode;
// @function clipSegment(a: Point, b: Point, bounds: Bounds, useLastCode?: Boolean, round?: Boolean): Point[]|Boolean
// Clips the segment a to b by rectangular bounds with the
// [Cohen-Sutherland algorithm](https://en.wikipedia.org/wiki/Cohen%E2%80%93Sutherland_algorithm)
// (modifying the segment points directly!). Used by Leaflet to only show polyline
// points that are on the screen or near, increasing performance.
function clipSegment(a, b, bounds, useLastCode, round) {
var codeA = useLastCode ? _lastCode : _getBitCode(a, bounds),
codeB = _getBitCode(b, bounds),
codeOut, p, newCode;
// save 2nd code to avoid calculating it on the next segment
_lastCode = codeB;
while (true) {
// if a,b is inside the clip window (trivial accept)
if (!(codeA | codeB)) {
return [a, b];
}
// if a,b is outside the clip window (trivial reject)
if (codeA & codeB) {
return false;
}
// other cases
codeOut = codeA || codeB;
p = _getEdgeIntersection(a, b, codeOut, bounds, round);
newCode = _getBitCode(p, bounds);
if (codeOut === codeA) {
a = p;
codeA = newCode;
} else {
b = p;
codeB = newCode;
}
}
}
function _getEdgeIntersection(a, b, code, bounds, round) {
var dx = b.x - a.x,
dy = b.y - a.y,
min = bounds.min,
max = bounds.max,
x, y;
if (code & 8) { // top
x = a.x + dx * (max.y - a.y) / dy;
y = max.y;
} else if (code & 4) { // bottom
x = a.x + dx * (min.y - a.y) / dy;
y = min.y;
} else if (code & 2) { // right
x = max.x;
y = a.y + dy * (max.x - a.x) / dx;
} else if (code & 1) { // left
x = min.x;
y = a.y + dy * (min.x - a.x) / dx;
}
return new Point(x, y, round);
}
function _getBitCode(p, bounds) {
var code = 0;
if (p.x < bounds.min.x) { // left
code |= 1;
} else if (p.x > bounds.max.x) { // right
code |= 2;
}
if (p.y < bounds.min.y) { // bottom
code |= 4;
} else if (p.y > bounds.max.y) { // top
code |= 8;
}
return code;
}
// square distance (to avoid unnecessary Math.sqrt calls)
function _sqDist(p1, p2) {
var dx = p2.x - p1.x,
dy = p2.y - p1.y;
return dx * dx + dy * dy;
}
// return closest point on segment or distance to that point
function _sqClosestPointOnSegment(p, p1, p2, sqDist) {
var x = p1.x,
y = p1.y,
dx = p2.x - x,
dy = p2.y - y,
dot = dx * dx + dy * dy,
t;
if (dot > 0) {
t = ((p.x - x) * dx + (p.y - y) * dy) / dot;
if (t > 1) {
x = p2.x;
y = p2.y;
} else if (t > 0) {
x += dx * t;
y += dy * t;
}
}
dx = p.x - x;
dy = p.y - y;
return sqDist ? dx * dx + dy * dy : new Point(x, y);
}
// @function isFlat(latlngs: LatLng[]): Boolean
// Returns true if `latlngs` is a flat array, false is nested.
function isFlat(latlngs) {
return !isArray(latlngs[0]) || (typeof latlngs[0][0] !== 'object' && typeof latlngs[0][0] !== 'undefined');
}
function _flat(latlngs) {
console.warn('Deprecated use of _flat, please use L.LineUtil.isFlat instead.');
return isFlat(latlngs);
}
var LineUtil = ({
simplify: simplify,
pointToSegmentDistance: pointToSegmentDistance,
closestPointOnSegment: closestPointOnSegment,
clipSegment: clipSegment,
_getEdgeIntersection: _getEdgeIntersection,
_getBitCode: _getBitCode,
_sqClosestPointOnSegment: _sqClosestPointOnSegment,
isFlat: isFlat,
_flat: _flat
});
/*
* @namespace PolyUtil
* Various utility functions for polygon geometries.
*/
/* @function clipPolygon(points: Point[], bounds: Bounds, round?: Boolean): Point[]
* Clips the polygon geometry defined by the given `points` by the given bounds (using the [Sutherland-Hodgman algorithm](https://en.wikipedia.org/wiki/Sutherland%E2%80%93Hodgman_algorithm)).
* Used by Leaflet to only show polygon points that are on the screen or near, increasing
* performance. Note that polygon points needs different algorithm for clipping
* than polyline, so there's a separate method for it.
*/
function clipPolygon(points, bounds, round) {
var clippedPoints,
edges = [1, 4, 2, 8],
i, j, k,
a, b,
len, edge, p;
for (i = 0, len = points.length; i < len; i++) {
points[i]._code = _getBitCode(points[i], bounds);
}
// for each edge (left, bottom, right, top)
for (k = 0; k < 4; k++) {
edge = edges[k];
clippedPoints = [];
for (i = 0, len = points.length, j = len - 1; i < len; j = i++) {
a = points[i];
b = points[j];
// if a is inside the clip window
if (!(a._code & edge)) {
// if b is outside the clip window (a->b goes out of screen)
if (b._code & edge) {
p = _getEdgeIntersection(b, a, edge, bounds, round);
p._code = _getBitCode(p, bounds);
clippedPoints.push(p);
}
clippedPoints.push(a);
// else if b is inside the clip window (a->b enters the screen)
} else if (!(b._code & edge)) {
p = _getEdgeIntersection(b, a, edge, bounds, round);
p._code = _getBitCode(p, bounds);
clippedPoints.push(p);
}
}
points = clippedPoints;
}
return points;
}
var PolyUtil = ({
clipPolygon: clipPolygon
});
/*
* @namespace Projection
* @section
* Leaflet comes with a set of already defined Projections out of the box:
*
* @projection L.Projection.LonLat
*
* Equirectangular, or Plate Carree projection the most simple projection,
* mostly used by GIS enthusiasts. Directly maps `x` as longitude, and `y` as
* latitude. Also suitable for flat worlds, e.g. game maps. Used by the
* `EPSG:4326` and `Simple` CRS.
*/
var LonLat = {
project: function (latlng) {
return new Point(latlng.lng, latlng.lat);
},
unproject: function (point) {
return new LatLng(point.y, point.x);
},
bounds: new Bounds([-180, -90], [180, 90])
};
/*
* @namespace Projection
* @projection L.Projection.Mercator
*
* Elliptical Mercator projection more complex than Spherical Mercator. Assumes that Earth is an ellipsoid. Used by the EPSG:3395 CRS.
*/
var Mercator = {
R: 6378137,
R_MINOR: 6356752.314245179,
bounds: new Bounds([-20037508.34279, -15496570.73972], [20037508.34279, 18764656.23138]),
project: function (latlng) {
var d = Math.PI / 180,
r = this.R,
y = latlng.lat * d,
tmp = this.R_MINOR / r,
e = Math.sqrt(1 - tmp * tmp),
con = e * Math.sin(y);
var ts = Math.tan(Math.PI / 4 - y / 2) / Math.pow((1 - con) / (1 + con), e / 2);
y = -r * Math.log(Math.max(ts, 1E-10));
return new Point(latlng.lng * d * r, y);
},
unproject: function (point) {
var d = 180 / Math.PI,
r = this.R,
tmp = this.R_MINOR / r,
e = Math.sqrt(1 - tmp * tmp),
ts = Math.exp(-point.y / r),
phi = Math.PI / 2 - 2 * Math.atan(ts);
for (var i = 0, dphi = 0.1, con; i < 15 && Math.abs(dphi) > 1e-7; i++) {
con = e * Math.sin(phi);
con = Math.pow((1 - con) / (1 + con), e / 2);
dphi = Math.PI / 2 - 2 * Math.atan(ts * con) - phi;
phi += dphi;
}
return new LatLng(phi * d, point.x * d / r);
}
};
/*
* @class Projection
3 years ago
1 year ago
* An object with methods for projecting geographical coordinates of the world onto
* a flat surface (and back). See [Map projection](http://en.wikipedia.org/wiki/Map_projection).
3 years ago
1 year ago
* @property bounds: Bounds
* The bounds (specified in CRS units) where the projection is valid
3 years ago
1 year ago
* @method project(latlng: LatLng): Point
* Projects geographical coordinates into a 2D point.
* Only accepts actual `L.LatLng` instances, not arrays.
3 years ago
1 year ago
* @method unproject(point: Point): LatLng
* The inverse of `project`. Projects a 2D point into a geographical location.
* Only accepts actual `L.Point` instances, not arrays.
3 years ago
1 year ago
* Note that the projection instances do not inherit from Leaflet's `Class` object,
* and can't be instantiated. Also, new classes can't inherit from them,
* and methods can't be added to them with the `include` function.
3 years ago
1 year ago
*/
3 years ago
1 year ago
var index = ({
LonLat: LonLat,
Mercator: Mercator,
SphericalMercator: SphericalMercator
});
/*
* @namespace CRS
* @crs L.CRS.EPSG3395
*
* Rarely used by some commercial tile providers. Uses Elliptical Mercator projection.
*/
var EPSG3395 = extend({}, Earth, {
code: 'EPSG:3395',
projection: Mercator,
transformation: (function () {
var scale = 0.5 / (Math.PI * Mercator.R);
return toTransformation(scale, 0.5, -scale, 0.5);
}())
});
/*
* @namespace CRS
* @crs L.CRS.EPSG4326
*
* A common CRS among GIS enthusiasts. Uses simple Equirectangular projection.
*
* Leaflet 1.0.x complies with the [TMS coordinate scheme for EPSG:4326](https://wiki.osgeo.org/wiki/Tile_Map_Service_Specification#global-geodetic),
* which is a breaking change from 0.7.x behaviour. If you are using a `TileLayer`
* with this CRS, ensure that there are two 256x256 pixel tiles covering the
* whole earth at zoom level zero, and that the tile coordinate origin is (-180,+90),
* or (-180,-90) for `TileLayer`s with [the `tms` option](#tilelayer-tms) set.
*/
var EPSG4326 = extend({}, Earth, {
code: 'EPSG:4326',
projection: LonLat,
transformation: toTransformation(1 / 180, 1, -1 / 180, 0.5)
});
/*
* @namespace CRS
* @crs L.CRS.Simple
*
* A simple CRS that maps longitude and latitude into `x` and `y` directly.
* May be used for maps of flat surfaces (e.g. game maps). Note that the `y`
* axis should still be inverted (going from bottom to top). `distance()` returns
* simple euclidean distance.
*/
3 years ago
1 year ago
var Simple = extend({}, CRS, {
projection: LonLat,
transformation: toTransformation(1, 0, -1, 0),
scale: function (zoom) {
return Math.pow(2, zoom);
},
zoom: function (scale) {
return Math.log(scale) / Math.LN2;
},
distance: function (latlng1, latlng2) {
var dx = latlng2.lng - latlng1.lng,
dy = latlng2.lat - latlng1.lat;
return Math.sqrt(dx * dx + dy * dy);
},
infinite: true
});
CRS.Earth = Earth;
CRS.EPSG3395 = EPSG3395;
CRS.EPSG3857 = EPSG3857;
CRS.EPSG900913 = EPSG900913;
CRS.EPSG4326 = EPSG4326;
CRS.Simple = Simple;
/*
* @class Layer
* @inherits Evented
* @aka L.Layer
* @aka ILayer
*
* A set of methods from the Layer base class that all Leaflet layers use.
* Inherits all methods, options and events from `L.Evented`.
*
* @example
*
* ```js
* var layer = L.marker(latlng).addTo(map);
* layer.addTo(map);
* layer.remove();
* ```
*
* @event add: Event
* Fired after the layer is added to a map
*
* @event remove: Event
* Fired after the layer is removed from a map
*/
3 years ago
1 year ago
var Layer = Evented.extend({
// Classes extending `L.Layer` will inherit the following options:
options: {
// @option pane: String = 'overlayPane'
// By default the layer will be added to the map's [overlay pane](#map-overlaypane). Overriding this option will cause the layer to be placed on another pane by default.
pane: 'overlayPane',
// @option attribution: String = null
// String to be shown in the attribution control, e.g. "© OpenStreetMap contributors". It describes the layer data and is often a legal obligation towards copyright holders and tile providers.
attribution: null,
bubblingMouseEvents: true
},
/* @section
* Classes extending `L.Layer` will inherit the following methods:
*
* @method addTo(map: Map|LayerGroup): this
* Adds the layer to the given map or layer group.
*/
addTo: function (map) {
map.addLayer(this);
return this;
},
// @method remove: this
// Removes the layer from the map it is currently active on.
remove: function () {
return this.removeFrom(this._map || this._mapToAdd);
},
// @method removeFrom(map: Map): this
// Removes the layer from the given map
//
// @alternative
// @method removeFrom(group: LayerGroup): this
// Removes the layer from the given `LayerGroup`
removeFrom: function (obj) {
if (obj) {
obj.removeLayer(this);
}
return this;
},
// @method getPane(name? : String): HTMLElement
// Returns the `HTMLElement` representing the named pane on the map. If `name` is omitted, returns the pane for this layer.
getPane: function (name) {
return this._map.getPane(name ? (this.options[name] || name) : this.options.pane);
},
addInteractiveTarget: function (targetEl) {
this._map._targets[stamp(targetEl)] = this;
return this;
},
removeInteractiveTarget: function (targetEl) {
delete this._map._targets[stamp(targetEl)];
return this;
},
// @method getAttribution: String
// Used by the `attribution control`, returns the [attribution option](#gridlayer-attribution).
getAttribution: function () {
return this.options.attribution;
},
_layerAdd: function (e) {
var map = e.target;
// check in case layer gets added and then removed before the map is ready
if (!map.hasLayer(this)) { return; }
this._map = map;
this._zoomAnimated = map._zoomAnimated;
if (this.getEvents) {
var events = this.getEvents();
map.on(events, this);
this.once('remove', function () {
map.off(events, this);
}, this);
}
this.onAdd(map);
if (this.getAttribution && map.attributionControl) {
map.attributionControl.addAttribution(this.getAttribution());
}
this.fire('add');
map.fire('layeradd', {layer: this});
}
});
/* @section Extension methods
* @uninheritable
*
* Every layer should extend from `L.Layer` and (re-)implement the following methods.
*
* @method onAdd(map: Map): this
* Should contain code that creates DOM elements for the layer, adds them to `map panes` where they should belong and puts listeners on relevant map events. Called on [`map.addLayer(layer)`](#map-addlayer).
*
* @method onRemove(map: Map): this
* Should contain all clean up code that removes the layer's elements from the DOM and removes listeners previously added in [`onAdd`](#layer-onadd). Called on [`map.removeLayer(layer)`](#map-removelayer).
*
* @method getEvents(): Object
* This optional method should return an object like `{ viewreset: this._reset }` for [`addEventListener`](#evented-addeventlistener). The event handlers in this object will be automatically added and removed from the map with your layer.
*
* @method getAttribution(): String
* This optional method should return a string containing HTML to be shown on the `Attribution control` whenever the layer is visible.
*
* @method beforeAdd(map: Map): this
* Optional method. Called on [`map.addLayer(layer)`](#map-addlayer), before the layer is added to the map, before events are initialized, without waiting until the map is in a usable state. Use for early initialization only.
*/
3 years ago
1 year ago
/* @namespace Map
* @section Layer events
*
* @event layeradd: LayerEvent
* Fired when a new layer is added to the map.
*
* @event layerremove: LayerEvent
* Fired when some layer is removed from the map
*
* @section Methods for Layers and Controls
*/
Map.include({
// @method addLayer(layer: Layer): this
// Adds the given layer to the map
addLayer: function (layer) {
if (!layer._layerAdd) {
throw new Error('The provided object is not a Layer.');
}
var id = stamp(layer);
if (this._layers[id]) { return this; }
this._layers[id] = layer;
layer._mapToAdd = this;
if (layer.beforeAdd) {
layer.beforeAdd(this);
}
this.whenReady(layer._layerAdd, layer);
return this;
},
// @method removeLayer(layer: Layer): this
// Removes the given layer from the map.
removeLayer: function (layer) {
var id = stamp(layer);
if (!this._layers[id]) { return this; }
if (this._loaded) {
layer.onRemove(this);
}
if (layer.getAttribution && this.attributionControl) {
this.attributionControl.removeAttribution(layer.getAttribution());
}
delete this._layers[id];
if (this._loaded) {
this.fire('layerremove', {layer: layer});
layer.fire('remove');
}
layer._map = layer._mapToAdd = null;
return this;
},
// @method hasLayer(layer: Layer): Boolean
// Returns `true` if the given layer is currently added to the map
hasLayer: function (layer) {
return !!layer && (stamp(layer) in this._layers);
},
/* @method eachLayer(fn: Function, context?: Object): this
* Iterates over the layers of the map, optionally specifying context of the iterator function.
* ```
* map.eachLayer(function(layer){
* layer.bindPopup('Hello');
* });
* ```
*/
eachLayer: function (method, context) {
for (var i in this._layers) {
method.call(context, this._layers[i]);
}
return this;
},
_addLayers: function (layers) {
layers = layers ? (isArray(layers) ? layers : [layers]) : [];
for (var i = 0, len = layers.length; i < len; i++) {
this.addLayer(layers[i]);
}
},
_addZoomLimit: function (layer) {
if (isNaN(layer.options.maxZoom) || !isNaN(layer.options.minZoom)) {
this._zoomBoundLayers[stamp(layer)] = layer;
this._updateZoomLevels();
}
},
_removeZoomLimit: function (layer) {
var id = stamp(layer);
if (this._zoomBoundLayers[id]) {
delete this._zoomBoundLayers[id];
this._updateZoomLevels();
}
},
_updateZoomLevels: function () {
var minZoom = Infinity,
maxZoom = -Infinity,
oldZoomSpan = this._getZoomSpan();
for (var i in this._zoomBoundLayers) {
var options = this._zoomBoundLayers[i].options;
minZoom = options.minZoom === undefined ? minZoom : Math.min(minZoom, options.minZoom);
maxZoom = options.maxZoom === undefined ? maxZoom : Math.max(maxZoom, options.maxZoom);
}
this._layersMaxZoom = maxZoom === -Infinity ? undefined : maxZoom;
this._layersMinZoom = minZoom === Infinity ? undefined : minZoom;
// @section Map state change events
// @event zoomlevelschange: Event
// Fired when the number of zoomlevels on the map is changed due
// to adding or removing a layer.
if (oldZoomSpan !== this._getZoomSpan()) {
this.fire('zoomlevelschange');
}
if (this.options.maxZoom === undefined && this._layersMaxZoom && this.getZoom() > this._layersMaxZoom) {
this.setZoom(this._layersMaxZoom);
}
if (this.options.minZoom === undefined && this._layersMinZoom && this.getZoom() < this._layersMinZoom) {
this.setZoom(this._layersMinZoom);
}
}
});
/*
* @class LayerGroup
* @aka L.LayerGroup
* @inherits Layer
*
* Used to group several layers and handle them as one. If you add it to the map,
* any layers added or removed from the group will be added/removed on the map as
* well. Extends `Layer`.
*
* @example
*
* ```js
* L.layerGroup([marker1, marker2])
* .addLayer(polyline)
* .addTo(map);
* ```
*/
var LayerGroup = Layer.extend({
initialize: function (layers, options) {
setOptions(this, options);
this._layers = {};
var i, len;
if (layers) {
for (i = 0, len = layers.length; i < len; i++) {
this.addLayer(layers[i]);
}
}
},
// @method addLayer(layer: Layer): this
// Adds the given layer to the group.
addLayer: function (layer) {
var id = this.getLayerId(layer);
this._layers[id] = layer;
if (this._map) {
this._map.addLayer(layer);
}
return this;
},
// @method removeLayer(layer: Layer): this
// Removes the given layer from the group.
// @alternative
// @method removeLayer(id: Number): this
// Removes the layer with the given internal ID from the group.
removeLayer: function (layer) {
var id = layer in this._layers ? layer : this.getLayerId(layer);
if (this._map && this._layers[id]) {
this._map.removeLayer(this._layers[id]);
}
delete this._layers[id];
return this;
},
// @method hasLayer(layer: Layer): Boolean
// Returns `true` if the given layer is currently added to the group.
// @alternative
// @method hasLayer(id: Number): Boolean
// Returns `true` if the given internal ID is currently added to the group.
hasLayer: function (layer) {
if (!layer) { return false; }
var layerId = typeof layer === 'number' ? layer : this.getLayerId(layer);
return layerId in this._layers;
},
// @method clearLayers(): this
// Removes all the layers from the group.
clearLayers: function () {
return this.eachLayer(this.removeLayer, this);
},
// @method invoke(methodName: String, …): this
// Calls `methodName` on every layer contained in this group, passing any
// additional parameters. Has no effect if the layers contained do not
// implement `methodName`.
invoke: function (methodName) {
var args = Array.prototype.slice.call(arguments, 1),
i, layer;
for (i in this._layers) {
layer = this._layers[i];
if (layer[methodName]) {
layer[methodName].apply(layer, args);
}
}
return this;
},
onAdd: function (map) {
this.eachLayer(map.addLayer, map);
},
onRemove: function (map) {
this.eachLayer(map.removeLayer, map);
},
// @method eachLayer(fn: Function, context?: Object): this
// Iterates over the layers of the group, optionally specifying context of the iterator function.
// ```js
// group.eachLayer(function (layer) {
// layer.bindPopup('Hello');
// });
// ```
eachLayer: function (method, context) {
for (var i in this._layers) {
method.call(context, this._layers[i]);
}
return this;
},
// @method getLayer(id: Number): Layer
// Returns the layer with the given internal ID.
getLayer: function (id) {
return this._layers[id];
},
// @method getLayers(): Layer[]
// Returns an array of all the layers added to the group.
getLayers: function () {
var layers = [];
this.eachLayer(layers.push, layers);
return layers;
},
// @method setZIndex(zIndex: Number): this
// Calls `setZIndex` on every layer contained in this group, passing the z-index.
setZIndex: function (zIndex) {
return this.invoke('setZIndex', zIndex);
},
// @method getLayerId(layer: Layer): Number
// Returns the internal ID for a layer
getLayerId: function (layer) {
return stamp(layer);
}
});
// @factory L.layerGroup(layers?: Layer[], options?: Object)
// Create a layer group, optionally given an initial set of layers and an `options` object.
var layerGroup = function (layers, options) {
return new LayerGroup(layers, options);
};
/*
* @class FeatureGroup
* @aka L.FeatureGroup
* @inherits LayerGroup
*
* Extended `LayerGroup` that makes it easier to do the same thing to all its member layers:
* * [`bindPopup`](#layer-bindpopup) binds a popup to all of the layers at once (likewise with [`bindTooltip`](#layer-bindtooltip))
* * Events are propagated to the `FeatureGroup`, so if the group has an event
* handler, it will handle events from any of the layers. This includes mouse events
* and custom events.
* * Has `layeradd` and `layerremove` events
*
* @example
*
* ```js
* L.featureGroup([marker1, marker2, polyline])
* .bindPopup('Hello world!')
* .on('click', function() { alert('Clicked on a member of the group!'); })
* .addTo(map);
* ```
*/
var FeatureGroup = LayerGroup.extend({
addLayer: function (layer) {
if (this.hasLayer(layer)) {
return this;
}
layer.addEventParent(this);
LayerGroup.prototype.addLayer.call(this, layer);
// @event layeradd: LayerEvent
// Fired when a layer is added to this `FeatureGroup`
return this.fire('layeradd', {layer: layer});
},
removeLayer: function (layer) {
if (!this.hasLayer(layer)) {
return this;
}
if (layer in this._layers) {
layer = this._layers[layer];
}
layer.removeEventParent(this);
LayerGroup.prototype.removeLayer.call(this, layer);
// @event layerremove: LayerEvent
// Fired when a layer is removed from this `FeatureGroup`
return this.fire('layerremove', {layer: layer});
},
// @method setStyle(style: Path options): this
// Sets the given path options to each layer of the group that has a `setStyle` method.
setStyle: function (style) {
return this.invoke('setStyle', style);
},
// @method bringToFront(): this
// Brings the layer group to the top of all other layers
bringToFront: function () {
return this.invoke('bringToFront');
},
// @method bringToBack(): this
// Brings the layer group to the back of all other layers
bringToBack: function () {
return this.invoke('bringToBack');
},
// @method getBounds(): LatLngBounds
// Returns the LatLngBounds of the Feature Group (created from bounds and coordinates of its children).
getBounds: function () {
var bounds = new LatLngBounds();
for (var id in this._layers) {
var layer = this._layers[id];
bounds.extend(layer.getBounds ? layer.getBounds() : layer.getLatLng());
}
return bounds;
}
});
// @factory L.featureGroup(layers?: Layer[], options?: Object)
// Create a feature group, optionally given an initial set of layers and an `options` object.
var featureGroup = function (layers, options) {
return new FeatureGroup(layers, options);
};
/*
* @class Icon
* @aka L.Icon
*
* Represents an icon to provide when creating a marker.
*
* @example
*
* ```js
* var myIcon = L.icon({
* iconUrl: 'my-icon.png',
* iconRetinaUrl: 'my-icon@2x.png',
* iconSize: [38, 95],
* iconAnchor: [22, 94],
* popupAnchor: [-3, -76],
* shadowUrl: 'my-icon-shadow.png',
* shadowRetinaUrl: 'my-icon-shadow@2x.png',
* shadowSize: [68, 95],
* shadowAnchor: [22, 94]
* });
*
* L.marker([50.505, 30.57], {icon: myIcon}).addTo(map);
* ```
*
* `L.Icon.Default` extends `L.Icon` and is the blue icon Leaflet uses for markers by default.
*
*/
var Icon = Class.extend({
/* @section
* @aka Icon options
*
* @option iconUrl: String = null
* **(required)** The URL to the icon image (absolute or relative to your script path).
*
* @option iconRetinaUrl: String = null
* The URL to a retina sized version of the icon image (absolute or relative to your
* script path). Used for Retina screen devices.
*
* @option iconSize: Point = null
* Size of the icon image in pixels.
*
* @option iconAnchor: Point = null
* The coordinates of the "tip" of the icon (relative to its top left corner). The icon
* will be aligned so that this point is at the marker's geographical location. Centered
* by default if size is specified, also can be set in CSS with negative margins.
*
* @option popupAnchor: Point = [0, 0]
* The coordinates of the point from which popups will "open", relative to the icon anchor.
*
* @option tooltipAnchor: Point = [0, 0]
* The coordinates of the point from which tooltips will "open", relative to the icon anchor.
*
* @option shadowUrl: String = null
* The URL to the icon shadow image. If not specified, no shadow image will be created.
*
* @option shadowRetinaUrl: String = null
*
* @option shadowSize: Point = null
* Size of the shadow image in pixels.
*
* @option shadowAnchor: Point = null
* The coordinates of the "tip" of the shadow (relative to its top left corner) (the same
* as iconAnchor if not specified).
*
* @option className: String = ''
* A custom class name to assign to both icon and shadow images. Empty by default.
*/
options: {
popupAnchor: [0, 0],
tooltipAnchor: [0, 0]
},
initialize: function (options) {
setOptions(this, options);
},
// @method createIcon(oldIcon?: HTMLElement): HTMLElement
// Called internally when the icon has to be shown, returns a `<img>` HTML element
// styled according to the options.
createIcon: function (oldIcon) {
return this._createIcon('icon', oldIcon);
},
// @method createShadow(oldIcon?: HTMLElement): HTMLElement
// As `createIcon`, but for the shadow beneath it.
createShadow: function (oldIcon) {
return this._createIcon('shadow', oldIcon);
},
_createIcon: function (name, oldIcon) {
var src = this._getIconUrl(name);
if (!src) {
if (name === 'icon') {
throw new Error('iconUrl not set in Icon options (see the docs).');
}
return null;
}
var img = this._createImg(src, oldIcon && oldIcon.tagName === 'IMG' ? oldIcon : null);
this._setIconStyles(img, name);
return img;
},
_setIconStyles: function (img, name) {
var options = this.options;
var sizeOption = options[name + 'Size'];
if (typeof sizeOption === 'number') {
sizeOption = [sizeOption, sizeOption];
}
var size = toPoint(sizeOption),
anchor = toPoint(name === 'shadow' && options.shadowAnchor || options.iconAnchor ||
size && size.divideBy(2, true));
img.className = 'leaflet-marker-' + name + ' ' + (options.className || '');
if (anchor) {
img.style.marginLeft = (-anchor.x) + 'px';
img.style.marginTop = (-anchor.y) + 'px';
}
if (size) {
img.style.width = size.x + 'px';
img.style.height = size.y + 'px';
}
},
_createImg: function (src, el) {
el = el || document.createElement('img');
el.src = src;
return el;
},
_getIconUrl: function (name) {
return retina && this.options[name + 'RetinaUrl'] || this.options[name + 'Url'];
}
});
// @factory L.icon(options: Icon options)
// Creates an icon instance with the given options.
function icon(options) {
return new Icon(options);
}
/*
* @miniclass Icon.Default (Icon)
* @aka L.Icon.Default
* @section
*
* A trivial subclass of `Icon`, represents the icon to use in `Marker`s when
* no icon is specified. Points to the blue marker image distributed with Leaflet
* releases.
*
* In order to customize the default icon, just change the properties of `L.Icon.Default.prototype.options`
* (which is a set of `Icon options`).
*
* If you want to _completely_ replace the default icon, override the
* `L.Marker.prototype.options.icon` with your own icon instead.
*/
3 years ago
1 year ago
var IconDefault = Icon.extend({
options: {
iconUrl: 'marker-icon.png',
iconRetinaUrl: 'marker-icon-2x.png',
shadowUrl: 'marker-shadow.png',
iconSize: [25, 41],
iconAnchor: [12, 41],
popupAnchor: [1, -34],
tooltipAnchor: [16, -28],
shadowSize: [41, 41]
},
_getIconUrl: function (name) {
if (!IconDefault.imagePath) { // Deprecated, backwards-compatibility only
IconDefault.imagePath = this._detectIconPath();
}
// @option imagePath: String
// `Icon.Default` will try to auto-detect the location of the
// blue icon images. If you are placing these images in a non-standard
// way, set this option to point to the right path.
return (this.options.imagePath || IconDefault.imagePath) + Icon.prototype._getIconUrl.call(this, name);
},
_detectIconPath: function () {
var el = create$1('div', 'leaflet-default-icon-path', document.body);
var path = getStyle(el, 'background-image') ||
getStyle(el, 'backgroundImage'); // IE8
document.body.removeChild(el);
if (path === null || path.indexOf('url') !== 0) {
path = '';
} else {
path = path.replace(/^url\(["']?/, '').replace(/marker-icon\.png["']?\)$/, '');
}
return path;
}
});
/*
* L.Handler.MarkerDrag is used internally by L.Marker to make the markers draggable.
*/
3 years ago
1 year ago
/* @namespace Marker
* @section Interaction handlers
*
* Interaction handlers are properties of a marker instance that allow you to control interaction behavior in runtime, enabling or disabling certain features such as dragging (see `Handler` methods). Example:
*
* ```js
* marker.dragging.disable();
* ```
*
* @property dragging: Handler
* Marker dragging handler (by both mouse and touch). Only valid when the marker is on the map (Otherwise set [`marker.options.draggable`](#marker-draggable)).
*/
3 years ago
1 year ago
var MarkerDrag = Handler.extend({
initialize: function (marker) {
this._marker = marker;
},
addHooks: function () {
var icon = this._marker._icon;
if (!this._draggable) {
this._draggable = new Draggable(icon, icon, true);
}
this._draggable.on({
dragstart: this._onDragStart,
predrag: this._onPreDrag,
drag: this._onDrag,
dragend: this._onDragEnd
}, this).enable();
addClass(icon, 'leaflet-marker-draggable');
},
removeHooks: function () {
this._draggable.off({
dragstart: this._onDragStart,
predrag: this._onPreDrag,
drag: this._onDrag,
dragend: this._onDragEnd
}, this).disable();
if (this._marker._icon) {
removeClass(this._marker._icon, 'leaflet-marker-draggable');
}
},
moved: function () {
return this._draggable && this._draggable._moved;
},
_adjustPan: function (e) {
var marker = this._marker,
map = marker._map,
speed = this._marker.options.autoPanSpeed,
padding = this._marker.options.autoPanPadding,
iconPos = getPosition(marker._icon),
bounds = map.getPixelBounds(),
origin = map.getPixelOrigin();
var panBounds = toBounds(
bounds.min._subtract(origin).add(padding),
bounds.max._subtract(origin).subtract(padding)
);
if (!panBounds.contains(iconPos)) {
// Compute incremental movement
var movement = toPoint(
(Math.max(panBounds.max.x, iconPos.x) - panBounds.max.x) / (bounds.max.x - panBounds.max.x) -
(Math.min(panBounds.min.x, iconPos.x) - panBounds.min.x) / (bounds.min.x - panBounds.min.x),
(Math.max(panBounds.max.y, iconPos.y) - panBounds.max.y) / (bounds.max.y - panBounds.max.y) -
(Math.min(panBounds.min.y, iconPos.y) - panBounds.min.y) / (bounds.min.y - panBounds.min.y)
).multiplyBy(speed);
map.panBy(movement, {animate: false});
this._draggable._newPos._add(movement);
this._draggable._startPos._add(movement);
setPosition(marker._icon, this._draggable._newPos);
this._onDrag(e);
this._panRequest = requestAnimFrame(this._adjustPan.bind(this, e));
}
},
_onDragStart: function () {
// @section Dragging events
// @event dragstart: Event
// Fired when the user starts dragging the marker.
// @event movestart: Event
// Fired when the marker starts moving (because of dragging).
this._oldLatLng = this._marker.getLatLng();
// When using ES6 imports it could not be set when `Popup` was not imported as well
this._marker.closePopup && this._marker.closePopup();
this._marker
.fire('movestart')
.fire('dragstart');
},
_onPreDrag: function (e) {
if (this._marker.options.autoPan) {
cancelAnimFrame(this._panRequest);
this._panRequest = requestAnimFrame(this._adjustPan.bind(this, e));
}
},
_onDrag: function (e) {
var marker = this._marker,
shadow = marker._shadow,
iconPos = getPosition(marker._icon),
latlng = marker._map.layerPointToLatLng(iconPos);
// update shadow position
if (shadow) {
setPosition(shadow, iconPos);
}
marker._latlng = latlng;
e.latlng = latlng;
e.oldLatLng = this._oldLatLng;
// @event drag: Event
// Fired repeatedly while the user drags the marker.
marker
.fire('move', e)
.fire('drag', e);
},
_onDragEnd: function (e) {
// @event dragend: DragEndEvent
// Fired when the user stops dragging the marker.
cancelAnimFrame(this._panRequest);
// @event moveend: Event
// Fired when the marker stops moving (because of dragging).
delete this._oldLatLng;
this._marker
.fire('moveend')
.fire('dragend', e);
}
});
/*
* @class Marker
* @inherits Interactive layer
* @aka L.Marker
* L.Marker is used to display clickable/draggable icons on the map. Extends `Layer`.
*
* @example
*
* ```js
* L.marker([50.5, 30.5]).addTo(map);
* ```
*/
var Marker = Layer.extend({
// @section
// @aka Marker options
options: {
// @option icon: Icon = *
// Icon instance to use for rendering the marker.
// See [Icon documentation](#L.Icon) for details on how to customize the marker icon.
// If not specified, a common instance of `L.Icon.Default` is used.
icon: new IconDefault(),
// Option inherited from "Interactive layer" abstract class
interactive: true,
// @option keyboard: Boolean = true
// Whether the marker can be tabbed to with a keyboard and clicked by pressing enter.
keyboard: true,
// @option title: String = ''
// Text for the browser tooltip that appear on marker hover (no tooltip by default).
title: '',
// @option alt: String = ''
// Text for the `alt` attribute of the icon image (useful for accessibility).
alt: '',
// @option zIndexOffset: Number = 0
// By default, marker images zIndex is set automatically based on its latitude. Use this option if you want to put the marker on top of all others (or below), specifying a high value like `1000` (or high negative value, respectively).
zIndexOffset: 0,
// @option opacity: Number = 1.0
// The opacity of the marker.
opacity: 1,
// @option riseOnHover: Boolean = false
// If `true`, the marker will get on top of others when you hover the mouse over it.
riseOnHover: false,
// @option riseOffset: Number = 250
// The z-index offset used for the `riseOnHover` feature.
riseOffset: 250,
// @option pane: String = 'markerPane'
// `Map pane` where the markers icon will be added.
pane: 'markerPane',
// @option shadowPane: String = 'shadowPane'
// `Map pane` where the markers shadow will be added.
shadowPane: 'shadowPane',
// @option bubblingMouseEvents: Boolean = false
// When `true`, a mouse event on this marker will trigger the same event on the map
// (unless [`L.DomEvent.stopPropagation`](#domevent-stoppropagation) is used).
bubblingMouseEvents: false,
// @section Draggable marker options
// @option draggable: Boolean = false
// Whether the marker is draggable with mouse/touch or not.
draggable: false,
// @option autoPan: Boolean = false
// Whether to pan the map when dragging this marker near its edge or not.
autoPan: false,
// @option autoPanPadding: Point = Point(50, 50)
// Distance (in pixels to the left/right and to the top/bottom) of the
// map edge to start panning the map.
autoPanPadding: [50, 50],
// @option autoPanSpeed: Number = 10
// Number of pixels the map should pan by.
autoPanSpeed: 10
},
/* @section
*
* In addition to [shared layer methods](#Layer) like `addTo()` and `remove()` and [popup methods](#Popup) like bindPopup() you can also use the following methods:
*/
initialize: function (latlng, options) {
setOptions(this, options);
this._latlng = toLatLng(latlng);
},
onAdd: function (map) {
this._zoomAnimated = this._zoomAnimated && map.options.markerZoomAnimation;
if (this._zoomAnimated) {
map.on('zoomanim', this._animateZoom, this);
}
this._initIcon();
this.update();
},
onRemove: function (map) {
if (this.dragging && this.dragging.enabled()) {
this.options.draggable = true;
this.dragging.removeHooks();
}
delete this.dragging;
if (this._zoomAnimated) {
map.off('zoomanim', this._animateZoom, this);
}
this._removeIcon();
this._removeShadow();
},
getEvents: function () {
return {
zoom: this.update,
viewreset: this.update
};
},
// @method getLatLng: LatLng
// Returns the current geographical position of the marker.
getLatLng: function () {
return this._latlng;
},
// @method setLatLng(latlng: LatLng): this
// Changes the marker position to the given point.
setLatLng: function (latlng) {
var oldLatLng = this._latlng;
this._latlng = toLatLng(latlng);
this.update();
// @event move: Event
// Fired when the marker is moved via [`setLatLng`](#marker-setlatlng) or by [dragging](#marker-dragging). Old and new coordinates are included in event arguments as `oldLatLng`, `latlng`.
return this.fire('move', {oldLatLng: oldLatLng, latlng: this._latlng});
},
// @method setZIndexOffset(offset: Number): this
// Changes the [zIndex offset](#marker-zindexoffset) of the marker.
setZIndexOffset: function (offset) {
this.options.zIndexOffset = offset;
return this.update();
},
// @method getIcon: Icon
// Returns the current icon used by the marker
getIcon: function () {
return this.options.icon;
},
// @method setIcon(icon: Icon): this
// Changes the marker icon.
setIcon: function (icon) {
this.options.icon = icon;
if (this._map) {
this._initIcon();
this.update();
}
if (this._popup) {
this.bindPopup(this._popup, this._popup.options);
}
return this;
},
getElement: function () {
return this._icon;
},
update: function () {
if (this._icon && this._map) {
var pos = this._map.latLngToLayerPoint(this._latlng).round();
this._setPos(pos);
}
return this;
},
_initIcon: function () {
var options = this.options,
classToAdd = 'leaflet-zoom-' + (this._zoomAnimated ? 'animated' : 'hide');
var icon = options.icon.createIcon(this._icon),
addIcon = false;
// if we're not reusing the icon, remove the old one and init new one
if (icon !== this._icon) {
if (this._icon) {
this._removeIcon();
}
addIcon = true;
if (options.title) {
icon.title = options.title;
}
if (icon.tagName === 'IMG') {
icon.alt = options.alt || '';
}
}
addClass(icon, classToAdd);
if (options.keyboard) {
icon.tabIndex = '0';
}
this._icon = icon;
if (options.riseOnHover) {
this.on({
mouseover: this._bringToFront,
mouseout: this._resetZIndex
});
}
var newShadow = options.icon.createShadow(this._shadow),
addShadow = false;
if (newShadow !== this._shadow) {
this._removeShadow();
addShadow = true;
}
if (newShadow) {
addClass(newShadow, classToAdd);
newShadow.alt = '';
}
this._shadow = newShadow;
if (options.opacity < 1) {
this._updateOpacity();
}
if (addIcon) {
this.getPane().appendChild(this._icon);
}
this._initInteraction();
if (newShadow && addShadow) {
this.getPane(options.shadowPane).appendChild(this._shadow);
}
},
_removeIcon: function () {
if (this.options.riseOnHover) {
this.off({
mouseover: this._bringToFront,
mouseout: this._resetZIndex
});
}
remove(this._icon);
this.removeInteractiveTarget(this._icon);
this._icon = null;
},
_removeShadow: function () {
if (this._shadow) {
remove(this._shadow);
}
this._shadow = null;
},
_setPos: function (pos) {
if (this._icon) {
setPosition(this._icon, pos);
}
if (this._shadow) {
setPosition(this._shadow, pos);
}
this._zIndex = pos.y + this.options.zIndexOffset;
this._resetZIndex();
},
_updateZIndex: function (offset) {
if (this._icon) {
this._icon.style.zIndex = this._zIndex + offset;
}
},
_animateZoom: function (opt) {
var pos = this._map._latLngToNewLayerPoint(this._latlng, opt.zoom, opt.center).round();
this._setPos(pos);
},
_initInteraction: function () {
if (!this.options.interactive) { return; }
addClass(this._icon, 'leaflet-interactive');
this.addInteractiveTarget(this._icon);
if (MarkerDrag) {
var draggable = this.options.draggable;
if (this.dragging) {
draggable = this.dragging.enabled();
this.dragging.disable();
}
this.dragging = new MarkerDrag(this);
if (draggable) {
this.dragging.enable();
}
}
},
// @method setOpacity(opacity: Number): this
// Changes the opacity of the marker.
setOpacity: function (opacity) {
this.options.opacity = opacity;
if (this._map) {
this._updateOpacity();
}
return this;
},
_updateOpacity: function () {
var opacity = this.options.opacity;
if (this._icon) {
setOpacity(this._icon, opacity);
}
if (this._shadow) {
setOpacity(this._shadow, opacity);
}
},
_bringToFront: function () {
this._updateZIndex(this.options.riseOffset);
},
_resetZIndex: function () {
this._updateZIndex(0);
},
_getPopupAnchor: function () {
return this.options.icon.options.popupAnchor;
},
_getTooltipAnchor: function () {
return this.options.icon.options.tooltipAnchor;
}
});
// factory L.marker(latlng: LatLng, options? : Marker options)
// @factory L.marker(latlng: LatLng, options? : Marker options)
// Instantiates a Marker object given a geographical point and optionally an options object.
function marker(latlng, options) {
return new Marker(latlng, options);
}
/*
* @class Path
* @aka L.Path
* @inherits Interactive layer
*
* An abstract class that contains options and constants shared between vector
* overlays (Polygon, Polyline, Circle). Do not use it directly. Extends `Layer`.
*/
3 years ago
1 year ago
var Path = Layer.extend({
// @section
// @aka Path options
options: {
// @option stroke: Boolean = true
// Whether to draw stroke along the path. Set it to `false` to disable borders on polygons or circles.
stroke: true,
// @option color: String = '#3388ff'
// Stroke color
color: '#3388ff',
// @option weight: Number = 3
// Stroke width in pixels
weight: 3,
// @option opacity: Number = 1.0
// Stroke opacity
opacity: 1,
// @option lineCap: String= 'round'
// A string that defines [shape to be used at the end](https://developer.mozilla.org/docs/Web/SVG/Attribute/stroke-linecap) of the stroke.
lineCap: 'round',
// @option lineJoin: String = 'round'
// A string that defines [shape to be used at the corners](https://developer.mozilla.org/docs/Web/SVG/Attribute/stroke-linejoin) of the stroke.
lineJoin: 'round',
// @option dashArray: String = null
// A string that defines the stroke [dash pattern](https://developer.mozilla.org/docs/Web/SVG/Attribute/stroke-dasharray). Doesn't work on `Canvas`-powered layers in [some old browsers](https://developer.mozilla.org/docs/Web/API/CanvasRenderingContext2D/setLineDash#Browser_compatibility).
dashArray: null,
// @option dashOffset: String = null
// A string that defines the [distance into the dash pattern to start the dash](https://developer.mozilla.org/docs/Web/SVG/Attribute/stroke-dashoffset). Doesn't work on `Canvas`-powered layers in [some old browsers](https://developer.mozilla.org/docs/Web/API/CanvasRenderingContext2D/setLineDash#Browser_compatibility).
dashOffset: null,
// @option fill: Boolean = depends
// Whether to fill the path with color. Set it to `false` to disable filling on polygons or circles.
fill: false,
// @option fillColor: String = *
// Fill color. Defaults to the value of the [`color`](#path-color) option
fillColor: null,
// @option fillOpacity: Number = 0.2
// Fill opacity.
fillOpacity: 0.2,
// @option fillRule: String = 'evenodd'
// A string that defines [how the inside of a shape](https://developer.mozilla.org/docs/Web/SVG/Attribute/fill-rule) is determined.
fillRule: 'evenodd',
// className: '',
// Option inherited from "Interactive layer" abstract class
interactive: true,
// @option bubblingMouseEvents: Boolean = true
// When `true`, a mouse event on this path will trigger the same event on the map
// (unless [`L.DomEvent.stopPropagation`](#domevent-stoppropagation) is used).
bubblingMouseEvents: true
},
beforeAdd: function (map) {
// Renderer is set here because we need to call renderer.getEvents
// before this.getEvents.
this._renderer = map.getRenderer(this);
},
onAdd: function () {
this._renderer._initPath(this);
this._reset();
this._renderer._addPath(this);
},
onRemove: function () {
this._renderer._removePath(this);
},
// @method redraw(): this
// Redraws the layer. Sometimes useful after you changed the coordinates that the path uses.
redraw: function () {
if (this._map) {
this._renderer._updatePath(this);
}
return this;
},
// @method setStyle(style: Path options): this
// Changes the appearance of a Path based on the options in the `Path options` object.
setStyle: function (style) {
setOptions(this, style);
if (this._renderer) {
this._renderer._updateStyle(this);
if (this.options.stroke && style && Object.prototype.hasOwnProperty.call(style, 'weight')) {
this._updateBounds();
}
}
return this;
},
// @method bringToFront(): this
// Brings the layer to the top of all path layers.
bringToFront: function () {
if (this._renderer) {
this._renderer._bringToFront(this);
}
return this;
},
// @method bringToBack(): this
// Brings the layer to the bottom of all path layers.
bringToBack: function () {
if (this._renderer) {
this._renderer._bringToBack(this);
}
return this;
},
getElement: function () {
return this._path;
},
_reset: function () {
// defined in child classes
this._project();
this._update();
},
_clickTolerance: function () {
// used when doing hit detection for Canvas layers
return (this.options.stroke ? this.options.weight / 2 : 0) + this._renderer.options.tolerance;
}
});
/*
* @class CircleMarker
* @aka L.CircleMarker
* @inherits Path
*
* A circle of a fixed size with radius specified in pixels. Extends `Path`.
*/
3 years ago
1 year ago
var CircleMarker = Path.extend({
// @section
// @aka CircleMarker options
options: {
fill: true,
// @option radius: Number = 10
// Radius of the circle marker, in pixels
radius: 10
},
initialize: function (latlng, options) {
setOptions(this, options);
this._latlng = toLatLng(latlng);
this._radius = this.options.radius;
},
// @method setLatLng(latLng: LatLng): this
// Sets the position of a circle marker to a new location.
setLatLng: function (latlng) {
var oldLatLng = this._latlng;
this._latlng = toLatLng(latlng);
this.redraw();
// @event move: Event
// Fired when the marker is moved via [`setLatLng`](#circlemarker-setlatlng). Old and new coordinates are included in event arguments as `oldLatLng`, `latlng`.
return this.fire('move', {oldLatLng: oldLatLng, latlng: this._latlng});
},
// @method getLatLng(): LatLng
// Returns the current geographical position of the circle marker
getLatLng: function () {
return this._latlng;
},
// @method setRadius(radius: Number): this
// Sets the radius of a circle marker. Units are in pixels.
setRadius: function (radius) {
this.options.radius = this._radius = radius;
return this.redraw();
},
// @method getRadius(): Number
// Returns the current radius of the circle
getRadius: function () {
return this._radius;
},
setStyle : function (options) {
var radius = options && options.radius || this._radius;
Path.prototype.setStyle.call(this, options);
this.setRadius(radius);
return this;
},
_project: function () {
this._point = this._map.latLngToLayerPoint(this._latlng);
this._updateBounds();
},
_updateBounds: function () {
var r = this._radius,
r2 = this._radiusY || r,
w = this._clickTolerance(),
p = [r + w, r2 + w];
this._pxBounds = new Bounds(this._point.subtract(p), this._point.add(p));
},
_update: function () {
if (this._map) {
this._updatePath();
}
},
_updatePath: function () {
this._renderer._updateCircle(this);
},
_empty: function () {
return this._radius && !this._renderer._bounds.intersects(this._pxBounds);
},
// Needed by the `Canvas` renderer for interactivity
_containsPoint: function (p) {
return p.distanceTo(this._point) <= this._radius + this._clickTolerance();
}
});
// @factory L.circleMarker(latlng: LatLng, options?: CircleMarker options)
// Instantiates a circle marker object given a geographical point, and an optional options object.
function circleMarker(latlng, options) {
return new CircleMarker(latlng, options);
}
/*
* @class Circle
* @aka L.Circle
* @inherits CircleMarker
*
* A class for drawing circle overlays on a map. Extends `CircleMarker`.
*
* It's an approximation and starts to diverge from a real circle closer to poles (due to projection distortion).
*
* @example
*
* ```js
* L.circle([50.5, 30.5], {radius: 200}).addTo(map);
* ```
*/
3 years ago
1 year ago
var Circle = CircleMarker.extend({
initialize: function (latlng, options, legacyOptions) {
if (typeof options === 'number') {
// Backwards compatibility with 0.7.x factory (latlng, radius, options?)
options = extend({}, legacyOptions, {radius: options});
}
setOptions(this, options);
this._latlng = toLatLng(latlng);
if (isNaN(this.options.radius)) { throw new Error('Circle radius cannot be NaN'); }
// @section
// @aka Circle options
// @option radius: Number; Radius of the circle, in meters.
this._mRadius = this.options.radius;
},
// @method setRadius(radius: Number): this
// Sets the radius of a circle. Units are in meters.
setRadius: function (radius) {
this._mRadius = radius;
return this.redraw();
},
// @method getRadius(): Number
// Returns the current radius of a circle. Units are in meters.
getRadius: function () {
return this._mRadius;
},
// @method getBounds(): LatLngBounds
// Returns the `LatLngBounds` of the path.
getBounds: function () {
var half = [this._radius, this._radiusY || this._radius];
return new LatLngBounds(
this._map.layerPointToLatLng(this._point.subtract(half)),
this._map.layerPointToLatLng(this._point.add(half)));
},
setStyle: Path.prototype.setStyle,
_project: function () {
var lng = this._latlng.lng,
lat = this._latlng.lat,
map = this._map,
crs = map.options.crs;
if (crs.distance === Earth.distance) {
var d = Math.PI / 180,
latR = (this._mRadius / Earth.R) / d,
top = map.project([lat + latR, lng]),
bottom = map.project([lat - latR, lng]),
p = top.add(bottom).divideBy(2),
lat2 = map.unproject(p).lat,
lngR = Math.acos((Math.cos(latR * d) - Math.sin(lat * d) * Math.sin(lat2 * d)) /
(Math.cos(lat * d) * Math.cos(lat2 * d))) / d;
if (isNaN(lngR) || lngR === 0) {
lngR = latR / Math.cos(Math.PI / 180 * lat); // Fallback for edge case, #2425
}
this._point = p.subtract(map.getPixelOrigin());
this._radius = isNaN(lngR) ? 0 : p.x - map.project([lat2, lng - lngR]).x;
this._radiusY = p.y - top.y;
} else {
var latlng2 = crs.unproject(crs.project(this._latlng).subtract([this._mRadius, 0]));
this._point = map.latLngToLayerPoint(this._latlng);
this._radius = this._point.x - map.latLngToLayerPoint(latlng2).x;
}
this._updateBounds();
}
});
// @factory L.circle(latlng: LatLng, options?: Circle options)
// Instantiates a circle object given a geographical point, and an options object
// which contains the circle radius.
// @alternative
// @factory L.circle(latlng: LatLng, radius: Number, options?: Circle options)
// Obsolete way of instantiating a circle, for compatibility with 0.7.x code.
// Do not use in new applications or plugins.
function circle(latlng, options, legacyOptions) {
return new Circle(latlng, options, legacyOptions);
}
/*
* @class Polyline
* @aka L.Polyline
* @inherits Path
*
* A class for drawing polyline overlays on a map. Extends `Path`.
*
* @example
*
* ```js
* // create a red polyline from an array of LatLng points
* var latlngs = [
* [45.51, -122.68],
* [37.77, -122.43],
* [34.04, -118.2]
* ];
*
* var polyline = L.polyline(latlngs, {color: 'red'}).addTo(map);
*
* // zoom the map to the polyline
* map.fitBounds(polyline.getBounds());
* ```
*
* You can also pass a multi-dimensional array to represent a `MultiPolyline` shape:
*
* ```js
* // create a red polyline from an array of arrays of LatLng points
* var latlngs = [
* [[45.51, -122.68],
* [37.77, -122.43],
* [34.04, -118.2]],
* [[40.78, -73.91],
* [41.83, -87.62],
* [32.76, -96.72]]
* ];
* ```
*/
3 years ago
1 year ago
var Polyline = Path.extend({
// @section
// @aka Polyline options
options: {
// @option smoothFactor: Number = 1.0
// How much to simplify the polyline on each zoom level. More means
// better performance and smoother look, and less means more accurate representation.
smoothFactor: 1.0,
// @option noClip: Boolean = false
// Disable polyline clipping.
noClip: false
},
initialize: function (latlngs, options) {
setOptions(this, options);
this._setLatLngs(latlngs);
},
// @method getLatLngs(): LatLng[]
// Returns an array of the points in the path, or nested arrays of points in case of multi-polyline.
getLatLngs: function () {
return this._latlngs;
},
// @method setLatLngs(latlngs: LatLng[]): this
// Replaces all the points in the polyline with the given array of geographical points.
setLatLngs: function (latlngs) {
this._setLatLngs(latlngs);
return this.redraw();
},
// @method isEmpty(): Boolean
// Returns `true` if the Polyline has no LatLngs.
isEmpty: function () {
return !this._latlngs.length;
},
// @method closestLayerPoint(p: Point): Point
// Returns the point closest to `p` on the Polyline.
closestLayerPoint: function (p) {
var minDistance = Infinity,
minPoint = null,
closest = _sqClosestPointOnSegment,
p1, p2;
for (var j = 0, jLen = this._parts.length; j < jLen; j++) {
var points = this._parts[j];
for (var i = 1, len = points.length; i < len; i++) {
p1 = points[i - 1];
p2 = points[i];
var sqDist = closest(p, p1, p2, true);
if (sqDist < minDistance) {
minDistance = sqDist;
minPoint = closest(p, p1, p2);
}
}
}
if (minPoint) {
minPoint.distance = Math.sqrt(minDistance);
}
return minPoint;
},
// @method getCenter(): LatLng
// Returns the center ([centroid](http://en.wikipedia.org/wiki/Centroid)) of the polyline.
getCenter: function () {
// throws error when not yet added to map as this center calculation requires projected coordinates
if (!this._map) {
throw new Error('Must add layer to map before using getCenter()');
}
var i, halfDist, segDist, dist, p1, p2, ratio,
points = this._rings[0],
len = points.length;
if (!len) { return null; }
// polyline centroid algorithm; only uses the first ring if there are multiple
for (i = 0, halfDist = 0; i < len - 1; i++) {
halfDist += points[i].distanceTo(points[i + 1]) / 2;
}
// The line is so small in the current view that all points are on the same pixel.
if (halfDist === 0) {
return this._map.layerPointToLatLng(points[0]);
}
for (i = 0, dist = 0; i < len - 1; i++) {
p1 = points[i];
p2 = points[i + 1];
segDist = p1.distanceTo(p2);
dist += segDist;
if (dist > halfDist) {
ratio = (dist - halfDist) / segDist;
return this._map.layerPointToLatLng([
p2.x - ratio * (p2.x - p1.x),
p2.y - ratio * (p2.y - p1.y)
]);
}
}
},
// @method getBounds(): LatLngBounds
// Returns the `LatLngBounds` of the path.
getBounds: function () {
return this._bounds;
},
// @method addLatLng(latlng: LatLng, latlngs?: LatLng[]): this
// Adds a given point to the polyline. By default, adds to the first ring of
// the polyline in case of a multi-polyline, but can be overridden by passing
// a specific ring as a LatLng array (that you can earlier access with [`getLatLngs`](#polyline-getlatlngs)).
addLatLng: function (latlng, latlngs) {
latlngs = latlngs || this._defaultShape();
latlng = toLatLng(latlng);
latlngs.push(latlng);
this._bounds.extend(latlng);
return this.redraw();
},
_setLatLngs: function (latlngs) {
this._bounds = new LatLngBounds();
this._latlngs = this._convertLatLngs(latlngs);
},
_defaultShape: function () {
return isFlat(this._latlngs) ? this._latlngs : this._latlngs[0];
},
// recursively convert latlngs input into actual LatLng instances; calculate bounds along the way
_convertLatLngs: function (latlngs) {
var result = [],
flat = isFlat(latlngs);
for (var i = 0, len = latlngs.length; i < len; i++) {
if (flat) {
result[i] = toLatLng(latlngs[i]);
this._bounds.extend(result[i]);
} else {
result[i] = this._convertLatLngs(latlngs[i]);
}
}
return result;
},
_project: function () {
var pxBounds = new Bounds();
this._rings = [];
this._projectLatlngs(this._latlngs, this._rings, pxBounds);
if (this._bounds.isValid() && pxBounds.isValid()) {
this._rawPxBounds = pxBounds;
this._updateBounds();
}
},
_updateBounds: function () {
var w = this._clickTolerance(),
p = new Point(w, w);
this._pxBounds = new Bounds([
this._rawPxBounds.min.subtract(p),
this._rawPxBounds.max.add(p)
]);
},
// recursively turns latlngs into a set of rings with projected coordinates
_projectLatlngs: function (latlngs, result, projectedBounds) {
var flat = latlngs[0] instanceof LatLng,
len = latlngs.length,
i, ring;
if (flat) {
ring = [];
for (i = 0; i < len; i++) {
ring[i] = this._map.latLngToLayerPoint(latlngs[i]);
projectedBounds.extend(ring[i]);
}
result.push(ring);
} else {
for (i = 0; i < len; i++) {
this._projectLatlngs(latlngs[i], result, projectedBounds);
}
}
},
// clip polyline by renderer bounds so that we have less to render for performance
_clipPoints: function () {
var bounds = this._renderer._bounds;
this._parts = [];
if (!this._pxBounds || !this._pxBounds.intersects(bounds)) {
return;
}
if (this.options.noClip) {
this._parts = this._rings;
return;
}
var parts = this._parts,
i, j, k, len, len2, segment, points;
for (i = 0, k = 0, len = this._rings.length; i < len; i++) {
points = this._rings[i];
for (j = 0, len2 = points.length; j < len2 - 1; j++) {
segment = clipSegment(points[j], points[j + 1], bounds, j, true);
if (!segment) { continue; }
parts[k] = parts[k] || [];
parts[k].push(segment[0]);
// if segment goes out of screen, or it's the last one, it's the end of the line part
if ((segment[1] !== points[j + 1]) || (j === len2 - 2)) {
parts[k].push(segment[1]);
k++;
}
}
}
},
// simplify each clipped part of the polyline for performance
_simplifyPoints: function () {
var parts = this._parts,
tolerance = this.options.smoothFactor;
for (var i = 0, len = parts.length; i < len; i++) {
parts[i] = simplify(parts[i], tolerance);
}
},
_update: function () {
if (!this._map) { return; }
this._clipPoints();
this._simplifyPoints();
this._updatePath();
},
_updatePath: function () {
this._renderer._updatePoly(this);
},
// Needed by the `Canvas` renderer for interactivity
_containsPoint: function (p, closed) {
var i, j, k, len, len2, part,
w = this._clickTolerance();
if (!this._pxBounds || !this._pxBounds.contains(p)) { return false; }
// hit detection for polylines
for (i = 0, len = this._parts.length; i < len; i++) {
part = this._parts[i];
for (j = 0, len2 = part.length, k = len2 - 1; j < len2; k = j++) {
if (!closed && (j === 0)) { continue; }
if (pointToSegmentDistance(p, part[k], part[j]) <= w) {
return true;
}
}
}
return false;
}
});
// @factory L.polyline(latlngs: LatLng[], options?: Polyline options)
// Instantiates a polyline object given an array of geographical points and
// optionally an options object. You can create a `Polyline` object with
// multiple separate lines (`MultiPolyline`) by passing an array of arrays
// of geographic points.
function polyline(latlngs, options) {
return new Polyline(latlngs, options);
}
// Retrocompat. Allow plugins to support Leaflet versions before and after 1.1.
Polyline._flat = _flat;
/*
* @class Polygon
* @aka L.Polygon
* @inherits Polyline
*
* A class for drawing polygon overlays on a map. Extends `Polyline`.
*
* Note that points you pass when creating a polygon shouldn't have an additional last point equal to the first one — it's better to filter out such points.
*
*
* @example
*
* ```js
* // create a red polygon from an array of LatLng points
* var latlngs = [[37, -109.05],[41, -109.03],[41, -102.05],[37, -102.04]];
*
* var polygon = L.polygon(latlngs, {color: 'red'}).addTo(map);
*
* // zoom the map to the polygon
* map.fitBounds(polygon.getBounds());
* ```
*
* You can also pass an array of arrays of latlngs, with the first array representing the outer shape and the other arrays representing holes in the outer shape:
*
* ```js
* var latlngs = [
* [[37, -109.05],[41, -109.03],[41, -102.05],[37, -102.04]], // outer ring
* [[37.29, -108.58],[40.71, -108.58],[40.71, -102.50],[37.29, -102.50]] // hole
* ];
* ```
*
* Additionally, you can pass a multi-dimensional array to represent a MultiPolygon shape.
*
* ```js
* var latlngs = [
* [ // first polygon
* [[37, -109.05],[41, -109.03],[41, -102.05],[37, -102.04]], // outer ring
* [[37.29, -108.58],[40.71, -108.58],[40.71, -102.50],[37.29, -102.50]] // hole
* ],
* [ // second polygon
* [[41, -111.03],[45, -111.04],[45, -104.05],[41, -104.05]]
* ]
* ];
* ```
*/
3 years ago
1 year ago
var Polygon = Polyline.extend({
options: {
fill: true
},
isEmpty: function () {
return !this._latlngs.length || !this._latlngs[0].length;
},
getCenter: function () {
// throws error when not yet added to map as this center calculation requires projected coordinates
if (!this._map) {
throw new Error('Must add layer to map before using getCenter()');
}
var i, j, p1, p2, f, area, x, y, center,
points = this._rings[0],
len = points.length;
if (!len) { return null; }
// polygon centroid algorithm; only uses the first ring if there are multiple
area = x = y = 0;
for (i = 0, j = len - 1; i < len; j = i++) {
p1 = points[i];
p2 = points[j];
f = p1.y * p2.x - p2.y * p1.x;
x += (p1.x + p2.x) * f;
y += (p1.y + p2.y) * f;
area += f * 3;
}
if (area === 0) {
// Polygon is so small that all points are on same pixel.
center = points[0];
} else {
center = [x / area, y / area];
}
return this._map.layerPointToLatLng(center);
},
_convertLatLngs: function (latlngs) {
var result = Polyline.prototype._convertLatLngs.call(this, latlngs),
len = result.length;
// remove last point if it equals first one
if (len >= 2 && result[0] instanceof LatLng && result[0].equals(result[len - 1])) {
result.pop();
}
return result;
},
_setLatLngs: function (latlngs) {
Polyline.prototype._setLatLngs.call(this, latlngs);
if (isFlat(this._latlngs)) {
this._latlngs = [this._latlngs];
}
},
_defaultShape: function () {
return isFlat(this._latlngs[0]) ? this._latlngs[0] : this._latlngs[0][0];
},
_clipPoints: function () {
// polygons need a different clipping algorithm so we redefine that
var bounds = this._renderer._bounds,
w = this.options.weight,
p = new Point(w, w);
// increase clip padding by stroke width to avoid stroke on clip edges
bounds = new Bounds(bounds.min.subtract(p), bounds.max.add(p));
this._parts = [];
if (!this._pxBounds || !this._pxBounds.intersects(bounds)) {
return;
}
if (this.options.noClip) {
this._parts = this._rings;
return;
}
for (var i = 0, len = this._rings.length, clipped; i < len; i++) {
clipped = clipPolygon(this._rings[i], bounds, true);
if (clipped.length) {
this._parts.push(clipped);
}
}
},
_updatePath: function () {
this._renderer._updatePoly(this, true);
},
// Needed by the `Canvas` renderer for interactivity
_containsPoint: function (p) {
var inside = false,
part, p1, p2, i, j, k, len, len2;
if (!this._pxBounds || !this._pxBounds.contains(p)) { return false; }
// ray casting algorithm for detecting if point is in polygon
for (i = 0, len = this._parts.length; i < len; i++) {
part = this._parts[i];
for (j = 0, len2 = part.length, k = len2 - 1; j < len2; k = j++) {
p1 = part[j];
p2 = part[k];
if (((p1.y > p.y) !== (p2.y > p.y)) && (p.x < (p2.x - p1.x) * (p.y - p1.y) / (p2.y - p1.y) + p1.x)) {
inside = !inside;
}
}
}
// also check if it's on polygon stroke
return inside || Polyline.prototype._containsPoint.call(this, p, true);
}
});
// @factory L.polygon(latlngs: LatLng[], options?: Polyline options)
function polygon(latlngs, options) {
return new Polygon(latlngs, options);
}
/*
* @class GeoJSON
* @aka L.GeoJSON
* @inherits FeatureGroup
*
* Represents a GeoJSON object or an array of GeoJSON objects. Allows you to parse
* GeoJSON data and display it on the map. Extends `FeatureGroup`.
*
* @example
*
* ```js
* L.geoJSON(data, {
* style: function (feature) {
* return {color: feature.properties.color};
* }
* }).bindPopup(function (layer) {
* return layer.feature.properties.description;
* }).addTo(map);
* ```
*/
var GeoJSON = FeatureGroup.extend({
/* @section
* @aka GeoJSON options
*
* @option pointToLayer: Function = *
* A `Function` defining how GeoJSON points spawn Leaflet layers. It is internally
* called when data is added, passing the GeoJSON point feature and its `LatLng`.
* The default is to spawn a default `Marker`:
* ```js
* function(geoJsonPoint, latlng) {
* return L.marker(latlng);
* }
* ```
*
* @option style: Function = *
* A `Function` defining the `Path options` for styling GeoJSON lines and polygons,
* called internally when data is added.
* The default value is to not override any defaults:
* ```js
* function (geoJsonFeature) {
* return {}
* }
* ```
*
* @option onEachFeature: Function = *
* A `Function` that will be called once for each created `Feature`, after it has
* been created and styled. Useful for attaching events and popups to features.
* The default is to do nothing with the newly created layers:
* ```js
* function (feature, layer) {}
* ```
*
* @option filter: Function = *
* A `Function` that will be used to decide whether to include a feature or not.
* The default is to include all features:
* ```js
* function (geoJsonFeature) {
* return true;
* }
* ```
* Note: dynamically changing the `filter` option will have effect only on newly
* added data. It will _not_ re-evaluate already included features.
*
* @option coordsToLatLng: Function = *
* A `Function` that will be used for converting GeoJSON coordinates to `LatLng`s.
* The default is the `coordsToLatLng` static method.
*
* @option markersInheritOptions: Boolean = false
* Whether default Markers for "Point" type Features inherit from group options.
*/
initialize: function (geojson, options) {
setOptions(this, options);
this._layers = {};
if (geojson) {
this.addData(geojson);
}
},
// @method addData( <GeoJSON> data ): this
// Adds a GeoJSON object to the layer.
addData: function (geojson) {
var features = isArray(geojson) ? geojson : geojson.features,
i, len, feature;
if (features) {
for (i = 0, len = features.length; i < len; i++) {
// only add this if geometry or geometries are set and not null
feature = features[i];
if (feature.geometries || feature.geometry || feature.features || feature.coordinates) {
this.addData(feature);
}
}
return this;
}
var options = this.options;
if (options.filter && !options.filter(geojson)) { return this; }
var layer = geometryToLayer(geojson, options);
if (!layer) {
return this;
}
layer.feature = asFeature(geojson);
layer.defaultOptions = layer.options;
this.resetStyle(layer);
if (options.onEachFeature) {
options.onEachFeature(geojson, layer);
}
return this.addLayer(layer);
},
// @method resetStyle( <Path> layer? ): this
// Resets the given vector layer's style to the original GeoJSON style, useful for resetting style after hover events.
// If `layer` is omitted, the style of all features in the current layer is reset.
resetStyle: function (layer) {
if (layer === undefined) {
return this.eachLayer(this.resetStyle, this);
}
// reset any custom styles
layer.options = extend({}, layer.defaultOptions);
this._setLayerStyle(layer, this.options.style);
return this;
},
// @method setStyle( <Function> style ): this
// Changes styles of GeoJSON vector layers with the given style function.
setStyle: function (style) {
return this.eachLayer(function (layer) {
this._setLayerStyle(layer, style);
}, this);
},
_setLayerStyle: function (layer, style) {
if (layer.setStyle) {
if (typeof style === 'function') {
style = style(layer.feature);
}
layer.setStyle(style);
}
}
});
// @section
// There are several static functions which can be called without instantiating L.GeoJSON:
// @function geometryToLayer(featureData: Object, options?: GeoJSON options): Layer
// Creates a `Layer` from a given GeoJSON feature. Can use a custom
// [`pointToLayer`](#geojson-pointtolayer) and/or [`coordsToLatLng`](#geojson-coordstolatlng)
// functions if provided as options.
function geometryToLayer(geojson, options) {
var geometry = geojson.type === 'Feature' ? geojson.geometry : geojson,
coords = geometry ? geometry.coordinates : null,
layers = [],
pointToLayer = options && options.pointToLayer,
_coordsToLatLng = options && options.coordsToLatLng || coordsToLatLng,
latlng, latlngs, i, len;
if (!coords && !geometry) {
return null;
}
switch (geometry.type) {
case 'Point':
latlng = _coordsToLatLng(coords);
return _pointToLayer(pointToLayer, geojson, latlng, options);
case 'MultiPoint':
for (i = 0, len = coords.length; i < len; i++) {
latlng = _coordsToLatLng(coords[i]);
layers.push(_pointToLayer(pointToLayer, geojson, latlng, options));
}
return new FeatureGroup(layers);
case 'LineString':
case 'MultiLineString':
latlngs = coordsToLatLngs(coords, geometry.type === 'LineString' ? 0 : 1, _coordsToLatLng);
return new Polyline(latlngs, options);
case 'Polygon':
case 'MultiPolygon':
latlngs = coordsToLatLngs(coords, geometry.type === 'Polygon' ? 1 : 2, _coordsToLatLng);
return new Polygon(latlngs, options);
case 'GeometryCollection':
for (i = 0, len = geometry.geometries.length; i < len; i++) {
var layer = geometryToLayer({
geometry: geometry.geometries[i],
type: 'Feature',
properties: geojson.properties
}, options);
if (layer) {
layers.push(layer);
}
}
return new FeatureGroup(layers);
default:
throw new Error('Invalid GeoJSON object.');
}
}
function _pointToLayer(pointToLayerFn, geojson, latlng, options) {
return pointToLayerFn ?
pointToLayerFn(geojson, latlng) :
new Marker(latlng, options && options.markersInheritOptions && options);
}
// @function coordsToLatLng(coords: Array): LatLng
// Creates a `LatLng` object from an array of 2 numbers (longitude, latitude)
// or 3 numbers (longitude, latitude, altitude) used in GeoJSON for points.
function coordsToLatLng(coords) {
return new LatLng(coords[1], coords[0], coords[2]);
}
// @function coordsToLatLngs(coords: Array, levelsDeep?: Number, coordsToLatLng?: Function): Array
// Creates a multidimensional array of `LatLng`s from a GeoJSON coordinates array.
// `levelsDeep` specifies the nesting level (0 is for an array of points, 1 for an array of arrays of points, etc., 0 by default).
// Can use a custom [`coordsToLatLng`](#geojson-coordstolatlng) function.
function coordsToLatLngs(coords, levelsDeep, _coordsToLatLng) {
var latlngs = [];
for (var i = 0, len = coords.length, latlng; i < len; i++) {
latlng = levelsDeep ?
coordsToLatLngs(coords[i], levelsDeep - 1, _coordsToLatLng) :
(_coordsToLatLng || coordsToLatLng)(coords[i]);
latlngs.push(latlng);
}
return latlngs;
}
// @function latLngToCoords(latlng: LatLng, precision?: Number): Array
// Reverse of [`coordsToLatLng`](#geojson-coordstolatlng)
function latLngToCoords(latlng, precision) {
precision = typeof precision === 'number' ? precision : 6;
return latlng.alt !== undefined ?
[formatNum(latlng.lng, precision), formatNum(latlng.lat, precision), formatNum(latlng.alt, precision)] :
[formatNum(latlng.lng, precision), formatNum(latlng.lat, precision)];
}
// @function latLngsToCoords(latlngs: Array, levelsDeep?: Number, closed?: Boolean): Array
// Reverse of [`coordsToLatLngs`](#geojson-coordstolatlngs)
// `closed` determines whether the first point should be appended to the end of the array to close the feature, only used when `levelsDeep` is 0. False by default.
function latLngsToCoords(latlngs, levelsDeep, closed, precision) {
var coords = [];
for (var i = 0, len = latlngs.length; i < len; i++) {
coords.push(levelsDeep ?
latLngsToCoords(latlngs[i], levelsDeep - 1, closed, precision) :
latLngToCoords(latlngs[i], precision));
}
if (!levelsDeep && closed) {
coords.push(coords[0]);
}
return coords;
}
function getFeature(layer, newGeometry) {
return layer.feature ?
extend({}, layer.feature, {geometry: newGeometry}) :
asFeature(newGeometry);
}
// @function asFeature(geojson: Object): Object
// Normalize GeoJSON geometries/features into GeoJSON features.
function asFeature(geojson) {
if (geojson.type === 'Feature' || geojson.type === 'FeatureCollection') {
return geojson;
}
return {
type: 'Feature',
properties: {},
geometry: geojson
};
}
var PointToGeoJSON = {
toGeoJSON: function (precision) {
return getFeature(this, {
type: 'Point',
coordinates: latLngToCoords(this.getLatLng(), precision)
});
}
};
// @namespace Marker
// @section Other methods
// @method toGeoJSON(precision?: Number): Object
// `precision` is the number of decimal places for coordinates.
// The default value is 6 places.
// Returns a [`GeoJSON`](http://en.wikipedia.org/wiki/GeoJSON) representation of the marker (as a GeoJSON `Point` Feature).
Marker.include(PointToGeoJSON);
// @namespace CircleMarker
// @method toGeoJSON(precision?: Number): Object
// `precision` is the number of decimal places for coordinates.
// The default value is 6 places.
// Returns a [`GeoJSON`](http://en.wikipedia.org/wiki/GeoJSON) representation of the circle marker (as a GeoJSON `Point` Feature).
Circle.include(PointToGeoJSON);
CircleMarker.include(PointToGeoJSON);
// @namespace Polyline
// @method toGeoJSON(precision?: Number): Object
// `precision` is the number of decimal places for coordinates.
// The default value is 6 places.
// Returns a [`GeoJSON`](http://en.wikipedia.org/wiki/GeoJSON) representation of the polyline (as a GeoJSON `LineString` or `MultiLineString` Feature).
Polyline.include({
toGeoJSON: function (precision) {
var multi = !isFlat(this._latlngs);
var coords = latLngsToCoords(this._latlngs, multi ? 1 : 0, false, precision);
return getFeature(this, {
type: (multi ? 'Multi' : '') + 'LineString',
coordinates: coords
});
}
});
// @namespace Polygon
// @method toGeoJSON(precision?: Number): Object
// `precision` is the number of decimal places for coordinates.
// The default value is 6 places.
// Returns a [`GeoJSON`](http://en.wikipedia.org/wiki/GeoJSON) representation of the polygon (as a GeoJSON `Polygon` or `MultiPolygon` Feature).
Polygon.include({
toGeoJSON: function (precision) {
var holes = !isFlat(this._latlngs),
multi = holes && !isFlat(this._latlngs[0]);
var coords = latLngsToCoords(this._latlngs, multi ? 2 : holes ? 1 : 0, true, precision);
if (!holes) {
coords = [coords];
}
return getFeature(this, {
type: (multi ? 'Multi' : '') + 'Polygon',
coordinates: coords
});
}
});
// @namespace LayerGroup
LayerGroup.include({
toMultiPoint: function (precision) {
var coords = [];
this.eachLayer(function (layer) {
coords.push(layer.toGeoJSON(precision).geometry.coordinates);
});
return getFeature(this, {
type: 'MultiPoint',
coordinates: coords
});
},
// @method toGeoJSON(precision?: Number): Object
// `precision` is the number of decimal places for coordinates.
// The default value is 6 places.
// Returns a [`GeoJSON`](http://en.wikipedia.org/wiki/GeoJSON) representation of the layer group (as a GeoJSON `FeatureCollection`, `GeometryCollection`, or `MultiPoint`).
toGeoJSON: function (precision) {
var type = this.feature && this.feature.geometry && this.feature.geometry.type;
if (type === 'MultiPoint') {
return this.toMultiPoint(precision);
}
var isGeometryCollection = type === 'GeometryCollection',
jsons = [];
this.eachLayer(function (layer) {
if (layer.toGeoJSON) {
var json = layer.toGeoJSON(precision);
if (isGeometryCollection) {
jsons.push(json.geometry);
} else {
var feature = asFeature(json);
// Squash nested feature collections
if (feature.type === 'FeatureCollection') {
jsons.push.apply(jsons, feature.features);
} else {
jsons.push(feature);
}
}
}
});
if (isGeometryCollection) {
return getFeature(this, {
geometries: jsons,
type: 'GeometryCollection'
});
}
return {
type: 'FeatureCollection',
features: jsons
};
}
});
// @namespace GeoJSON
// @factory L.geoJSON(geojson?: Object, options?: GeoJSON options)
// Creates a GeoJSON layer. Optionally accepts an object in
// [GeoJSON format](https://tools.ietf.org/html/rfc7946) to display on the map
// (you can alternatively add it later with `addData` method) and an `options` object.
function geoJSON(geojson, options) {
return new GeoJSON(geojson, options);
}
// Backward compatibility.
var geoJson = geoJSON;
/*
* @class ImageOverlay
* @aka L.ImageOverlay
* @inherits Interactive layer
*
* Used to load and display a single image over specific bounds of the map. Extends `Layer`.
*
* @example
*
* ```js
* var imageUrl = 'http://www.lib.utexas.edu/maps/historical/newark_nj_1922.jpg',
* imageBounds = [[40.712216, -74.22655], [40.773941, -74.12544]];
* L.imageOverlay(imageUrl, imageBounds).addTo(map);
* ```
*/
var ImageOverlay = Layer.extend({
// @section
// @aka ImageOverlay options
options: {
// @option opacity: Number = 1.0
// The opacity of the image overlay.
opacity: 1,
// @option alt: String = ''
// Text for the `alt` attribute of the image (useful for accessibility).
alt: '',
// @option interactive: Boolean = false
// If `true`, the image overlay will emit [mouse events](#interactive-layer) when clicked or hovered.
interactive: false,
// @option crossOrigin: Boolean|String = false
// Whether the crossOrigin attribute will be added to the image.
// If a String is provided, the image will have its crossOrigin attribute set to the String provided. This is needed if you want to access image pixel data.
// Refer to [CORS Settings](https://developer.mozilla.org/en-US/docs/Web/HTML/CORS_settings_attributes) for valid String values.
crossOrigin: false,
// @option errorOverlayUrl: String = ''
// URL to the overlay image to show in place of the overlay that failed to load.
errorOverlayUrl: '',
// @option zIndex: Number = 1
// The explicit [zIndex](https://developer.mozilla.org/docs/Web/CSS/CSS_Positioning/Understanding_z_index) of the overlay layer.
zIndex: 1,
// @option className: String = ''
// A custom class name to assign to the image. Empty by default.
className: ''
},
initialize: function (url, bounds, options) { // (String, LatLngBounds, Object)
this._url = url;
this._bounds = toLatLngBounds(bounds);
setOptions(this, options);
},
onAdd: function () {
if (!this._image) {
this._initImage();
if (this.options.opacity < 1) {
this._updateOpacity();
}
}
if (this.options.interactive) {
addClass(this._image, 'leaflet-interactive');
this.addInteractiveTarget(this._image);
}
this.getPane().appendChild(this._image);
this._reset();
},
onRemove: function () {
remove(this._image);
if (this.options.interactive) {
this.removeInteractiveTarget(this._image);
}
},
// @method setOpacity(opacity: Number): this
// Sets the opacity of the overlay.
setOpacity: function (opacity) {
this.options.opacity = opacity;
if (this._image) {
this._updateOpacity();
}
return this;
},
setStyle: function (styleOpts) {
if (styleOpts.opacity) {
this.setOpacity(styleOpts.opacity);
}
return this;
},
// @method bringToFront(): this
// Brings the layer to the top of all overlays.
bringToFront: function () {
if (this._map) {
toFront(this._image);
}
return this;
},
// @method bringToBack(): this
// Brings the layer to the bottom of all overlays.
bringToBack: function () {
if (this._map) {
toBack(this._image);
}
return this;
},
// @method setUrl(url: String): this
// Changes the URL of the image.
setUrl: function (url) {
this._url = url;
if (this._image) {
this._image.src = url;
}
return this;
},
// @method setBounds(bounds: LatLngBounds): this
// Update the bounds that this ImageOverlay covers
setBounds: function (bounds) {
this._bounds = toLatLngBounds(bounds);
if (this._map) {
this._reset();
}
return this;
},
getEvents: function () {
var events = {
zoom: this._reset,
viewreset: this._reset
};
if (this._zoomAnimated) {
events.zoomanim = this._animateZoom;
}
return events;
},
// @method setZIndex(value: Number): this
// Changes the [zIndex](#imageoverlay-zindex) of the image overlay.
setZIndex: function (value) {
this.options.zIndex = value;
this._updateZIndex();
return this;
},
// @method getBounds(): LatLngBounds
// Get the bounds that this ImageOverlay covers
getBounds: function () {
return this._bounds;
},
// @method getElement(): HTMLElement
// Returns the instance of [`HTMLImageElement`](https://developer.mozilla.org/docs/Web/API/HTMLImageElement)
// used by this overlay.
getElement: function () {
return this._image;
},
_initImage: function () {
var wasElementSupplied = this._url.tagName === 'IMG';
var img = this._image = wasElementSupplied ? this._url : create$1('img');
addClass(img, 'leaflet-image-layer');
if (this._zoomAnimated) { addClass(img, 'leaflet-zoom-animated'); }
if (this.options.className) { addClass(img, this.options.className); }
img.onselectstart = falseFn;
img.onmousemove = falseFn;
// @event load: Event
// Fired when the ImageOverlay layer has loaded its image
img.onload = bind(this.fire, this, 'load');
img.onerror = bind(this._overlayOnError, this, 'error');
if (this.options.crossOrigin || this.options.crossOrigin === '') {
img.crossOrigin = this.options.crossOrigin === true ? '' : this.options.crossOrigin;
}
if (this.options.zIndex) {
this._updateZIndex();
}
if (wasElementSupplied) {
this._url = img.src;
return;
}
img.src = this._url;
img.alt = this.options.alt;
},
_animateZoom: function (e) {
var scale = this._map.getZoomScale(e.zoom),
offset = this._map._latLngBoundsToNewLayerBounds(this._bounds, e.zoom, e.center).min;
setTransform(this._image, offset, scale);
},
_reset: function () {
var image = this._image,
bounds = new Bounds(
this._map.latLngToLayerPoint(this._bounds.getNorthWest()),
this._map.latLngToLayerPoint(this._bounds.getSouthEast())),
size = bounds.getSize();
setPosition(image, bounds.min);
image.style.width = size.x + 'px';
image.style.height = size.y + 'px';
},
_updateOpacity: function () {
setOpacity(this._image, this.options.opacity);
},
_updateZIndex: function () {
if (this._image && this.options.zIndex !== undefined && this.options.zIndex !== null) {
this._image.style.zIndex = this.options.zIndex;
}
},
_overlayOnError: function () {
// @event error: Event
// Fired when the ImageOverlay layer fails to load its image
this.fire('error');
var errorUrl = this.options.errorOverlayUrl;
if (errorUrl && this._url !== errorUrl) {
this._url = errorUrl;
this._image.src = errorUrl;
}
}
});
// @factory L.imageOverlay(imageUrl: String, bounds: LatLngBounds, options?: ImageOverlay options)
// Instantiates an image overlay object given the URL of the image and the
// geographical bounds it is tied to.
var imageOverlay = function (url, bounds, options) {
return new ImageOverlay(url, bounds, options);
};
/*
* @class VideoOverlay
* @aka L.VideoOverlay
* @inherits ImageOverlay
*
* Used to load and display a video player over specific bounds of the map. Extends `ImageOverlay`.
*
* A video overlay uses the [`<video>`](https://developer.mozilla.org/docs/Web/HTML/Element/video)
* HTML5 element.
*
* @example
*
* ```js
* var videoUrl = 'https://www.mapbox.com/bites/00188/patricia_nasa.webm',
* videoBounds = [[ 32, -130], [ 13, -100]];
* L.videoOverlay(videoUrl, videoBounds ).addTo(map);
* ```
*/
var VideoOverlay = ImageOverlay.extend({
// @section
// @aka VideoOverlay options
options: {
// @option autoplay: Boolean = true
// Whether the video starts playing automatically when loaded.
autoplay: true,
// @option loop: Boolean = true
// Whether the video will loop back to the beginning when played.
loop: true,
// @option keepAspectRatio: Boolean = true
// Whether the video will save aspect ratio after the projection.
// Relevant for supported browsers. Browser compatibility- https://developer.mozilla.org/en-US/docs/Web/CSS/object-fit
keepAspectRatio: true,
// @option muted: Boolean = false
// Whether the video starts on mute when loaded.
muted: false
},
_initImage: function () {
var wasElementSupplied = this._url.tagName === 'VIDEO';
var vid = this._image = wasElementSupplied ? this._url : create$1('video');
addClass(vid, 'leaflet-image-layer');
if (this._zoomAnimated) { addClass(vid, 'leaflet-zoom-animated'); }
if (this.options.className) { addClass(vid, this.options.className); }
vid.onselectstart = falseFn;
vid.onmousemove = falseFn;
// @event load: Event
// Fired when the video has finished loading the first frame
vid.onloadeddata = bind(this.fire, this, 'load');
if (wasElementSupplied) {
var sourceElements = vid.getElementsByTagName('source');
var sources = [];
for (var j = 0; j < sourceElements.length; j++) {
sources.push(sourceElements[j].src);
}
this._url = (sourceElements.length > 0) ? sources : [vid.src];
return;
}
if (!isArray(this._url)) { this._url = [this._url]; }
if (!this.options.keepAspectRatio && Object.prototype.hasOwnProperty.call(vid.style, 'objectFit')) {
vid.style['objectFit'] = 'fill';
}
vid.autoplay = !!this.options.autoplay;
vid.loop = !!this.options.loop;
vid.muted = !!this.options.muted;
for (var i = 0; i < this._url.length; i++) {
var source = create$1('source');
source.src = this._url[i];
vid.appendChild(source);
}
}
// @method getElement(): HTMLVideoElement
// Returns the instance of [`HTMLVideoElement`](https://developer.mozilla.org/docs/Web/API/HTMLVideoElement)
// used by this overlay.
});
// @factory L.videoOverlay(video: String|Array|HTMLVideoElement, bounds: LatLngBounds, options?: VideoOverlay options)
// Instantiates an image overlay object given the URL of the video (or array of URLs, or even a video element) and the
// geographical bounds it is tied to.
function videoOverlay(video, bounds, options) {
return new VideoOverlay(video, bounds, options);
}
/*
* @class SVGOverlay
* @aka L.SVGOverlay
* @inherits ImageOverlay
*
* Used to load, display and provide DOM access to an SVG file over specific bounds of the map. Extends `ImageOverlay`.
*
* An SVG overlay uses the [`<svg>`](https://developer.mozilla.org/docs/Web/SVG/Element/svg) element.
*
* @example
*
* ```js
* var svgElement = document.createElementNS("http://www.w3.org/2000/svg", "svg");
* svgElement.setAttribute('xmlns', "http://www.w3.org/2000/svg");
* svgElement.setAttribute('viewBox', "0 0 200 200");
* svgElement.innerHTML = '<rect width="200" height="200"/><rect x="75" y="23" width="50" height="50" style="fill:red"/><rect x="75" y="123" width="50" height="50" style="fill:#0013ff"/>';
* var svgElementBounds = [ [ 32, -130 ], [ 13, -100 ] ];
* L.svgOverlay(svgElement, svgElementBounds).addTo(map);
* ```
*/
3 years ago
1 year ago
var SVGOverlay = ImageOverlay.extend({
_initImage: function () {
var el = this._image = this._url;
addClass(el, 'leaflet-image-layer');
if (this._zoomAnimated) { addClass(el, 'leaflet-zoom-animated'); }
if (this.options.className) { addClass(el, this.options.className); }
el.onselectstart = falseFn;
el.onmousemove = falseFn;
}
// @method getElement(): SVGElement
// Returns the instance of [`SVGElement`](https://developer.mozilla.org/docs/Web/API/SVGElement)
// used by this overlay.
});
// @factory L.svgOverlay(svg: String|SVGElement, bounds: LatLngBounds, options?: SVGOverlay options)
// Instantiates an image overlay object given an SVG element and the geographical bounds it is tied to.
// A viewBox attribute is required on the SVG element to zoom in and out properly.
function svgOverlay(el, bounds, options) {
return new SVGOverlay(el, bounds, options);
}
/*
* @class DivOverlay
* @inherits Layer
* @aka L.DivOverlay
* Base model for L.Popup and L.Tooltip. Inherit from it for custom popup like plugins.
*/
// @namespace DivOverlay
var DivOverlay = Layer.extend({
// @section
// @aka DivOverlay options
options: {
// @option offset: Point = Point(0, 7)
// The offset of the popup position. Useful to control the anchor
// of the popup when opening it on some overlays.
offset: [0, 7],
// @option className: String = ''
// A custom CSS class name to assign to the popup.
className: '',
// @option pane: String = 'popupPane'
// `Map pane` where the popup will be added.
pane: 'popupPane'
},
initialize: function (options, source) {
setOptions(this, options);
this._source = source;
},
onAdd: function (map) {
this._zoomAnimated = map._zoomAnimated;
if (!this._container) {
this._initLayout();
}
if (map._fadeAnimated) {
setOpacity(this._container, 0);
}
clearTimeout(this._removeTimeout);
this.getPane().appendChild(this._container);
this.update();
if (map._fadeAnimated) {
setOpacity(this._container, 1);
}
this.bringToFront();
},
onRemove: function (map) {
if (map._fadeAnimated) {
setOpacity(this._container, 0);
this._removeTimeout = setTimeout(bind(remove, undefined, this._container), 200);
} else {
remove(this._container);
}
},
// @namespace Popup
// @method getLatLng: LatLng
// Returns the geographical point of popup.
getLatLng: function () {
return this._latlng;
},
// @method setLatLng(latlng: LatLng): this
// Sets the geographical point where the popup will open.
setLatLng: function (latlng) {
this._latlng = toLatLng(latlng);
if (this._map) {
this._updatePosition();
this._adjustPan();
}
return this;
},
// @method getContent: String|HTMLElement
// Returns the content of the popup.
getContent: function () {
return this._content;
},
// @method setContent(htmlContent: String|HTMLElement|Function): this
// Sets the HTML content of the popup. If a function is passed the source layer will be passed to the function. The function should return a `String` or `HTMLElement` to be used in the popup.
setContent: function (content) {
this._content = content;
this.update();
return this;
},
// @method getElement: String|HTMLElement
// Returns the HTML container of the popup.
getElement: function () {
return this._container;
},
// @method update: null
// Updates the popup content, layout and position. Useful for updating the popup after something inside changed, e.g. image loaded.
update: function () {
if (!this._map) { return; }
this._container.style.visibility = 'hidden';
this._updateContent();
this._updateLayout();
this._updatePosition();
this._container.style.visibility = '';
this._adjustPan();
},
getEvents: function () {
var events = {
zoom: this._updatePosition,
viewreset: this._updatePosition
};
if (this._zoomAnimated) {
events.zoomanim = this._animateZoom;
}
return events;
},
// @method isOpen: Boolean
// Returns `true` when the popup is visible on the map.
isOpen: function () {
return !!this._map && this._map.hasLayer(this);
},
// @method bringToFront: this
// Brings this popup in front of other popups (in the same map pane).
bringToFront: function () {
if (this._map) {
toFront(this._container);
}
return this;
},
// @method bringToBack: this
// Brings this popup to the back of other popups (in the same map pane).
bringToBack: function () {
if (this._map) {
toBack(this._container);
}
return this;
},
_prepareOpen: function (parent, layer, latlng) {
if (!(layer instanceof Layer)) {
latlng = layer;
layer = parent;
}
if (layer instanceof FeatureGroup) {
for (var id in parent._layers) {
layer = parent._layers[id];
break;
}
}
if (!latlng) {
if (layer.getCenter) {
latlng = layer.getCenter();
} else if (layer.getLatLng) {
latlng = layer.getLatLng();
} else {
throw new Error('Unable to get source layer LatLng.');
}
}
// set overlay source to this layer
this._source = layer;
// update the overlay (content, layout, ect...)
this.update();
return latlng;
},
_updateContent: function () {
if (!this._content) { return; }
var node = this._contentNode;
var content = (typeof this._content === 'function') ? this._content(this._source || this) : this._content;
if (typeof content === 'string') {
node.innerHTML = content;
} else {
while (node.hasChildNodes()) {
node.removeChild(node.firstChild);
}
node.appendChild(content);
}
this.fire('contentupdate');
},
_updatePosition: function () {
if (!this._map) { return; }
var pos = this._map.latLngToLayerPoint(this._latlng),
offset = toPoint(this.options.offset),
anchor = this._getAnchor();
if (this._zoomAnimated) {
setPosition(this._container, pos.add(anchor));
} else {
offset = offset.add(pos).add(anchor);
}
var bottom = this._containerBottom = -offset.y,
left = this._containerLeft = -Math.round(this._containerWidth / 2) + offset.x;
// bottom position the popup in case the height of the popup changes (images loading etc)
this._container.style.bottom = bottom + 'px';
this._container.style.left = left + 'px';
},
_getAnchor: function () {
return [0, 0];
}
});
/*
* @class Popup
* @inherits DivOverlay
* @aka L.Popup
* Used to open popups in certain places of the map. Use [Map.openPopup](#map-openpopup) to
* open popups while making sure that only one popup is open at one time
* (recommended for usability), or use [Map.addLayer](#map-addlayer) to open as many as you want.
*
* @example
*
* If you want to just bind a popup to marker click and then open it, it's really easy:
*
* ```js
* marker.bindPopup(popupContent).openPopup();
* ```
* Path overlays like polylines also have a `bindPopup` method.
* Here's a more complicated way to open a popup on a map:
*
* ```js
* var popup = L.popup()
* .setLatLng(latlng)
* .setContent('<p>Hello world!<br />This is a nice popup.</p>')
* .openOn(map);
* ```
*/
// @namespace Popup
var Popup = DivOverlay.extend({
// @section
// @aka Popup options
options: {
// @option maxWidth: Number = 300
// Max width of the popup, in pixels.
maxWidth: 300,
// @option minWidth: Number = 50
// Min width of the popup, in pixels.
minWidth: 50,
// @option maxHeight: Number = null
// If set, creates a scrollable container of the given height
// inside a popup if its content exceeds it.
maxHeight: null,
// @option autoPan: Boolean = true
// Set it to `false` if you don't want the map to do panning animation
// to fit the opened popup.
autoPan: true,
// @option autoPanPaddingTopLeft: Point = null
// The margin between the popup and the top left corner of the map
// view after autopanning was performed.
autoPanPaddingTopLeft: null,
// @option autoPanPaddingBottomRight: Point = null
// The margin between the popup and the bottom right corner of the map
// view after autopanning was performed.
autoPanPaddingBottomRight: null,
// @option autoPanPadding: Point = Point(5, 5)
// Equivalent of setting both top left and bottom right autopan padding to the same value.
autoPanPadding: [5, 5],
// @option keepInView: Boolean = false
// Set it to `true` if you want to prevent users from panning the popup
// off of the screen while it is open.
keepInView: false,
// @option closeButton: Boolean = true
// Controls the presence of a close button in the popup.
closeButton: true,
// @option autoClose: Boolean = true
// Set it to `false` if you want to override the default behavior of
// the popup closing when another popup is opened.
autoClose: true,
// @option closeOnEscapeKey: Boolean = true
// Set it to `false` if you want to override the default behavior of
// the ESC key for closing of the popup.
closeOnEscapeKey: true,
// @option closeOnClick: Boolean = *
// Set it if you want to override the default behavior of the popup closing when user clicks
// on the map. Defaults to the map's [`closePopupOnClick`](#map-closepopuponclick) option.
// @option className: String = ''
// A custom CSS class name to assign to the popup.
className: ''
},
// @namespace Popup
// @method openOn(map: Map): this
// Adds the popup to the map and closes the previous one. The same as `map.openPopup(popup)`.
openOn: function (map) {
map.openPopup(this);
return this;
},
onAdd: function (map) {
DivOverlay.prototype.onAdd.call(this, map);
// @namespace Map
// @section Popup events
// @event popupopen: PopupEvent
// Fired when a popup is opened in the map
map.fire('popupopen', {popup: this});
if (this._source) {
// @namespace Layer
// @section Popup events
// @event popupopen: PopupEvent
// Fired when a popup bound to this layer is opened
this._source.fire('popupopen', {popup: this}, true);
// For non-path layers, we toggle the popup when clicking
// again the layer, so prevent the map to reopen it.
if (!(this._source instanceof Path)) {
this._source.on('preclick', stopPropagation);
}
}
},
onRemove: function (map) {
DivOverlay.prototype.onRemove.call(this, map);
// @namespace Map
// @section Popup events
// @event popupclose: PopupEvent
// Fired when a popup in the map is closed
map.fire('popupclose', {popup: this});
if (this._source) {
// @namespace Layer
// @section Popup events
// @event popupclose: PopupEvent
// Fired when a popup bound to this layer is closed
this._source.fire('popupclose', {popup: this}, true);
if (!(this._source instanceof Path)) {
this._source.off('preclick', stopPropagation);
}
}
},
getEvents: function () {
var events = DivOverlay.prototype.getEvents.call(this);
if (this.options.closeOnClick !== undefined ? this.options.closeOnClick : this._map.options.closePopupOnClick) {
events.preclick = this._close;
}
if (this.options.keepInView) {
events.moveend = this._adjustPan;
}
return events;
},
_close: function () {
if (this._map) {
this._map.closePopup(this);
}
},
_initLayout: function () {
var prefix = 'leaflet-popup',
container = this._container = create$1('div',
prefix + ' ' + (this.options.className || '') +
' leaflet-zoom-animated');
var wrapper = this._wrapper = create$1('div', prefix + '-content-wrapper', container);
this._contentNode = create$1('div', prefix + '-content', wrapper);
disableClickPropagation(container);
disableScrollPropagation(this._contentNode);
on(container, 'contextmenu', stopPropagation);
this._tipContainer = create$1('div', prefix + '-tip-container', container);
this._tip = create$1('div', prefix + '-tip', this._tipContainer);
if (this.options.closeButton) {
var closeButton = this._closeButton = create$1('a', prefix + '-close-button', container);
closeButton.href = '#close';
closeButton.innerHTML = '&#215;';
on(closeButton, 'click', this._onCloseButtonClick, this);
}
},
_updateLayout: function () {
var container = this._contentNode,
style = container.style;
style.width = '';
style.whiteSpace = 'nowrap';
var width = container.offsetWidth;
width = Math.min(width, this.options.maxWidth);
width = Math.max(width, this.options.minWidth);
style.width = (width + 1) + 'px';
style.whiteSpace = '';
style.height = '';
var height = container.offsetHeight,
maxHeight = this.options.maxHeight,
scrolledClass = 'leaflet-popup-scrolled';
if (maxHeight && height > maxHeight) {
style.height = maxHeight + 'px';
addClass(container, scrolledClass);
} else {
removeClass(container, scrolledClass);
}
this._containerWidth = this._container.offsetWidth;
},
_animateZoom: function (e) {
var pos = this._map._latLngToNewLayerPoint(this._latlng, e.zoom, e.center),
anchor = this._getAnchor();
setPosition(this._container, pos.add(anchor));
},
_adjustPan: function () {
if (!this.options.autoPan) { return; }
if (this._map._panAnim) { this._map._panAnim.stop(); }
var map = this._map,
marginBottom = parseInt(getStyle(this._container, 'marginBottom'), 10) || 0,
containerHeight = this._container.offsetHeight + marginBottom,
containerWidth = this._containerWidth,
layerPos = new Point(this._containerLeft, -containerHeight - this._containerBottom);
layerPos._add(getPosition(this._container));
var containerPos = map.layerPointToContainerPoint(layerPos),
padding = toPoint(this.options.autoPanPadding),
paddingTL = toPoint(this.options.autoPanPaddingTopLeft || padding),
paddingBR = toPoint(this.options.autoPanPaddingBottomRight || padding),
size = map.getSize(),
dx = 0,
dy = 0;
if (containerPos.x + containerWidth + paddingBR.x > size.x) { // right
dx = containerPos.x + containerWidth - size.x + paddingBR.x;
}
if (containerPos.x - dx - paddingTL.x < 0) { // left
dx = containerPos.x - paddingTL.x;
}
if (containerPos.y + containerHeight + paddingBR.y > size.y) { // bottom
dy = containerPos.y + containerHeight - size.y + paddingBR.y;
}
if (containerPos.y - dy - paddingTL.y < 0) { // top
dy = containerPos.y - paddingTL.y;
}
// @namespace Map
// @section Popup events
// @event autopanstart: Event
// Fired when the map starts autopanning when opening a popup.
if (dx || dy) {
map
.fire('autopanstart')
.panBy([dx, dy]);
}
},
_onCloseButtonClick: function (e) {
this._close();
stop(e);
},
_getAnchor: function () {
// Where should we anchor the popup on the source layer?
return toPoint(this._source && this._source._getPopupAnchor ? this._source._getPopupAnchor() : [0, 0]);
}
});
// @namespace Popup
// @factory L.popup(options?: Popup options, source?: Layer)
// Instantiates a `Popup` object given an optional `options` object that describes its appearance and location and an optional `source` object that is used to tag the popup with a reference to the Layer to which it refers.
var popup = function (options, source) {
return new Popup(options, source);
};
/* @namespace Map
* @section Interaction Options
* @option closePopupOnClick: Boolean = true
* Set it to `false` if you don't want popups to close when user clicks the map.
*/
Map.mergeOptions({
closePopupOnClick: true
});
// @namespace Map
// @section Methods for Layers and Controls
Map.include({
// @method openPopup(popup: Popup): this
// Opens the specified popup while closing the previously opened (to make sure only one is opened at one time for usability).
// @alternative
// @method openPopup(content: String|HTMLElement, latlng: LatLng, options?: Popup options): this
// Creates a popup with the specified content and options and opens it in the given point on a map.
openPopup: function (popup, latlng, options) {
if (!(popup instanceof Popup)) {
popup = new Popup(options).setContent(popup);
}
if (latlng) {
popup.setLatLng(latlng);
}
if (this.hasLayer(popup)) {
return this;
}
if (this._popup && this._popup.options.autoClose) {
this.closePopup();
}
this._popup = popup;
return this.addLayer(popup);
},
// @method closePopup(popup?: Popup): this
// Closes the popup previously opened with [openPopup](#map-openpopup) (or the given one).
closePopup: function (popup) {
if (!popup || popup === this._popup) {
popup = this._popup;
this._popup = null;
}
if (popup) {
this.removeLayer(popup);
}
return this;
}
});
/*
* @namespace Layer
* @section Popup methods example
*
* All layers share a set of methods convenient for binding popups to it.
*
* ```js
* var layer = L.Polygon(latlngs).bindPopup('Hi There!').addTo(map);
* layer.openPopup();
* layer.closePopup();
* ```
*
* Popups will also be automatically opened when the layer is clicked on and closed when the layer is removed from the map or another popup is opened.
*/
// @section Popup methods
Layer.include({
// @method bindPopup(content: String|HTMLElement|Function|Popup, options?: Popup options): this
// Binds a popup to the layer with the passed `content` and sets up the
// necessary event listeners. If a `Function` is passed it will receive
// the layer as the first argument and should return a `String` or `HTMLElement`.
bindPopup: function (content, options) {
if (content instanceof Popup) {
setOptions(content, options);
this._popup = content;
content._source = this;
} else {
if (!this._popup || options) {
this._popup = new Popup(options, this);
}
this._popup.setContent(content);
}
if (!this._popupHandlersAdded) {
this.on({
click: this._openPopup,
keypress: this._onKeyPress,
remove: this.closePopup,
move: this._movePopup
});
this._popupHandlersAdded = true;
}
return this;
},
// @method unbindPopup(): this
// Removes the popup previously bound with `bindPopup`.
unbindPopup: function () {
if (this._popup) {
this.off({
click: this._openPopup,
keypress: this._onKeyPress,
remove: this.closePopup,
move: this._movePopup
});
this._popupHandlersAdded = false;
this._popup = null;
}
return this;
},
// @method openPopup(latlng?: LatLng): this
// Opens the bound popup at the specified `latlng` or at the default popup anchor if no `latlng` is passed.
openPopup: function (layer, latlng) {
if (this._popup && this._map) {
latlng = this._popup._prepareOpen(this, layer, latlng);
// open the popup on the map
this._map.openPopup(this._popup, latlng);
}
return this;
},
// @method closePopup(): this
// Closes the popup bound to this layer if it is open.
closePopup: function () {
if (this._popup) {
this._popup._close();
}
return this;
},
// @method togglePopup(): this
// Opens or closes the popup bound to this layer depending on its current state.
togglePopup: function (target) {
if (this._popup) {
if (this._popup._map) {
this.closePopup();
} else {
this.openPopup(target);
}
}
return this;
},
// @method isPopupOpen(): boolean
// Returns `true` if the popup bound to this layer is currently open.
isPopupOpen: function () {
return (this._popup ? this._popup.isOpen() : false);
},
// @method setPopupContent(content: String|HTMLElement|Popup): this
// Sets the content of the popup bound to this layer.
setPopupContent: function (content) {
if (this._popup) {
this._popup.setContent(content);
}
return this;
},
// @method getPopup(): Popup
// Returns the popup bound to this layer.
getPopup: function () {
return this._popup;
},
_openPopup: function (e) {
var layer = e.layer || e.target;
if (!this._popup) {
return;
}
if (!this._map) {
return;
}
// prevent map click
stop(e);
// if this inherits from Path its a vector and we can just
// open the popup at the new location
if (layer instanceof Path) {
this.openPopup(e.layer || e.target, e.latlng);
return;
}
// otherwise treat it like a marker and figure out
// if we should toggle it open/closed
if (this._map.hasLayer(this._popup) && this._popup._source === layer) {
this.closePopup();
} else {
this.openPopup(layer, e.latlng);
}
},
_movePopup: function (e) {
this._popup.setLatLng(e.latlng);
},
_onKeyPress: function (e) {
if (e.originalEvent.keyCode === 13) {
this._openPopup(e);
}
}
});
/*
* @class Tooltip
* @inherits DivOverlay
* @aka L.Tooltip
* Used to display small texts on top of map layers.
*
* @example
*
* ```js
* marker.bindTooltip("my tooltip text").openTooltip();
* ```
* Note about tooltip offset. Leaflet takes two options in consideration
* for computing tooltip offsetting:
* - the `offset` Tooltip option: it defaults to [0, 0], and it's specific to one tooltip.
* Add a positive x offset to move the tooltip to the right, and a positive y offset to
* move it to the bottom. Negatives will move to the left and top.
* - the `tooltipAnchor` Icon option: this will only be considered for Marker. You
* should adapt this value if you use a custom icon.
*/
3 years ago
1 year ago
// @namespace Tooltip
var Tooltip = DivOverlay.extend({
// @section
// @aka Tooltip options
options: {
// @option pane: String = 'tooltipPane'
// `Map pane` where the tooltip will be added.
pane: 'tooltipPane',
// @option offset: Point = Point(0, 0)
// Optional offset of the tooltip position.
offset: [0, 0],
// @option direction: String = 'auto'
// Direction where to open the tooltip. Possible values are: `right`, `left`,
// `top`, `bottom`, `center`, `auto`.
// `auto` will dynamically switch between `right` and `left` according to the tooltip
// position on the map.
direction: 'auto',
// @option permanent: Boolean = false
// Whether to open the tooltip permanently or only on mouseover.
permanent: false,
// @option sticky: Boolean = false
// If true, the tooltip will follow the mouse instead of being fixed at the feature center.
sticky: false,
// @option interactive: Boolean = false
// If true, the tooltip will listen to the feature events.
interactive: false,
// @option opacity: Number = 0.9
// Tooltip container opacity.
opacity: 0.9
},
onAdd: function (map) {
DivOverlay.prototype.onAdd.call(this, map);
this.setOpacity(this.options.opacity);
// @namespace Map
// @section Tooltip events
// @event tooltipopen: TooltipEvent
// Fired when a tooltip is opened in the map.
map.fire('tooltipopen', {tooltip: this});
if (this._source) {
// @namespace Layer
// @section Tooltip events
// @event tooltipopen: TooltipEvent
// Fired when a tooltip bound to this layer is opened.
this._source.fire('tooltipopen', {tooltip: this}, true);
}
},
onRemove: function (map) {
DivOverlay.prototype.onRemove.call(this, map);
// @namespace Map
// @section Tooltip events
// @event tooltipclose: TooltipEvent
// Fired when a tooltip in the map is closed.
map.fire('tooltipclose', {tooltip: this});
if (this._source) {
// @namespace Layer
// @section Tooltip events
// @event tooltipclose: TooltipEvent
// Fired when a tooltip bound to this layer is closed.
this._source.fire('tooltipclose', {tooltip: this}, true);
}
},
getEvents: function () {
var events = DivOverlay.prototype.getEvents.call(this);
if (touch && !this.options.permanent) {
events.preclick = this._close;
}
return events;
},
_close: function () {
if (this._map) {
this._map.closeTooltip(this);
}
},
_initLayout: function () {
var prefix = 'leaflet-tooltip',
className = prefix + ' ' + (this.options.className || '') + ' leaflet-zoom-' + (this._zoomAnimated ? 'animated' : 'hide');
this._contentNode = this._container = create$1('div', className);
},
_updateLayout: function () {},
_adjustPan: function () {},
_setPosition: function (pos) {
var subX, subY,
map = this._map,
container = this._container,
centerPoint = map.latLngToContainerPoint(map.getCenter()),
tooltipPoint = map.layerPointToContainerPoint(pos),
direction = this.options.direction,
tooltipWidth = container.offsetWidth,
tooltipHeight = container.offsetHeight,
offset = toPoint(this.options.offset),
anchor = this._getAnchor();
if (direction === 'top') {
subX = tooltipWidth / 2;
subY = tooltipHeight;
} else if (direction === 'bottom') {
subX = tooltipWidth / 2;
subY = 0;
} else if (direction === 'center') {
subX = tooltipWidth / 2;
subY = tooltipHeight / 2;
} else if (direction === 'right') {
subX = 0;
subY = tooltipHeight / 2;
} else if (direction === 'left') {
subX = tooltipWidth;
subY = tooltipHeight / 2;
} else if (tooltipPoint.x < centerPoint.x) {
direction = 'right';
subX = 0;
subY = tooltipHeight / 2;
} else {
direction = 'left';
subX = tooltipWidth + (offset.x + anchor.x) * 2;
subY = tooltipHeight / 2;
}
pos = pos.subtract(toPoint(subX, subY, true)).add(offset).add(anchor);
removeClass(container, 'leaflet-tooltip-right');
removeClass(container, 'leaflet-tooltip-left');
removeClass(container, 'leaflet-tooltip-top');
removeClass(container, 'leaflet-tooltip-bottom');
addClass(container, 'leaflet-tooltip-' + direction);
setPosition(container, pos);
},
_updatePosition: function () {
var pos = this._map.latLngToLayerPoint(this._latlng);
this._setPosition(pos);
},
setOpacity: function (opacity) {
this.options.opacity = opacity;
if (this._container) {
setOpacity(this._container, opacity);
}
},
_animateZoom: function (e) {
var pos = this._map._latLngToNewLayerPoint(this._latlng, e.zoom, e.center);
this._setPosition(pos);
},
_getAnchor: function () {
// Where should we anchor the tooltip on the source layer?
return toPoint(this._source && this._source._getTooltipAnchor && !this.options.sticky ? this._source._getTooltipAnchor() : [0, 0]);
}
});
// @namespace Tooltip
// @factory L.tooltip(options?: Tooltip options, source?: Layer)
// Instantiates a Tooltip object given an optional `options` object that describes its appearance and location and an optional `source` object that is used to tag the tooltip with a reference to the Layer to which it refers.
var tooltip = function (options, source) {
return new Tooltip(options, source);
};
// @namespace Map
// @section Methods for Layers and Controls
Map.include({
// @method openTooltip(tooltip: Tooltip): this
// Opens the specified tooltip.
// @alternative
// @method openTooltip(content: String|HTMLElement, latlng: LatLng, options?: Tooltip options): this
// Creates a tooltip with the specified content and options and open it.
openTooltip: function (tooltip, latlng, options) {
if (!(tooltip instanceof Tooltip)) {
tooltip = new Tooltip(options).setContent(tooltip);
}
if (latlng) {
tooltip.setLatLng(latlng);
}
if (this.hasLayer(tooltip)) {
return this;
}
return this.addLayer(tooltip);
},
// @method closeTooltip(tooltip?: Tooltip): this
// Closes the tooltip given as parameter.
closeTooltip: function (tooltip) {
if (tooltip) {
this.removeLayer(tooltip);
}
return this;
}
});
/*
* @namespace Layer
* @section Tooltip methods example
*
* All layers share a set of methods convenient for binding tooltips to it.
*
* ```js
* var layer = L.Polygon(latlngs).bindTooltip('Hi There!').addTo(map);
* layer.openTooltip();
* layer.closeTooltip();
* ```
*/
3 years ago
1 year ago
// @section Tooltip methods
Layer.include({
// @method bindTooltip(content: String|HTMLElement|Function|Tooltip, options?: Tooltip options): this
// Binds a tooltip to the layer with the passed `content` and sets up the
// necessary event listeners. If a `Function` is passed it will receive
// the layer as the first argument and should return a `String` or `HTMLElement`.
bindTooltip: function (content, options) {
if (content instanceof Tooltip) {
setOptions(content, options);
this._tooltip = content;
content._source = this;
} else {
if (!this._tooltip || options) {
this._tooltip = new Tooltip(options, this);
}
this._tooltip.setContent(content);
}
this._initTooltipInteractions();
if (this._tooltip.options.permanent && this._map && this._map.hasLayer(this)) {
this.openTooltip();
}
return this;
},
// @method unbindTooltip(): this
// Removes the tooltip previously bound with `bindTooltip`.
unbindTooltip: function () {
if (this._tooltip) {
this._initTooltipInteractions(true);
this.closeTooltip();
this._tooltip = null;
}
return this;
},
_initTooltipInteractions: function (remove$$1) {
if (!remove$$1 && this._tooltipHandlersAdded) { return; }
var onOff = remove$$1 ? 'off' : 'on',
events = {
remove: this.closeTooltip,
move: this._moveTooltip
};
if (!this._tooltip.options.permanent) {
events.mouseover = this._openTooltip;
events.mouseout = this.closeTooltip;
if (this._tooltip.options.sticky) {
events.mousemove = this._moveTooltip;
}
if (touch) {
events.click = this._openTooltip;
}
} else {
events.add = this._openTooltip;
}
this[onOff](events);
this._tooltipHandlersAdded = !remove$$1;
},
// @method openTooltip(latlng?: LatLng): this
// Opens the bound tooltip at the specified `latlng` or at the default tooltip anchor if no `latlng` is passed.
openTooltip: function (layer, latlng) {
if (this._tooltip && this._map) {
latlng = this._tooltip._prepareOpen(this, layer, latlng);
// open the tooltip on the map
this._map.openTooltip(this._tooltip, latlng);
// Tooltip container may not be defined if not permanent and never
// opened.
if (this._tooltip.options.interactive && this._tooltip._container) {
addClass(this._tooltip._container, 'leaflet-clickable');
this.addInteractiveTarget(this._tooltip._container);
}
}
return this;
},
// @method closeTooltip(): this
// Closes the tooltip bound to this layer if it is open.
closeTooltip: function () {
if (this._tooltip) {
this._tooltip._close();
if (this._tooltip.options.interactive && this._tooltip._container) {
removeClass(this._tooltip._container, 'leaflet-clickable');
this.removeInteractiveTarget(this._tooltip._container);
}
}
return this;
},
// @method toggleTooltip(): this
// Opens or closes the tooltip bound to this layer depending on its current state.
toggleTooltip: function (target) {
if (this._tooltip) {
if (this._tooltip._map) {
this.closeTooltip();
} else {
this.openTooltip(target);
}
}
return this;
},
// @method isTooltipOpen(): boolean
// Returns `true` if the tooltip bound to this layer is currently open.
isTooltipOpen: function () {
return this._tooltip.isOpen();
},
// @method setTooltipContent(content: String|HTMLElement|Tooltip): this
// Sets the content of the tooltip bound to this layer.
setTooltipContent: function (content) {
if (this._tooltip) {
this._tooltip.setContent(content);
}
return this;
},
// @method getTooltip(): Tooltip
// Returns the tooltip bound to this layer.
getTooltip: function () {
return this._tooltip;
},
_openTooltip: function (e) {
var layer = e.layer || e.target;
if (!this._tooltip || !this._map) {
return;
}
this.openTooltip(layer, this._tooltip.options.sticky ? e.latlng : undefined);
},
_moveTooltip: function (e) {
var latlng = e.latlng, containerPoint, layerPoint;
if (this._tooltip.options.sticky && e.originalEvent) {
containerPoint = this._map.mouseEventToContainerPoint(e.originalEvent);
layerPoint = this._map.containerPointToLayerPoint(containerPoint);
latlng = this._map.layerPointToLatLng(layerPoint);
}
this._tooltip.setLatLng(latlng);
}
});
/*
* @class DivIcon
* @aka L.DivIcon
* @inherits Icon
*
* Represents a lightweight icon for markers that uses a simple `<div>`
* element instead of an image. Inherits from `Icon` but ignores the `iconUrl` and shadow options.
*
* @example
* ```js
* var myIcon = L.divIcon({className: 'my-div-icon'});
* // you can set .my-div-icon styles in CSS
*
* L.marker([50.505, 30.57], {icon: myIcon}).addTo(map);
* ```
*
* By default, it has a 'leaflet-div-icon' CSS class and is styled as a little white square with a shadow.
*/
3 years ago
1 year ago
var DivIcon = Icon.extend({
options: {
// @section
// @aka DivIcon options
iconSize: [12, 12], // also can be set through CSS
// iconAnchor: (Point),
// popupAnchor: (Point),
// @option html: String|HTMLElement = ''
// Custom HTML code to put inside the div element, empty by default. Alternatively,
// an instance of `HTMLElement`.
html: false,
// @option bgPos: Point = [0, 0]
// Optional relative position of the background, in pixels
bgPos: null,
className: 'leaflet-div-icon'
},
createIcon: function (oldIcon) {
var div = (oldIcon && oldIcon.tagName === 'DIV') ? oldIcon : document.createElement('div'),
options = this.options;
if (options.html instanceof Element) {
empty(div);
div.appendChild(options.html);
} else {
div.innerHTML = options.html !== false ? options.html : '';
}
if (options.bgPos) {
var bgPos = toPoint(options.bgPos);
div.style.backgroundPosition = (-bgPos.x) + 'px ' + (-bgPos.y) + 'px';
}
this._setIconStyles(div, 'icon');
return div;
},
createShadow: function () {
return null;
}
});
// @factory L.divIcon(options: DivIcon options)
// Creates a `DivIcon` instance with the given options.
function divIcon(options) {
return new DivIcon(options);
}
Icon.Default = IconDefault;
/*
* @class GridLayer
* @inherits Layer
* @aka L.GridLayer
*
* Generic class for handling a tiled grid of HTML elements. This is the base class for all tile layers and replaces `TileLayer.Canvas`.
* GridLayer can be extended to create a tiled grid of HTML elements like `<canvas>`, `<img>` or `<div>`. GridLayer will handle creating and animating these DOM elements for you.
*
*
* @section Synchronous usage
* @example
*
* To create a custom layer, extend GridLayer and implement the `createTile()` method, which will be passed a `Point` object with the `x`, `y`, and `z` (zoom level) coordinates to draw your tile.
*
* ```js
* var CanvasLayer = L.GridLayer.extend({
* createTile: function(coords){
* // create a <canvas> element for drawing
* var tile = L.DomUtil.create('canvas', 'leaflet-tile');
*
* // setup tile width and height according to the options
* var size = this.getTileSize();
* tile.width = size.x;
* tile.height = size.y;
*
* // get a canvas context and draw something on it using coords.x, coords.y and coords.z
* var ctx = tile.getContext('2d');
*
* // return the tile so it can be rendered on screen
* return tile;
* }
* });
* ```
*
* @section Asynchronous usage
* @example
*
* Tile creation can also be asynchronous, this is useful when using a third-party drawing library. Once the tile is finished drawing it can be passed to the `done()` callback.
*
* ```js
* var CanvasLayer = L.GridLayer.extend({
* createTile: function(coords, done){
* var error;
*
* // create a <canvas> element for drawing
* var tile = L.DomUtil.create('canvas', 'leaflet-tile');
*
* // setup tile width and height according to the options
* var size = this.getTileSize();
* tile.width = size.x;
* tile.height = size.y;
*
* // draw something asynchronously and pass the tile to the done() callback
* setTimeout(function() {
* done(error, tile);
* }, 1000);
*
* return tile;
* }
* });
* ```
*
* @section
*/
3 years ago
1 year ago
var GridLayer = Layer.extend({
// @section
// @aka GridLayer options
options: {
// @option tileSize: Number|Point = 256
// Width and height of tiles in the grid. Use a number if width and height are equal, or `L.point(width, height)` otherwise.
tileSize: 256,
// @option opacity: Number = 1.0
// Opacity of the tiles. Can be used in the `createTile()` function.
opacity: 1,
// @option updateWhenIdle: Boolean = (depends)
// Load new tiles only when panning ends.
// `true` by default on mobile browsers, in order to avoid too many requests and keep smooth navigation.
// `false` otherwise in order to display new tiles _during_ panning, since it is easy to pan outside the
// [`keepBuffer`](#gridlayer-keepbuffer) option in desktop browsers.
updateWhenIdle: mobile,
// @option updateWhenZooming: Boolean = true
// By default, a smooth zoom animation (during a [touch zoom](#map-touchzoom) or a [`flyTo()`](#map-flyto)) will update grid layers every integer zoom level. Setting this option to `false` will update the grid layer only when the smooth animation ends.
updateWhenZooming: true,
// @option updateInterval: Number = 200
// Tiles will not update more than once every `updateInterval` milliseconds when panning.
updateInterval: 200,
// @option zIndex: Number = 1
// The explicit zIndex of the tile layer.
zIndex: 1,
// @option bounds: LatLngBounds = undefined
// If set, tiles will only be loaded inside the set `LatLngBounds`.
bounds: null,
// @option minZoom: Number = 0
// The minimum zoom level down to which this layer will be displayed (inclusive).
minZoom: 0,
// @option maxZoom: Number = undefined
// The maximum zoom level up to which this layer will be displayed (inclusive).
maxZoom: undefined,
// @option maxNativeZoom: Number = undefined
// Maximum zoom number the tile source has available. If it is specified,
// the tiles on all zoom levels higher than `maxNativeZoom` will be loaded
// from `maxNativeZoom` level and auto-scaled.
maxNativeZoom: undefined,
// @option minNativeZoom: Number = undefined
// Minimum zoom number the tile source has available. If it is specified,
// the tiles on all zoom levels lower than `minNativeZoom` will be loaded
// from `minNativeZoom` level and auto-scaled.
minNativeZoom: undefined,
// @option noWrap: Boolean = false
// Whether the layer is wrapped around the antimeridian. If `true`, the
// GridLayer will only be displayed once at low zoom levels. Has no
// effect when the [map CRS](#map-crs) doesn't wrap around. Can be used
// in combination with [`bounds`](#gridlayer-bounds) to prevent requesting
// tiles outside the CRS limits.
noWrap: false,
// @option pane: String = 'tilePane'
// `Map pane` where the grid layer will be added.
pane: 'tilePane',
// @option className: String = ''
// A custom class name to assign to the tile layer. Empty by default.
className: '',
// @option keepBuffer: Number = 2
// When panning the map, keep this many rows and columns of tiles before unloading them.
keepBuffer: 2
},
initialize: function (options) {
setOptions(this, options);
},
onAdd: function () {
this._initContainer();
this._levels = {};
this._tiles = {};
this._resetView();
this._update();
},
beforeAdd: function (map) {
map._addZoomLimit(this);
},
onRemove: function (map) {
this._removeAllTiles();
remove(this._container);
map._removeZoomLimit(this);
this._container = null;
this._tileZoom = undefined;
},
// @method bringToFront: this
// Brings the tile layer to the top of all tile layers.
bringToFront: function () {
if (this._map) {
toFront(this._container);
this._setAutoZIndex(Math.max);
}
return this;
},
// @method bringToBack: this
// Brings the tile layer to the bottom of all tile layers.
bringToBack: function () {
if (this._map) {
toBack(this._container);
this._setAutoZIndex(Math.min);
}
return this;
},
// @method getContainer: HTMLElement
// Returns the HTML element that contains the tiles for this layer.
getContainer: function () {
return this._container;
},
// @method setOpacity(opacity: Number): this
// Changes the [opacity](#gridlayer-opacity) of the grid layer.
setOpacity: function (opacity) {
this.options.opacity = opacity;
this._updateOpacity();
return this;
},
// @method setZIndex(zIndex: Number): this
// Changes the [zIndex](#gridlayer-zindex) of the grid layer.
setZIndex: function (zIndex) {
this.options.zIndex = zIndex;
this._updateZIndex();
return this;
},
// @method isLoading: Boolean
// Returns `true` if any tile in the grid layer has not finished loading.
isLoading: function () {
return this._loading;
},
// @method redraw: this
// Causes the layer to clear all the tiles and request them again.
redraw: function () {
if (this._map) {
this._removeAllTiles();
this._update();
}
return this;
},
getEvents: function () {
var events = {
viewprereset: this._invalidateAll,
viewreset: this._resetView,
zoom: this._resetView,
moveend: this._onMoveEnd
};
if (!this.options.updateWhenIdle) {
// update tiles on move, but not more often than once per given interval
if (!this._onMove) {
this._onMove = throttle(this._onMoveEnd, this.options.updateInterval, this);
}
events.move = this._onMove;
}
if (this._zoomAnimated) {
events.zoomanim = this._animateZoom;
}
return events;
},
// @section Extension methods
// Layers extending `GridLayer` shall reimplement the following method.
// @method createTile(coords: Object, done?: Function): HTMLElement
// Called only internally, must be overridden by classes extending `GridLayer`.
// Returns the `HTMLElement` corresponding to the given `coords`. If the `done` callback
// is specified, it must be called when the tile has finished loading and drawing.
createTile: function () {
return document.createElement('div');
},
// @section
// @method getTileSize: Point
// Normalizes the [tileSize option](#gridlayer-tilesize) into a point. Used by the `createTile()` method.
getTileSize: function () {
var s = this.options.tileSize;
return s instanceof Point ? s : new Point(s, s);
},
_updateZIndex: function () {
if (this._container && this.options.zIndex !== undefined && this.options.zIndex !== null) {
this._container.style.zIndex = this.options.zIndex;
}
},
_setAutoZIndex: function (compare) {
// go through all other layers of the same pane, set zIndex to max + 1 (front) or min - 1 (back)
var layers = this.getPane().children,
edgeZIndex = -compare(-Infinity, Infinity); // -Infinity for max, Infinity for min
for (var i = 0, len = layers.length, zIndex; i < len; i++) {
zIndex = layers[i].style.zIndex;
if (layers[i] !== this._container && zIndex) {
edgeZIndex = compare(edgeZIndex, +zIndex);
}
}
if (isFinite(edgeZIndex)) {
this.options.zIndex = edgeZIndex + compare(-1, 1);
this._updateZIndex();
}
},
_updateOpacity: function () {
if (!this._map) { return; }
// IE doesn't inherit filter opacity properly, so we're forced to set it on tiles
if (ielt9) { return; }
setOpacity(this._container, this.options.opacity);
var now = +new Date(),
nextFrame = false,
willPrune = false;
3 years ago
1 year ago
for (var key in this._tiles) {
var tile = this._tiles[key];
if (!tile.current || !tile.loaded) { continue; }
var fade = Math.min(1, (now - tile.loaded) / 200);
setOpacity(tile.el, fade);
if (fade < 1) {
nextFrame = true;
} else {
if (tile.active) {
willPrune = true;
} else {
this._onOpaqueTile(tile);
}
tile.active = true;
}
}
if (willPrune && !this._noPrune) { this._pruneTiles(); }
if (nextFrame) {
cancelAnimFrame(this._fadeFrame);
this._fadeFrame = requestAnimFrame(this._updateOpacity, this);
}
},
_onOpaqueTile: falseFn,
_initContainer: function () {
if (this._container) { return; }
this._container = create$1('div', 'leaflet-layer ' + (this.options.className || ''));
this._updateZIndex();
if (this.options.opacity < 1) {
this._updateOpacity();
}
this.getPane().appendChild(this._container);
},
_updateLevels: function () {
var zoom = this._tileZoom,
maxZoom = this.options.maxZoom;
if (zoom === undefined) { return undefined; }
for (var z in this._levels) {
z = Number(z);
if (this._levels[z].el.children.length || z === zoom) {
this._levels[z].el.style.zIndex = maxZoom - Math.abs(zoom - z);
this._onUpdateLevel(z);
} else {
remove(this._levels[z].el);
this._removeTilesAtZoom(z);
this._onRemoveLevel(z);
delete this._levels[z];
}
}
var level = this._levels[zoom],
map = this._map;
if (!level) {
level = this._levels[zoom] = {};
level.el = create$1('div', 'leaflet-tile-container leaflet-zoom-animated', this._container);
level.el.style.zIndex = maxZoom;
level.origin = map.project(map.unproject(map.getPixelOrigin()), zoom).round();
level.zoom = zoom;
this._setZoomTransform(level, map.getCenter(), map.getZoom());
// force the browser to consider the newly added element for transition
falseFn(level.el.offsetWidth);
this._onCreateLevel(level);
}
this._level = level;
return level;
},
_onUpdateLevel: falseFn,
_onRemoveLevel: falseFn,
3 years ago
1 year ago
_onCreateLevel: falseFn,
_pruneTiles: function () {
if (!this._map) {
return;
}
var key, tile;
var zoom = this._map.getZoom();
if (zoom > this.options.maxZoom ||
zoom < this.options.minZoom) {
this._removeAllTiles();
return;
}
for (key in this._tiles) {
tile = this._tiles[key];
tile.retain = tile.current;
}
for (key in this._tiles) {
tile = this._tiles[key];
if (tile.current && !tile.active) {
var coords = tile.coords;
if (!this._retainParent(coords.x, coords.y, coords.z, coords.z - 5)) {
this._retainChildren(coords.x, coords.y, coords.z, coords.z + 2);
}
}
}
for (key in this._tiles) {
if (!this._tiles[key].retain) {
this._removeTile(key);
}
}
},
3 years ago
1 year ago
_removeTilesAtZoom: function (zoom) {
for (var key in this._tiles) {
if (this._tiles[key].coords.z !== zoom) {
continue;
}
this._removeTile(key);
}
},
_removeAllTiles: function () {
for (var key in this._tiles) {
this._removeTile(key);
}
},
_invalidateAll: function () {
for (var z in this._levels) {
remove(this._levels[z].el);
this._onRemoveLevel(Number(z));
delete this._levels[z];
}
this._removeAllTiles();
this._tileZoom = undefined;
},
_retainParent: function (x, y, z, minZoom) {
var x2 = Math.floor(x / 2),
y2 = Math.floor(y / 2),
z2 = z - 1,
coords2 = new Point(+x2, +y2);
coords2.z = +z2;
3 years ago
1 year ago
var key = this._tileCoordsToKey(coords2),
tile = this._tiles[key];
3 years ago
1 year ago
if (tile && tile.active) {
tile.retain = true;
return true;
} else if (tile && tile.loaded) {
tile.retain = true;
}
if (z2 > minZoom) {
return this._retainParent(x2, y2, z2, minZoom);
}
return false;
},
_retainChildren: function (x, y, z, maxZoom) {
for (var i = 2 * x; i < 2 * x + 2; i++) {
for (var j = 2 * y; j < 2 * y + 2; j++) {
var coords = new Point(i, j);
coords.z = z + 1;
var key = this._tileCoordsToKey(coords),
tile = this._tiles[key];
if (tile && tile.active) {
tile.retain = true;
continue;
} else if (tile && tile.loaded) {
tile.retain = true;
}
if (z + 1 < maxZoom) {
this._retainChildren(i, j, z + 1, maxZoom);
}
}
}
},
_resetView: function (e) {
var animating = e && (e.pinch || e.flyTo);
this._setView(this._map.getCenter(), this._map.getZoom(), animating, animating);
},
_animateZoom: function (e) {
this._setView(e.center, e.zoom, true, e.noUpdate);
},
_clampZoom: function (zoom) {
var options = this.options;
if (undefined !== options.minNativeZoom && zoom < options.minNativeZoom) {
return options.minNativeZoom;
}
if (undefined !== options.maxNativeZoom && options.maxNativeZoom < zoom) {
return options.maxNativeZoom;
}
return zoom;
},
_setView: function (center, zoom, noPrune, noUpdate) {
var tileZoom = Math.round(zoom);
if ((this.options.maxZoom !== undefined && tileZoom > this.options.maxZoom) ||
(this.options.minZoom !== undefined && tileZoom < this.options.minZoom)) {
tileZoom = undefined;
} else {
tileZoom = this._clampZoom(tileZoom);
}
var tileZoomChanged = this.options.updateWhenZooming && (tileZoom !== this._tileZoom);
if (!noUpdate || tileZoomChanged) {
this._tileZoom = tileZoom;
if (this._abortLoading) {
this._abortLoading();
}
this._updateLevels();
this._resetGrid();
if (tileZoom !== undefined) {
this._update(center);
}
if (!noPrune) {
this._pruneTiles();
}
// Flag to prevent _updateOpacity from pruning tiles during
// a zoom anim or a pinch gesture
this._noPrune = !!noPrune;
}
this._setZoomTransforms(center, zoom);
},
_setZoomTransforms: function (center, zoom) {
for (var i in this._levels) {
this._setZoomTransform(this._levels[i], center, zoom);
}
},
_setZoomTransform: function (level, center, zoom) {
var scale = this._map.getZoomScale(zoom, level.zoom),
translate = level.origin.multiplyBy(scale)
.subtract(this._map._getNewPixelOrigin(center, zoom)).round();
if (any3d) {
setTransform(level.el, translate, scale);
} else {
setPosition(level.el, translate);
}
},
_resetGrid: function () {
var map = this._map,
crs = map.options.crs,
tileSize = this._tileSize = this.getTileSize(),
tileZoom = this._tileZoom;
var bounds = this._map.getPixelWorldBounds(this._tileZoom);
if (bounds) {
this._globalTileRange = this._pxBoundsToTileRange(bounds);
}
this._wrapX = crs.wrapLng && !this.options.noWrap && [
Math.floor(map.project([0, crs.wrapLng[0]], tileZoom).x / tileSize.x),
Math.ceil(map.project([0, crs.wrapLng[1]], tileZoom).x / tileSize.y)
];
this._wrapY = crs.wrapLat && !this.options.noWrap && [
Math.floor(map.project([crs.wrapLat[0], 0], tileZoom).y / tileSize.x),
Math.ceil(map.project([crs.wrapLat[1], 0], tileZoom).y / tileSize.y)
];
},
_onMoveEnd: function () {
if (!this._map || this._map._animatingZoom) { return; }
this._update();
},
_getTiledPixelBounds: function (center) {
var map = this._map,
mapZoom = map._animatingZoom ? Math.max(map._animateToZoom, map.getZoom()) : map.getZoom(),
scale = map.getZoomScale(mapZoom, this._tileZoom),
pixelCenter = map.project(center, this._tileZoom).floor(),
halfSize = map.getSize().divideBy(scale * 2);
return new Bounds(pixelCenter.subtract(halfSize), pixelCenter.add(halfSize));
},
// Private method to load tiles in the grid's active zoom level according to map bounds
_update: function (center) {
var map = this._map;
if (!map) { return; }
var zoom = this._clampZoom(map.getZoom());
if (center === undefined) { center = map.getCenter(); }
if (this._tileZoom === undefined) { return; } // if out of minzoom/maxzoom
var pixelBounds = this._getTiledPixelBounds(center),
tileRange = this._pxBoundsToTileRange(pixelBounds),
tileCenter = tileRange.getCenter(),
queue = [],
margin = this.options.keepBuffer,
noPruneRange = new Bounds(tileRange.getBottomLeft().subtract([margin, -margin]),
tileRange.getTopRight().add([margin, -margin]));
// Sanity check: panic if the tile range contains Infinity somewhere.
if (!(isFinite(tileRange.min.x) &&
isFinite(tileRange.min.y) &&
isFinite(tileRange.max.x) &&
isFinite(tileRange.max.y))) { throw new Error('Attempted to load an infinite number of tiles'); }
for (var key in this._tiles) {
var c = this._tiles[key].coords;
if (c.z !== this._tileZoom || !noPruneRange.contains(new Point(c.x, c.y))) {
this._tiles[key].current = false;
}
}
// _update just loads more tiles. If the tile zoom level differs too much
// from the map's, let _setView reset levels and prune old tiles.
if (Math.abs(zoom - this._tileZoom) > 1) { this._setView(center, zoom); return; }
// create a queue of coordinates to load tiles from
for (var j = tileRange.min.y; j <= tileRange.max.y; j++) {
for (var i = tileRange.min.x; i <= tileRange.max.x; i++) {
var coords = new Point(i, j);
coords.z = this._tileZoom;
if (!this._isValidTile(coords)) { continue; }
var tile = this._tiles[this._tileCoordsToKey(coords)];
if (tile) {
tile.current = true;
} else {
queue.push(coords);
}
}
}
// sort tile queue to load tiles in order of their distance to center
queue.sort(function (a, b) {
return a.distanceTo(tileCenter) - b.distanceTo(tileCenter);
});
if (queue.length !== 0) {
// if it's the first batch of tiles to load
if (!this._loading) {
this._loading = true;
// @event loading: Event
// Fired when the grid layer starts loading tiles.
this.fire('loading');
}
// create DOM fragment to append tiles in one batch
var fragment = document.createDocumentFragment();
for (i = 0; i < queue.length; i++) {
this._addTile(queue[i], fragment);
}
this._level.el.appendChild(fragment);
}
},
_isValidTile: function (coords) {
var crs = this._map.options.crs;
if (!crs.infinite) {
// don't load tile if it's out of bounds and not wrapped
var bounds = this._globalTileRange;
if ((!crs.wrapLng && (coords.x < bounds.min.x || coords.x > bounds.max.x)) ||
(!crs.wrapLat && (coords.y < bounds.min.y || coords.y > bounds.max.y))) { return false; }
}
if (!this.options.bounds) { return true; }
// don't load tile if it doesn't intersect the bounds in options
var tileBounds = this._tileCoordsToBounds(coords);
return toLatLngBounds(this.options.bounds).overlaps(tileBounds);
},
_keyToBounds: function (key) {
return this._tileCoordsToBounds(this._keyToTileCoords(key));
},
_tileCoordsToNwSe: function (coords) {
var map = this._map,
tileSize = this.getTileSize(),
nwPoint = coords.scaleBy(tileSize),
sePoint = nwPoint.add(tileSize),
nw = map.unproject(nwPoint, coords.z),
se = map.unproject(sePoint, coords.z);
return [nw, se];
},
// converts tile coordinates to its geographical bounds
_tileCoordsToBounds: function (coords) {
var bp = this._tileCoordsToNwSe(coords),
bounds = new LatLngBounds(bp[0], bp[1]);
if (!this.options.noWrap) {
bounds = this._map.wrapLatLngBounds(bounds);
}
return bounds;
},
// converts tile coordinates to key for the tile cache
_tileCoordsToKey: function (coords) {
return coords.x + ':' + coords.y + ':' + coords.z;
},
// converts tile cache key to coordinates
_keyToTileCoords: function (key) {
var k = key.split(':'),
coords = new Point(+k[0], +k[1]);
coords.z = +k[2];
return coords;
},
_removeTile: function (key) {
var tile = this._tiles[key];
if (!tile) { return; }
remove(tile.el);
delete this._tiles[key];
// @event tileunload: TileEvent
// Fired when a tile is removed (e.g. when a tile goes off the screen).
this.fire('tileunload', {
tile: tile.el,
coords: this._keyToTileCoords(key)
});
},
_initTile: function (tile) {
addClass(tile, 'leaflet-tile');
var tileSize = this.getTileSize();
tile.style.width = tileSize.x + 'px';
tile.style.height = tileSize.y + 'px';
tile.onselectstart = falseFn;
tile.onmousemove = falseFn;
// update opacity on tiles in IE7-8 because of filter inheritance problems
if (ielt9 && this.options.opacity < 1) {
setOpacity(tile, this.options.opacity);
}
// without this hack, tiles disappear after zoom on Chrome for Android
// https://github.com/Leaflet/Leaflet/issues/2078
if (android && !android23) {
tile.style.WebkitBackfaceVisibility = 'hidden';
}
},
_addTile: function (coords, container) {
var tilePos = this._getTilePos(coords),
key = this._tileCoordsToKey(coords);
var tile = this.createTile(this._wrapCoords(coords), bind(this._tileReady, this, coords));
this._initTile(tile);
// if createTile is defined with a second argument ("done" callback),
// we know that tile is async and will be ready later; otherwise
if (this.createTile.length < 2) {
// mark tile as ready, but delay one frame for opacity animation to happen
requestAnimFrame(bind(this._tileReady, this, coords, null, tile));
}
setPosition(tile, tilePos);
// save tile in cache
this._tiles[key] = {
el: tile,
coords: coords,
current: true
};
container.appendChild(tile);
// @event tileloadstart: TileEvent
// Fired when a tile is requested and starts loading.
this.fire('tileloadstart', {
tile: tile,
coords: coords
});
},
_tileReady: function (coords, err, tile) {
if (err) {
// @event tileerror: TileErrorEvent
// Fired when there is an error loading a tile.
this.fire('tileerror', {
error: err,
tile: tile,
coords: coords
});
}
var key = this._tileCoordsToKey(coords);
tile = this._tiles[key];
if (!tile) { return; }
tile.loaded = +new Date();
if (this._map._fadeAnimated) {
setOpacity(tile.el, 0);
cancelAnimFrame(this._fadeFrame);
this._fadeFrame = requestAnimFrame(this._updateOpacity, this);
} else {
tile.active = true;
this._pruneTiles();
}
if (!err) {
addClass(tile.el, 'leaflet-tile-loaded');
// @event tileload: TileEvent
// Fired when a tile loads.
this.fire('tileload', {
tile: tile.el,
coords: coords
});
}
if (this._noTilesToLoad()) {
this._loading = false;
// @event load: Event
// Fired when the grid layer loaded all visible tiles.
this.fire('load');
if (ielt9 || !this._map._fadeAnimated) {
requestAnimFrame(this._pruneTiles, this);
} else {
// Wait a bit more than 0.2 secs (the duration of the tile fade-in)
// to trigger a pruning.
setTimeout(bind(this._pruneTiles, this), 250);
}
}
},
_getTilePos: function (coords) {
return coords.scaleBy(this.getTileSize()).subtract(this._level.origin);
},
_wrapCoords: function (coords) {
var newCoords = new Point(
this._wrapX ? wrapNum(coords.x, this._wrapX) : coords.x,
this._wrapY ? wrapNum(coords.y, this._wrapY) : coords.y);
newCoords.z = coords.z;
return newCoords;
},
_pxBoundsToTileRange: function (bounds) {
var tileSize = this.getTileSize();
return new Bounds(
bounds.min.unscaleBy(tileSize).floor(),
bounds.max.unscaleBy(tileSize).ceil().subtract([1, 1]));
},
_noTilesToLoad: function () {
for (var key in this._tiles) {
if (!this._tiles[key].loaded) { return false; }
}
return true;
}
});
// @factory L.gridLayer(options?: GridLayer options)
// Creates a new instance of GridLayer with the supplied options.
function gridLayer(options) {
return new GridLayer(options);
}
/*
* @class TileLayer
* @inherits GridLayer
* @aka L.TileLayer
* Used to load and display tile layers on the map. Note that most tile servers require attribution, which you can set under `Layer`. Extends `GridLayer`.
*
* @example
*
* ```js
* L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png?{foo}', {foo: 'bar', attribution: 'Map data &copy; <a href="https://www.openstreetmap.org/">OpenStreetMap</a> contributors, <a href="https://creativecommons.org/licenses/by-sa/2.0/">CC-BY-SA</a>'}).addTo(map);
* ```
*
* @section URL template
* @example
*
* A string of the following form:
*
* ```
* 'http://{s}.somedomain.com/blabla/{z}/{x}/{y}{r}.png'
* ```
*
* `{s}` means one of the available subdomains (used sequentially to help with browser parallel requests per domain limitation; subdomain values are specified in options; `a`, `b` or `c` by default, can be omitted), `{z}` zoom level, `{x}` and `{y}` tile coordinates. `{r}` can be used to add "&commat;2x" to the URL to load retina tiles.
*
* You can use custom keys in the template, which will be [evaluated](#util-template) from TileLayer options, like this:
*
* ```
* L.tileLayer('http://{s}.somedomain.com/{foo}/{z}/{x}/{y}.png', {foo: 'bar'});
* ```
*/
var TileLayer = GridLayer.extend({
// @section
// @aka TileLayer options
options: {
// @option minZoom: Number = 0
// The minimum zoom level down to which this layer will be displayed (inclusive).
minZoom: 0,
// @option maxZoom: Number = 18
// The maximum zoom level up to which this layer will be displayed (inclusive).
maxZoom: 18,
// @option subdomains: String|String[] = 'abc'
// Subdomains of the tile service. Can be passed in the form of one string (where each letter is a subdomain name) or an array of strings.
subdomains: 'abc',
// @option errorTileUrl: String = ''
// URL to the tile image to show in place of the tile that failed to load.
errorTileUrl: '',
// @option zoomOffset: Number = 0
// The zoom number used in tile URLs will be offset with this value.
zoomOffset: 0,
// @option tms: Boolean = false
// If `true`, inverses Y axis numbering for tiles (turn this on for [TMS](https://en.wikipedia.org/wiki/Tile_Map_Service) services).
tms: false,
// @option zoomReverse: Boolean = false
// If set to true, the zoom number used in tile URLs will be reversed (`maxZoom - zoom` instead of `zoom`)
zoomReverse: false,
// @option detectRetina: Boolean = false
// If `true` and user is on a retina display, it will request four tiles of half the specified size and a bigger zoom level in place of one to utilize the high resolution.
detectRetina: false,
// @option crossOrigin: Boolean|String = false
// Whether the crossOrigin attribute will be added to the tiles.
// If a String is provided, all tiles will have their crossOrigin attribute set to the String provided. This is needed if you want to access tile pixel data.
// Refer to [CORS Settings](https://developer.mozilla.org/en-US/docs/Web/HTML/CORS_settings_attributes) for valid String values.
crossOrigin: false
},
initialize: function (url, options) {
this._url = url;
options = setOptions(this, options);
// detecting retina displays, adjusting tileSize and zoom levels
if (options.detectRetina && retina && options.maxZoom > 0) {
options.tileSize = Math.floor(options.tileSize / 2);
if (!options.zoomReverse) {
options.zoomOffset++;
options.maxZoom--;
} else {
options.zoomOffset--;
options.minZoom++;
}
options.minZoom = Math.max(0, options.minZoom);
}
if (typeof options.subdomains === 'string') {
options.subdomains = options.subdomains.split('');
}
// for https://github.com/Leaflet/Leaflet/issues/137
if (!android) {
this.on('tileunload', this._onTileRemove);
}
},
// @method setUrl(url: String, noRedraw?: Boolean): this
// Updates the layer's URL template and redraws it (unless `noRedraw` is set to `true`).
// If the URL does not change, the layer will not be redrawn unless
// the noRedraw parameter is set to false.
setUrl: function (url, noRedraw) {
if (this._url === url && noRedraw === undefined) {
noRedraw = true;
}
this._url = url;
if (!noRedraw) {
this.redraw();
}
return this;
},
// @method createTile(coords: Object, done?: Function): HTMLElement
// Called only internally, overrides GridLayer's [`createTile()`](#gridlayer-createtile)
// to return an `<img>` HTML element with the appropriate image URL given `coords`. The `done`
// callback is called when the tile has been loaded.
createTile: function (coords, done) {
var tile = document.createElement('img');
on(tile, 'load', bind(this._tileOnLoad, this, done, tile));
on(tile, 'error', bind(this._tileOnError, this, done, tile));
if (this.options.crossOrigin || this.options.crossOrigin === '') {
tile.crossOrigin = this.options.crossOrigin === true ? '' : this.options.crossOrigin;
}
/*
Alt tag is set to empty string to keep screen readers from reading URL and for compliance reasons
http://www.w3.org/TR/WCAG20-TECHS/H67
*/
tile.alt = '';
/*
Set role="presentation" to force screen readers to ignore this
https://www.w3.org/TR/wai-aria/roles#textalternativecomputation
*/
tile.setAttribute('role', 'presentation');
tile.src = this.getTileUrl(coords);
return tile;
},
// @section Extension methods
// @uninheritable
// Layers extending `TileLayer` might reimplement the following method.
// @method getTileUrl(coords: Object): String
// Called only internally, returns the URL for a tile given its coordinates.
// Classes extending `TileLayer` can override this function to provide custom tile URL naming schemes.
getTileUrl: function (coords) {
var data = {
r: retina ? '@2x' : '',
s: this._getSubdomain(coords),
x: coords.x,
y: coords.y,
z: this._getZoomForUrl()
};
if (this._map && !this._map.options.crs.infinite) {
var invertedY = this._globalTileRange.max.y - coords.y;
if (this.options.tms) {
data['y'] = invertedY;
}
data['-y'] = invertedY;
}
return template(this._url, extend(data, this.options));
},
_tileOnLoad: function (done, tile) {
// For https://github.com/Leaflet/Leaflet/issues/3332
if (ielt9) {
setTimeout(bind(done, this, null, tile), 0);
} else {
done(null, tile);
}
},
_tileOnError: function (done, tile, e) {
var errorUrl = this.options.errorTileUrl;
if (errorUrl && tile.getAttribute('src') !== errorUrl) {
tile.src = errorUrl;
}
done(e, tile);
},
_onTileRemove: function (e) {
e.tile.onload = null;
},
_getZoomForUrl: function () {
var zoom = this._tileZoom,
maxZoom = this.options.maxZoom,
zoomReverse = this.options.zoomReverse,
zoomOffset = this.options.zoomOffset;
if (zoomReverse) {
zoom = maxZoom - zoom;
}
return zoom + zoomOffset;
},
_getSubdomain: function (tilePoint) {
var index = Math.abs(tilePoint.x + tilePoint.y) % this.options.subdomains.length;
return this.options.subdomains[index];
},
// stops loading all tiles in the background layer
_abortLoading: function () {
var i, tile;
for (i in this._tiles) {
if (this._tiles[i].coords.z !== this._tileZoom) {
tile = this._tiles[i].el;
tile.onload = falseFn;
tile.onerror = falseFn;
if (!tile.complete) {
tile.src = emptyImageUrl;
remove(tile);
delete this._tiles[i];
}
}
}
},
_removeTile: function (key) {
var tile = this._tiles[key];
if (!tile) { return; }
// Cancels any pending http requests associated with the tile
// unless we're on Android's stock browser,
// see https://github.com/Leaflet/Leaflet/issues/137
if (!androidStock) {
tile.el.setAttribute('src', emptyImageUrl);
}
return GridLayer.prototype._removeTile.call(this, key);
},
_tileReady: function (coords, err, tile) {
if (!this._map || (tile && tile.getAttribute('src') === emptyImageUrl)) {
return;
}
return GridLayer.prototype._tileReady.call(this, coords, err, tile);
}
});
// @factory L.tilelayer(urlTemplate: String, options?: TileLayer options)
// Instantiates a tile layer object given a `URL template` and optionally an options object.
function tileLayer(url, options) {
return new TileLayer(url, options);
}
/*
* @class TileLayer.WMS
* @inherits TileLayer
* @aka L.TileLayer.WMS
* Used to display [WMS](https://en.wikipedia.org/wiki/Web_Map_Service) services as tile layers on the map. Extends `TileLayer`.
*
* @example
*
* ```js
* var nexrad = L.tileLayer.wms("http://mesonet.agron.iastate.edu/cgi-bin/wms/nexrad/n0r.cgi", {
* layers: 'nexrad-n0r-900913',
* format: 'image/png',
* transparent: true,
* attribution: "Weather data © 2012 IEM Nexrad"
* });
* ```
*/
var TileLayerWMS = TileLayer.extend({
// @section
// @aka TileLayer.WMS options
// If any custom options not documented here are used, they will be sent to the
// WMS server as extra parameters in each request URL. This can be useful for
// [non-standard vendor WMS parameters](http://docs.geoserver.org/stable/en/user/services/wms/vendor.html).
defaultWmsParams: {
service: 'WMS',
request: 'GetMap',
// @option layers: String = ''
// **(required)** Comma-separated list of WMS layers to show.
layers: '',
// @option styles: String = ''
// Comma-separated list of WMS styles.
styles: '',
// @option format: String = 'image/jpeg'
// WMS image format (use `'image/png'` for layers with transparency).
format: 'image/jpeg',
// @option transparent: Boolean = false
// If `true`, the WMS service will return images with transparency.
transparent: false,
// @option version: String = '1.1.1'
// Version of the WMS service to use
version: '1.1.1'
},
options: {
// @option crs: CRS = null
// Coordinate Reference System to use for the WMS requests, defaults to
// map CRS. Don't change this if you're not sure what it means.
crs: null,
// @option uppercase: Boolean = false
// If `true`, WMS request parameter keys will be uppercase.
uppercase: false
},
initialize: function (url, options) {
this._url = url;
var wmsParams = extend({}, this.defaultWmsParams);
// all keys that are not TileLayer options go to WMS params
for (var i in options) {
if (!(i in this.options)) {
wmsParams[i] = options[i];
}
}
options = setOptions(this, options);
var realRetina = options.detectRetina && retina ? 2 : 1;
var tileSize = this.getTileSize();
wmsParams.width = tileSize.x * realRetina;
wmsParams.height = tileSize.y * realRetina;
this.wmsParams = wmsParams;
},
onAdd: function (map) {
this._crs = this.options.crs || map.options.crs;
this._wmsVersion = parseFloat(this.wmsParams.version);
var projectionKey = this._wmsVersion >= 1.3 ? 'crs' : 'srs';
this.wmsParams[projectionKey] = this._crs.code;
TileLayer.prototype.onAdd.call(this, map);
},
getTileUrl: function (coords) {
var tileBounds = this._tileCoordsToNwSe(coords),
crs = this._crs,
bounds = toBounds(crs.project(tileBounds[0]), crs.project(tileBounds[1])),
min = bounds.min,
max = bounds.max,
bbox = (this._wmsVersion >= 1.3 && this._crs === EPSG4326 ?
[min.y, min.x, max.y, max.x] :
[min.x, min.y, max.x, max.y]).join(','),
url = TileLayer.prototype.getTileUrl.call(this, coords);
return url +
getParamString(this.wmsParams, url, this.options.uppercase) +
(this.options.uppercase ? '&BBOX=' : '&bbox=') + bbox;
},
// @method setParams(params: Object, noRedraw?: Boolean): this
// Merges an object with the new parameters and re-requests tiles on the current screen (unless `noRedraw` was set to true).
setParams: function (params, noRedraw) {
extend(this.wmsParams, params);
if (!noRedraw) {
this.redraw();
}
return this;
}
});
// @factory L.tileLayer.wms(baseUrl: String, options: TileLayer.WMS options)
// Instantiates a WMS tile layer object given a base URL of the WMS service and a WMS parameters/options object.
function tileLayerWMS(url, options) {
return new TileLayerWMS(url, options);
}
TileLayer.WMS = TileLayerWMS;
tileLayer.wms = tileLayerWMS;
/*
* @class Renderer
* @inherits Layer
* @aka L.Renderer
*
* Base class for vector renderer implementations (`SVG`, `Canvas`). Handles the
* DOM container of the renderer, its bounds, and its zoom animation.
*
* A `Renderer` works as an implicit layer group for all `Path`s - the renderer
* itself can be added or removed to the map. All paths use a renderer, which can
* be implicit (the map will decide the type of renderer and use it automatically)
* or explicit (using the [`renderer`](#path-renderer) option of the path).
*
* Do not use this class directly, use `SVG` and `Canvas` instead.
*
* @event update: Event
* Fired when the renderer updates its bounds, center and zoom, for example when
* its map has moved
*/
3 years ago
1 year ago
var Renderer = Layer.extend({
// @section
// @aka Renderer options
options: {
// @option padding: Number = 0.1
// How much to extend the clip area around the map view (relative to its size)
// e.g. 0.1 would be 10% of map view in each direction
padding: 0.1,
// @option tolerance: Number = 0
// How much to extend click tolerance round a path/object on the map
tolerance : 0
},
initialize: function (options) {
setOptions(this, options);
stamp(this);
this._layers = this._layers || {};
},
onAdd: function () {
if (!this._container) {
this._initContainer(); // defined by renderer implementations
if (this._zoomAnimated) {
addClass(this._container, 'leaflet-zoom-animated');
}
}
this.getPane().appendChild(this._container);
this._update();
this.on('update', this._updatePaths, this);
},
onRemove: function () {
this.off('update', this._updatePaths, this);
this._destroyContainer();
},
getEvents: function () {
var events = {
viewreset: this._reset,
zoom: this._onZoom,
moveend: this._update,
zoomend: this._onZoomEnd
};
if (this._zoomAnimated) {
events.zoomanim = this._onAnimZoom;
}
return events;
},
_onAnimZoom: function (ev) {
this._updateTransform(ev.center, ev.zoom);
},
_onZoom: function () {
this._updateTransform(this._map.getCenter(), this._map.getZoom());
},
_updateTransform: function (center, zoom) {
var scale = this._map.getZoomScale(zoom, this._zoom),
position = getPosition(this._container),
viewHalf = this._map.getSize().multiplyBy(0.5 + this.options.padding),
currentCenterPoint = this._map.project(this._center, zoom),
destCenterPoint = this._map.project(center, zoom),
centerOffset = destCenterPoint.subtract(currentCenterPoint),
topLeftOffset = viewHalf.multiplyBy(-scale).add(position).add(viewHalf).subtract(centerOffset);
if (any3d) {
setTransform(this._container, topLeftOffset, scale);
} else {
setPosition(this._container, topLeftOffset);
}
},
_reset: function () {
this._update();
this._updateTransform(this._center, this._zoom);
for (var id in this._layers) {
this._layers[id]._reset();
}
},
_onZoomEnd: function () {
for (var id in this._layers) {
this._layers[id]._project();
}
},
_updatePaths: function () {
for (var id in this._layers) {
this._layers[id]._update();
}
},
_update: function () {
// Update pixel bounds of renderer container (for positioning/sizing/clipping later)
// Subclasses are responsible of firing the 'update' event.
var p = this.options.padding,
size = this._map.getSize(),
min = this._map.containerPointToLayerPoint(size.multiplyBy(-p)).round();
this._bounds = new Bounds(min, min.add(size.multiplyBy(1 + p * 2)).round());
this._center = this._map.getCenter();
this._zoom = this._map.getZoom();
}
});
/*
* @class Canvas
* @inherits Renderer
* @aka L.Canvas
*
* Allows vector layers to be displayed with [`<canvas>`](https://developer.mozilla.org/docs/Web/API/Canvas_API).
* Inherits `Renderer`.
*
* Due to [technical limitations](http://caniuse.com/#search=canvas), Canvas is not
* available in all web browsers, notably IE8, and overlapping geometries might
* not display properly in some edge cases.
*
* @example
*
* Use Canvas by default for all paths in the map:
*
* ```js
* var map = L.map('map', {
* renderer: L.canvas()
* });
* ```
*
* Use a Canvas renderer with extra padding for specific vector geometries:
*
* ```js
* var map = L.map('map');
* var myRenderer = L.canvas({ padding: 0.5 });
* var line = L.polyline( coordinates, { renderer: myRenderer } );
* var circle = L.circle( center, { renderer: myRenderer } );
* ```
*/
3 years ago
1 year ago
var Canvas = Renderer.extend({
getEvents: function () {
var events = Renderer.prototype.getEvents.call(this);
events.viewprereset = this._onViewPreReset;
return events;
},
_onViewPreReset: function () {
// Set a flag so that a viewprereset+moveend+viewreset only updates&redraws once
this._postponeUpdatePaths = true;
},
onAdd: function () {
Renderer.prototype.onAdd.call(this);
// Redraw vectors since canvas is cleared upon removal,
// in case of removing the renderer itself from the map.
this._draw();
},
_initContainer: function () {
var container = this._container = document.createElement('canvas');
on(container, 'mousemove', this._onMouseMove, this);
on(container, 'click dblclick mousedown mouseup contextmenu', this._onClick, this);
on(container, 'mouseout', this._handleMouseOut, this);
this._ctx = container.getContext('2d');
},
_destroyContainer: function () {
cancelAnimFrame(this._redrawRequest);
delete this._ctx;
remove(this._container);
off(this._container);
delete this._container;
},
_updatePaths: function () {
if (this._postponeUpdatePaths) { return; }
var layer;
this._redrawBounds = null;
for (var id in this._layers) {
layer = this._layers[id];
layer._update();
}
this._redraw();
},
_update: function () {
if (this._map._animatingZoom && this._bounds) { return; }
Renderer.prototype._update.call(this);
var b = this._bounds,
container = this._container,
size = b.getSize(),
m = retina ? 2 : 1;
setPosition(container, b.min);
// set canvas size (also clearing it); use double size on retina
container.width = m * size.x;
container.height = m * size.y;
container.style.width = size.x + 'px';
container.style.height = size.y + 'px';
if (retina) {
this._ctx.scale(2, 2);
}
// translate so we use the same path coordinates after canvas element moves
this._ctx.translate(-b.min.x, -b.min.y);
// Tell paths to redraw themselves
this.fire('update');
},
_reset: function () {
Renderer.prototype._reset.call(this);
if (this._postponeUpdatePaths) {
this._postponeUpdatePaths = false;
this._updatePaths();
}
},
_initPath: function (layer) {
this._updateDashArray(layer);
this._layers[stamp(layer)] = layer;
var order = layer._order = {
layer: layer,
prev: this._drawLast,
next: null
};
if (this._drawLast) { this._drawLast.next = order; }
this._drawLast = order;
this._drawFirst = this._drawFirst || this._drawLast;
},
_addPath: function (layer) {
this._requestRedraw(layer);
},
_removePath: function (layer) {
var order = layer._order;
var next = order.next;
var prev = order.prev;
if (next) {
next.prev = prev;
} else {
this._drawLast = prev;
}
if (prev) {
prev.next = next;
} else {
this._drawFirst = next;
}
delete layer._order;
delete this._layers[stamp(layer)];
this._requestRedraw(layer);
},
_updatePath: function (layer) {
// Redraw the union of the layer's old pixel
// bounds and the new pixel bounds.
this._extendRedrawBounds(layer);
layer._project();
layer._update();
// The redraw will extend the redraw bounds
// with the new pixel bounds.
this._requestRedraw(layer);
},
_updateStyle: function (layer) {
this._updateDashArray(layer);
this._requestRedraw(layer);
},
_updateDashArray: function (layer) {
if (typeof layer.options.dashArray === 'string') {
var parts = layer.options.dashArray.split(/[, ]+/),
dashArray = [],
dashValue,
i;
for (i = 0; i < parts.length; i++) {
dashValue = Number(parts[i]);
// Ignore dash array containing invalid lengths
if (isNaN(dashValue)) { return; }
dashArray.push(dashValue);
}
layer.options._dashArray = dashArray;
} else {
layer.options._dashArray = layer.options.dashArray;
}
},
_requestRedraw: function (layer) {
if (!this._map) { return; }
this._extendRedrawBounds(layer);
this._redrawRequest = this._redrawRequest || requestAnimFrame(this._redraw, this);
},
_extendRedrawBounds: function (layer) {
if (layer._pxBounds) {
var padding = (layer.options.weight || 0) + 1;
this._redrawBounds = this._redrawBounds || new Bounds();
this._redrawBounds.extend(layer._pxBounds.min.subtract([padding, padding]));
this._redrawBounds.extend(layer._pxBounds.max.add([padding, padding]));
}
},
_redraw: function () {
this._redrawRequest = null;
if (this._redrawBounds) {
this._redrawBounds.min._floor();
this._redrawBounds.max._ceil();
}
this._clear(); // clear layers in redraw bounds
this._draw(); // draw layers
this._redrawBounds = null;
},
_clear: function () {
var bounds = this._redrawBounds;
if (bounds) {
var size = bounds.getSize();
this._ctx.clearRect(bounds.min.x, bounds.min.y, size.x, size.y);
} else {
this._ctx.save();
this._ctx.setTransform(1, 0, 0, 1, 0, 0);
this._ctx.clearRect(0, 0, this._container.width, this._container.height);
this._ctx.restore();
}
},
_draw: function () {
var layer, bounds = this._redrawBounds;
this._ctx.save();
if (bounds) {
var size = bounds.getSize();
this._ctx.beginPath();
this._ctx.rect(bounds.min.x, bounds.min.y, size.x, size.y);
this._ctx.clip();
}
this._drawing = true;
for (var order = this._drawFirst; order; order = order.next) {
layer = order.layer;
if (!bounds || (layer._pxBounds && layer._pxBounds.intersects(bounds))) {
layer._updatePath();
}
}
this._drawing = false;
this._ctx.restore(); // Restore state before clipping.
},
_updatePoly: function (layer, closed) {
if (!this._drawing) { return; }
var i, j, len2, p,
parts = layer._parts,
len = parts.length,
ctx = this._ctx;
if (!len) { return; }
ctx.beginPath();
for (i = 0; i < len; i++) {
for (j = 0, len2 = parts[i].length; j < len2; j++) {
p = parts[i][j];
ctx[j ? 'lineTo' : 'moveTo'](p.x, p.y);
}
if (closed) {
ctx.closePath();
}
}
this._fillStroke(ctx, layer);
// TODO optimization: 1 fill/stroke for all features with equal style instead of 1 for each feature
},
_updateCircle: function (layer) {
if (!this._drawing || layer._empty()) { return; }
var p = layer._point,
ctx = this._ctx,
r = Math.max(Math.round(layer._radius), 1),
s = (Math.max(Math.round(layer._radiusY), 1) || r) / r;
if (s !== 1) {
ctx.save();
ctx.scale(1, s);
}
ctx.beginPath();
ctx.arc(p.x, p.y / s, r, 0, Math.PI * 2, false);
if (s !== 1) {
ctx.restore();
}
this._fillStroke(ctx, layer);
},
_fillStroke: function (ctx, layer) {
var options = layer.options;
if (options.fill) {
ctx.globalAlpha = options.fillOpacity;
ctx.fillStyle = options.fillColor || options.color;
ctx.fill(options.fillRule || 'evenodd');
}
if (options.stroke && options.weight !== 0) {
if (ctx.setLineDash) {
ctx.setLineDash(layer.options && layer.options._dashArray || []);
}
ctx.globalAlpha = options.opacity;
ctx.lineWidth = options.weight;
ctx.strokeStyle = options.color;
ctx.lineCap = options.lineCap;
ctx.lineJoin = options.lineJoin;
ctx.stroke();
}
},
// Canvas obviously doesn't have mouse events for individual drawn objects,
// so we emulate that by calculating what's under the mouse on mousemove/click manually
_onClick: function (e) {
var point = this._map.mouseEventToLayerPoint(e), layer, clickedLayer;
for (var order = this._drawFirst; order; order = order.next) {
layer = order.layer;
if (layer.options.interactive && layer._containsPoint(point)) {
if (!(e.type === 'click' || e.type !== 'preclick') || !this._map._draggableMoved(layer)) {
clickedLayer = layer;
}
}
}
if (clickedLayer) {
fakeStop(e);
this._fireEvent([clickedLayer], e);
}
},
_onMouseMove: function (e) {
if (!this._map || this._map.dragging.moving() || this._map._animatingZoom) { return; }
var point = this._map.mouseEventToLayerPoint(e);
this._handleMouseHover(e, point);
},
_handleMouseOut: function (e) {
var layer = this._hoveredLayer;
if (layer) {
// if we're leaving the layer, fire mouseout
removeClass(this._container, 'leaflet-interactive');
this._fireEvent([layer], e, 'mouseout');
this._hoveredLayer = null;
this._mouseHoverThrottled = false;
}
},
_handleMouseHover: function (e, point) {
if (this._mouseHoverThrottled) {
return;
}
var layer, candidateHoveredLayer;
for (var order = this._drawFirst; order; order = order.next) {
layer = order.layer;
if (layer.options.interactive && layer._containsPoint(point)) {
candidateHoveredLayer = layer;
}
}
if (candidateHoveredLayer !== this._hoveredLayer) {
this._handleMouseOut(e);
if (candidateHoveredLayer) {
addClass(this._container, 'leaflet-interactive'); // change cursor
this._fireEvent([candidateHoveredLayer], e, 'mouseover');
this._hoveredLayer = candidateHoveredLayer;
}
}
if (this._hoveredLayer) {
this._fireEvent([this._hoveredLayer], e);
}
this._mouseHoverThrottled = true;
setTimeout(bind(function () {
this._mouseHoverThrottled = false;
}, this), 32);
},
_fireEvent: function (layers, e, type) {
this._map._fireDOMEvent(e, type || e.type, layers);
},
_bringToFront: function (layer) {
var order = layer._order;
if (!order) { return; }
var next = order.next;
var prev = order.prev;
if (next) {
next.prev = prev;
} else {
// Already last
return;
}
if (prev) {
prev.next = next;
} else if (next) {
// Update first entry unless this is the
// single entry
this._drawFirst = next;
}
order.prev = this._drawLast;
this._drawLast.next = order;
order.next = null;
this._drawLast = order;
this._requestRedraw(layer);
},
_bringToBack: function (layer) {
var order = layer._order;
if (!order) { return; }
var next = order.next;
var prev = order.prev;
if (prev) {
prev.next = next;
} else {
// Already first
return;
}
if (next) {
next.prev = prev;
} else if (prev) {
// Update last entry unless this is the
// single entry
this._drawLast = prev;
}
order.prev = null;
order.next = this._drawFirst;
this._drawFirst.prev = order;
this._drawFirst = order;
this._requestRedraw(layer);
}
});
// @factory L.canvas(options?: Renderer options)
// Creates a Canvas renderer with the given options.
function canvas$1(options) {
return canvas ? new Canvas(options) : null;
}
/*
* Thanks to Dmitry Baranovsky and his Raphael library for inspiration!
*/
3 years ago
1 year ago
var vmlCreate = (function () {
try {
document.namespaces.add('lvml', 'urn:schemas-microsoft-com:vml');
return function (name) {
return document.createElement('<lvml:' + name + ' class="lvml">');
};
} catch (e) {
return function (name) {
return document.createElement('<' + name + ' xmlns="urn:schemas-microsoft.com:vml" class="lvml">');
};
}
})();
/*
* @class SVG
*
*
* VML was deprecated in 2012, which means VML functionality exists only for backwards compatibility
* with old versions of Internet Explorer.
*/
3 years ago
1 year ago
// mixin to redefine some SVG methods to handle VML syntax which is similar but with some differences
var vmlMixin = {
_initContainer: function () {
this._container = create$1('div', 'leaflet-vml-container');
},
_update: function () {
if (this._map._animatingZoom) { return; }
Renderer.prototype._update.call(this);
this.fire('update');
},
_initPath: function (layer) {
var container = layer._container = vmlCreate('shape');
addClass(container, 'leaflet-vml-shape ' + (this.options.className || ''));
container.coordsize = '1 1';
layer._path = vmlCreate('path');
container.appendChild(layer._path);
this._updateStyle(layer);
this._layers[stamp(layer)] = layer;
},
_addPath: function (layer) {
var container = layer._container;
this._container.appendChild(container);
if (layer.options.interactive) {
layer.addInteractiveTarget(container);
}
},
_removePath: function (layer) {
var container = layer._container;
remove(container);
layer.removeInteractiveTarget(container);
delete this._layers[stamp(layer)];
},
_updateStyle: function (layer) {
var stroke = layer._stroke,
fill = layer._fill,
options = layer.options,
container = layer._container;
container.stroked = !!options.stroke;
container.filled = !!options.fill;
if (options.stroke) {
if (!stroke) {
stroke = layer._stroke = vmlCreate('stroke');
}
container.appendChild(stroke);
stroke.weight = options.weight + 'px';
stroke.color = options.color;
stroke.opacity = options.opacity;
if (options.dashArray) {
stroke.dashStyle = isArray(options.dashArray) ?
options.dashArray.join(' ') :
options.dashArray.replace(/( *, *)/g, ' ');
} else {
stroke.dashStyle = '';
}
stroke.endcap = options.lineCap.replace('butt', 'flat');
stroke.joinstyle = options.lineJoin;
} else if (stroke) {
container.removeChild(stroke);
layer._stroke = null;
}
if (options.fill) {
if (!fill) {
fill = layer._fill = vmlCreate('fill');
}
container.appendChild(fill);
fill.color = options.fillColor || options.color;
fill.opacity = options.fillOpacity;
} else if (fill) {
container.removeChild(fill);
layer._fill = null;
}
},
_updateCircle: function (layer) {
var p = layer._point.round(),
r = Math.round(layer._radius),
r2 = Math.round(layer._radiusY || r);
this._setPath(layer, layer._empty() ? 'M0 0' :
'AL ' + p.x + ',' + p.y + ' ' + r + ',' + r2 + ' 0,' + (65535 * 360));
},
_setPath: function (layer, path) {
layer._path.v = path;
},
_bringToFront: function (layer) {
toFront(layer._container);
},
_bringToBack: function (layer) {
toBack(layer._container);
}
};
var create$2 = vml ? vmlCreate : svgCreate;
/*
* @class SVG
* @inherits Renderer
* @aka L.SVG
*
* Allows vector layers to be displayed with [SVG](https://developer.mozilla.org/docs/Web/SVG).
* Inherits `Renderer`.
*
* Due to [technical limitations](http://caniuse.com/#search=svg), SVG is not
* available in all web browsers, notably Android 2.x and 3.x.
*
* Although SVG is not available on IE7 and IE8, these browsers support
* [VML](https://en.wikipedia.org/wiki/Vector_Markup_Language)
* (a now deprecated technology), and the SVG renderer will fall back to VML in
* this case.
*
* @example
*
* Use SVG by default for all paths in the map:
*
* ```js
* var map = L.map('map', {
* renderer: L.svg()
* });
* ```
*
* Use a SVG renderer with extra padding for specific vector geometries:
*
* ```js
* var map = L.map('map');
* var myRenderer = L.svg({ padding: 0.5 });
* var line = L.polyline( coordinates, { renderer: myRenderer } );
* var circle = L.circle( center, { renderer: myRenderer } );
* ```
*/
3 years ago
1 year ago
var SVG = Renderer.extend({
getEvents: function () {
var events = Renderer.prototype.getEvents.call(this);
events.zoomstart = this._onZoomStart;
return events;
},
_initContainer: function () {
this._container = create$2('svg');
// makes it possible to click through svg root; we'll reset it back in individual paths
this._container.setAttribute('pointer-events', 'none');
this._rootGroup = create$2('g');
this._container.appendChild(this._rootGroup);
},
_destroyContainer: function () {
remove(this._container);
off(this._container);
delete this._container;
delete this._rootGroup;
delete this._svgSize;
},
_onZoomStart: function () {
// Drag-then-pinch interactions might mess up the center and zoom.
// In this case, the easiest way to prevent this is re-do the renderer
// bounds and padding when the zooming starts.
this._update();
},
_update: function () {
if (this._map._animatingZoom && this._bounds) { return; }
Renderer.prototype._update.call(this);
var b = this._bounds,
size = b.getSize(),
container = this._container;
// set size of svg-container if changed
if (!this._svgSize || !this._svgSize.equals(size)) {
this._svgSize = size;
container.setAttribute('width', size.x);
container.setAttribute('height', size.y);
}
// movement: update container viewBox so that we don't have to change coordinates of individual layers
setPosition(container, b.min);
container.setAttribute('viewBox', [b.min.x, b.min.y, size.x, size.y].join(' '));
this.fire('update');
},
// methods below are called by vector layers implementations
_initPath: function (layer) {
var path = layer._path = create$2('path');
// @namespace Path
// @option className: String = null
// Custom class name set on an element. Only for SVG renderer.
if (layer.options.className) {
addClass(path, layer.options.className);
}
if (layer.options.interactive) {
addClass(path, 'leaflet-interactive');
}
this._updateStyle(layer);
this._layers[stamp(layer)] = layer;
},
_addPath: function (layer) {
if (!this._rootGroup) { this._initContainer(); }
this._rootGroup.appendChild(layer._path);
layer.addInteractiveTarget(layer._path);
},
_removePath: function (layer) {
remove(layer._path);
layer.removeInteractiveTarget(layer._path);
delete this._layers[stamp(layer)];
},
_updatePath: function (layer) {
layer._project();
layer._update();
},
_updateStyle: function (layer) {
var path = layer._path,
options = layer.options;
if (!path) { return; }
if (options.stroke) {
path.setAttribute('stroke', options.color);
path.setAttribute('stroke-opacity', options.opacity);
path.setAttribute('stroke-width', options.weight);
path.setAttribute('stroke-linecap', options.lineCap);
path.setAttribute('stroke-linejoin', options.lineJoin);
if (options.dashArray) {
path.setAttribute('stroke-dasharray', options.dashArray);
} else {
path.removeAttribute('stroke-dasharray');
}
if (options.dashOffset) {
path.setAttribute('stroke-dashoffset', options.dashOffset);
} else {
path.removeAttribute('stroke-dashoffset');
}
} else {
path.setAttribute('stroke', 'none');
}
if (options.fill) {
path.setAttribute('fill', options.fillColor || options.color);
path.setAttribute('fill-opacity', options.fillOpacity);
path.setAttribute('fill-rule', options.fillRule || 'evenodd');
} else {
path.setAttribute('fill', 'none');
}
},
_updatePoly: function (layer, closed) {
this._setPath(layer, pointsToPath(layer._parts, closed));
},
_updateCircle: function (layer) {
var p = layer._point,
r = Math.max(Math.round(layer._radius), 1),
r2 = Math.max(Math.round(layer._radiusY), 1) || r,
arc = 'a' + r + ',' + r2 + ' 0 1,0 ';
// drawing a circle with two half-arcs
var d = layer._empty() ? 'M0 0' :
'M' + (p.x - r) + ',' + p.y +
arc + (r * 2) + ',0 ' +
arc + (-r * 2) + ',0 ';
this._setPath(layer, d);
},
_setPath: function (layer, path) {
layer._path.setAttribute('d', path);
},
// SVG does not have the concept of zIndex so we resort to changing the DOM order of elements
_bringToFront: function (layer) {
toFront(layer._path);
},
_bringToBack: function (layer) {
toBack(layer._path);
}
});
if (vml) {
SVG.include(vmlMixin);
}
// @namespace SVG
// @factory L.svg(options?: Renderer options)
// Creates a SVG renderer with the given options.
function svg$1(options) {
return svg || vml ? new SVG(options) : null;
}
Map.include({
// @namespace Map; @method getRenderer(layer: Path): Renderer
// Returns the instance of `Renderer` that should be used to render the given
// `Path`. It will ensure that the `renderer` options of the map and paths
// are respected, and that the renderers do exist on the map.
getRenderer: function (layer) {
// @namespace Path; @option renderer: Renderer
// Use this specific instance of `Renderer` for this path. Takes
// precedence over the map's [default renderer](#map-renderer).
var renderer = layer.options.renderer || this._getPaneRenderer(layer.options.pane) || this.options.renderer || this._renderer;
if (!renderer) {
renderer = this._renderer = this._createRenderer();
}
if (!this.hasLayer(renderer)) {
this.addLayer(renderer);
}
return renderer;
},
_getPaneRenderer: function (name) {
if (name === 'overlayPane' || name === undefined) {
return false;
}
var renderer = this._paneRenderers[name];
if (renderer === undefined) {
renderer = this._createRenderer({pane: name});
this._paneRenderers[name] = renderer;
}
return renderer;
},
_createRenderer: function (options) {
// @namespace Map; @option preferCanvas: Boolean = false
// Whether `Path`s should be rendered on a `Canvas` renderer.
// By default, all `Path`s are rendered in a `SVG` renderer.
return (this.options.preferCanvas && canvas$1(options)) || svg$1(options);
}
});
/*
* L.Rectangle extends Polygon and creates a rectangle when passed a LatLngBounds object.
*/
3 years ago
1 year ago
/*
* @class Rectangle
* @aka L.Rectangle
* @inherits Polygon
*
* A class for drawing rectangle overlays on a map. Extends `Polygon`.
*
* @example
*
* ```js
* // define rectangle geographical bounds
* var bounds = [[54.559322, -5.767822], [56.1210604, -3.021240]];
*
* // create an orange rectangle
* L.rectangle(bounds, {color: "#ff7800", weight: 1}).addTo(map);
*
* // zoom the map to the rectangle bounds
* map.fitBounds(bounds);
* ```
*
*/
3 years ago
1 year ago
var Rectangle = Polygon.extend({
initialize: function (latLngBounds, options) {
Polygon.prototype.initialize.call(this, this._boundsToLatLngs(latLngBounds), options);
},
// @method setBounds(latLngBounds: LatLngBounds): this
// Redraws the rectangle with the passed bounds.
setBounds: function (latLngBounds) {
return this.setLatLngs(this._boundsToLatLngs(latLngBounds));
},
_boundsToLatLngs: function (latLngBounds) {
latLngBounds = toLatLngBounds(latLngBounds);
return [
latLngBounds.getSouthWest(),
latLngBounds.getNorthWest(),
latLngBounds.getNorthEast(),
latLngBounds.getSouthEast()
];
}
});
// @factory L.rectangle(latLngBounds: LatLngBounds, options?: Polyline options)
function rectangle(latLngBounds, options) {
return new Rectangle(latLngBounds, options);
}
SVG.create = create$2;
SVG.pointsToPath = pointsToPath;
GeoJSON.geometryToLayer = geometryToLayer;
GeoJSON.coordsToLatLng = coordsToLatLng;
GeoJSON.coordsToLatLngs = coordsToLatLngs;
GeoJSON.latLngToCoords = latLngToCoords;
GeoJSON.latLngsToCoords = latLngsToCoords;
GeoJSON.getFeature = getFeature;
GeoJSON.asFeature = asFeature;
/*
* L.Handler.BoxZoom is used to add shift-drag zoom interaction to the map
* (zoom to a selected bounding box), enabled by default.
*/
3 years ago
1 year ago
// @namespace Map
// @section Interaction Options
Map.mergeOptions({
// @option boxZoom: Boolean = true
// Whether the map can be zoomed to a rectangular area specified by
// dragging the mouse while pressing the shift key.
boxZoom: true
});
var BoxZoom = Handler.extend({
initialize: function (map) {
this._map = map;
this._container = map._container;
this._pane = map._panes.overlayPane;
this._resetStateTimeout = 0;
map.on('unload', this._destroy, this);
},
addHooks: function () {
on(this._container, 'mousedown', this._onMouseDown, this);
},
removeHooks: function () {
off(this._container, 'mousedown', this._onMouseDown, this);
},
moved: function () {
return this._moved;
},
_destroy: function () {
remove(this._pane);
delete this._pane;
},
_resetState: function () {
this._resetStateTimeout = 0;
this._moved = false;
},
_clearDeferredResetState: function () {
if (this._resetStateTimeout !== 0) {
clearTimeout(this._resetStateTimeout);
this._resetStateTimeout = 0;
}
},
_onMouseDown: function (e) {
if (!e.shiftKey || ((e.which !== 1) && (e.button !== 1))) { return false; }
// Clear the deferred resetState if it hasn't executed yet, otherwise it
// will interrupt the interaction and orphan a box element in the container.
this._clearDeferredResetState();
this._resetState();
disableTextSelection();
disableImageDrag();
this._startPoint = this._map.mouseEventToContainerPoint(e);
on(document, {
contextmenu: stop,
mousemove: this._onMouseMove,
mouseup: this._onMouseUp,
keydown: this._onKeyDown
}, this);
},
_onMouseMove: function (e) {
if (!this._moved) {
this._moved = true;
this._box = create$1('div', 'leaflet-zoom-box', this._container);
addClass(this._container, 'leaflet-crosshair');
this._map.fire('boxzoomstart');
}
this._point = this._map.mouseEventToContainerPoint(e);
var bounds = new Bounds(this._point, this._startPoint),
size = bounds.getSize();
setPosition(this._box, bounds.min);
this._box.style.width = size.x + 'px';
this._box.style.height = size.y + 'px';
},
_finish: function () {
if (this._moved) {
remove(this._box);
removeClass(this._container, 'leaflet-crosshair');
}
enableTextSelection();
enableImageDrag();
off(document, {
contextmenu: stop,
mousemove: this._onMouseMove,
mouseup: this._onMouseUp,
keydown: this._onKeyDown
}, this);
},
_onMouseUp: function (e) {
if ((e.which !== 1) && (e.button !== 1)) { return; }
this._finish();
if (!this._moved) { return; }
// Postpone to next JS tick so internal click event handling
// still see it as "moved".
this._clearDeferredResetState();
this._resetStateTimeout = setTimeout(bind(this._resetState, this), 0);
var bounds = new LatLngBounds(
this._map.containerPointToLatLng(this._startPoint),
this._map.containerPointToLatLng(this._point));
this._map
.fitBounds(bounds)
.fire('boxzoomend', {boxZoomBounds: bounds});
},
_onKeyDown: function (e) {
if (e.keyCode === 27) {
this._finish();
}
}
});
// @section Handlers
// @property boxZoom: Handler
// Box (shift-drag with mouse) zoom handler.
Map.addInitHook('addHandler', 'boxZoom', BoxZoom);
/*
* L.Handler.DoubleClickZoom is used to handle double-click zoom on the map, enabled by default.
*/
3 years ago
1 year ago
// @namespace Map
// @section Interaction Options
Map.mergeOptions({
// @option doubleClickZoom: Boolean|String = true
// Whether the map can be zoomed in by double clicking on it and
// zoomed out by double clicking while holding shift. If passed
// `'center'`, double-click zoom will zoom to the center of the
// view regardless of where the mouse was.
doubleClickZoom: true
});
var DoubleClickZoom = Handler.extend({
addHooks: function () {
this._map.on('dblclick', this._onDoubleClick, this);
},
removeHooks: function () {
this._map.off('dblclick', this._onDoubleClick, this);
},
_onDoubleClick: function (e) {
var map = this._map,
oldZoom = map.getZoom(),
delta = map.options.zoomDelta,
zoom = e.originalEvent.shiftKey ? oldZoom - delta : oldZoom + delta;
if (map.options.doubleClickZoom === 'center') {
map.setZoom(zoom);
} else {
map.setZoomAround(e.containerPoint, zoom);
}
}
});
// @section Handlers
//
// Map properties include interaction handlers that allow you to control
// interaction behavior in runtime, enabling or disabling certain features such
// as dragging or touch zoom (see `Handler` methods). For example:
//
// ```js
// map.doubleClickZoom.disable();
// ```
//
// @property doubleClickZoom: Handler
// Double click zoom handler.
Map.addInitHook('addHandler', 'doubleClickZoom', DoubleClickZoom);
/*
* L.Handler.MapDrag is used to make the map draggable (with panning inertia), enabled by default.
*/
3 years ago
1 year ago
// @namespace Map
// @section Interaction Options
Map.mergeOptions({
// @option dragging: Boolean = true
// Whether the map be draggable with mouse/touch or not.
dragging: true,
// @section Panning Inertia Options
// @option inertia: Boolean = *
// If enabled, panning of the map will have an inertia effect where
// the map builds momentum while dragging and continues moving in
// the same direction for some time. Feels especially nice on touch
// devices. Enabled by default unless running on old Android devices.
inertia: !android23,
// @option inertiaDeceleration: Number = 3000
// The rate with which the inertial movement slows down, in pixels/second².
inertiaDeceleration: 3400, // px/s^2
// @option inertiaMaxSpeed: Number = Infinity
// Max speed of the inertial movement, in pixels/second.
inertiaMaxSpeed: Infinity, // px/s
// @option easeLinearity: Number = 0.2
easeLinearity: 0.2,
// TODO refactor, move to CRS
// @option worldCopyJump: Boolean = false
// With this option enabled, the map tracks when you pan to another "copy"
// of the world and seamlessly jumps to the original one so that all overlays
// like markers and vector layers are still visible.
worldCopyJump: false,
// @option maxBoundsViscosity: Number = 0.0
// If `maxBounds` is set, this option will control how solid the bounds
// are when dragging the map around. The default value of `0.0` allows the
// user to drag outside the bounds at normal speed, higher values will
// slow down map dragging outside bounds, and `1.0` makes the bounds fully
// solid, preventing the user from dragging outside the bounds.
maxBoundsViscosity: 0.0
});
var Drag = Handler.extend({
addHooks: function () {
if (!this._draggable) {
var map = this._map;
this._draggable = new Draggable(map._mapPane, map._container);
this._draggable.on({
dragstart: this._onDragStart,
drag: this._onDrag,
dragend: this._onDragEnd
}, this);
this._draggable.on('predrag', this._onPreDragLimit, this);
if (map.options.worldCopyJump) {
this._draggable.on('predrag', this._onPreDragWrap, this);
map.on('zoomend', this._onZoomEnd, this);
map.whenReady(this._onZoomEnd, this);
}
}
addClass(this._map._container, 'leaflet-grab leaflet-touch-drag');
this._draggable.enable();
this._positions = [];
this._times = [];
},
removeHooks: function () {
removeClass(this._map._container, 'leaflet-grab');
removeClass(this._map._container, 'leaflet-touch-drag');
this._draggable.disable();
},
moved: function () {
return this._draggable && this._draggable._moved;
},
moving: function () {
return this._draggable && this._draggable._moving;
},
_onDragStart: function () {
var map = this._map;
map._stop();
if (this._map.options.maxBounds && this._map.options.maxBoundsViscosity) {
var bounds = toLatLngBounds(this._map.options.maxBounds);
this._offsetLimit = toBounds(
this._map.latLngToContainerPoint(bounds.getNorthWest()).multiplyBy(-1),
this._map.latLngToContainerPoint(bounds.getSouthEast()).multiplyBy(-1)
.add(this._map.getSize()));
this._viscosity = Math.min(1.0, Math.max(0.0, this._map.options.maxBoundsViscosity));
} else {
this._offsetLimit = null;
}
map
.fire('movestart')
.fire('dragstart');
if (map.options.inertia) {
this._positions = [];
this._times = [];
}
},
_onDrag: function (e) {
if (this._map.options.inertia) {
var time = this._lastTime = +new Date(),
pos = this._lastPos = this._draggable._absPos || this._draggable._newPos;
this._positions.push(pos);
this._times.push(time);
this._prunePositions(time);
}
this._map
.fire('move', e)
.fire('drag', e);
},
_prunePositions: function (time) {
while (this._positions.length > 1 && time - this._times[0] > 50) {
this._positions.shift();
this._times.shift();
}
},
_onZoomEnd: function () {
var pxCenter = this._map.getSize().divideBy(2),
pxWorldCenter = this._map.latLngToLayerPoint([0, 0]);
this._initialWorldOffset = pxWorldCenter.subtract(pxCenter).x;
this._worldWidth = this._map.getPixelWorldBounds().getSize().x;
},
_viscousLimit: function (value, threshold) {
return value - (value - threshold) * this._viscosity;
},
_onPreDragLimit: function () {
if (!this._viscosity || !this._offsetLimit) { return; }
var offset = this._draggable._newPos.subtract(this._draggable._startPos);
var limit = this._offsetLimit;
if (offset.x < limit.min.x) { offset.x = this._viscousLimit(offset.x, limit.min.x); }
if (offset.y < limit.min.y) { offset.y = this._viscousLimit(offset.y, limit.min.y); }
if (offset.x > limit.max.x) { offset.x = this._viscousLimit(offset.x, limit.max.x); }
if (offset.y > limit.max.y) { offset.y = this._viscousLimit(offset.y, limit.max.y); }
this._draggable._newPos = this._draggable._startPos.add(offset);
},
_onPreDragWrap: function () {
// TODO refactor to be able to adjust map pane position after zoom
var worldWidth = this._worldWidth,
halfWidth = Math.round(worldWidth / 2),
dx = this._initialWorldOffset,
x = this._draggable._newPos.x,
newX1 = (x - halfWidth + dx) % worldWidth + halfWidth - dx,
newX2 = (x + halfWidth + dx) % worldWidth - halfWidth - dx,
newX = Math.abs(newX1 + dx) < Math.abs(newX2 + dx) ? newX1 : newX2;
this._draggable._absPos = this._draggable._newPos.clone();
this._draggable._newPos.x = newX;
},
_onDragEnd: function (e) {
var map = this._map,
options = map.options,
noInertia = !options.inertia || this._times.length < 2;
map.fire('dragend', e);
if (noInertia) {
map.fire('moveend');
} else {
this._prunePositions(+new Date());
var direction = this._lastPos.subtract(this._positions[0]),
duration = (this._lastTime - this._times[0]) / 1000,
ease = options.easeLinearity,
speedVector = direction.multiplyBy(ease / duration),
speed = speedVector.distanceTo([0, 0]),
limitedSpeed = Math.min(options.inertiaMaxSpeed, speed),
limitedSpeedVector = speedVector.multiplyBy(limitedSpeed / speed),
decelerationDuration = limitedSpeed / (options.inertiaDeceleration * ease),
offset = limitedSpeedVector.multiplyBy(-decelerationDuration / 2).round();
if (!offset.x && !offset.y) {
map.fire('moveend');
} else {
offset = map._limitOffset(offset, map.options.maxBounds);
requestAnimFrame(function () {
map.panBy(offset, {
duration: decelerationDuration,
easeLinearity: ease,
noMoveStart: true,
animate: true
});
});
}
}
}
});
// @section Handlers
// @property dragging: Handler
// Map dragging handler (by both mouse and touch).
Map.addInitHook('addHandler', 'dragging', Drag);
/*
* L.Map.Keyboard is handling keyboard interaction with the map, enabled by default.
*/
3 years ago
1 year ago
// @namespace Map
// @section Keyboard Navigation Options
Map.mergeOptions({
// @option keyboard: Boolean = true
// Makes the map focusable and allows users to navigate the map with keyboard
// arrows and `+`/`-` keys.
keyboard: true,
// @option keyboardPanDelta: Number = 80
// Amount of pixels to pan when pressing an arrow key.
keyboardPanDelta: 80
});
var Keyboard = Handler.extend({
keyCodes: {
left: [37],
right: [39],
down: [40],
up: [38],
zoomIn: [187, 107, 61, 171],
zoomOut: [189, 109, 54, 173]
},
initialize: function (map) {
this._map = map;
this._setPanDelta(map.options.keyboardPanDelta);
this._setZoomDelta(map.options.zoomDelta);
},
addHooks: function () {
var container = this._map._container;
// make the container focusable by tabbing
if (container.tabIndex <= 0) {
container.tabIndex = '0';
}
on(container, {
focus: this._onFocus,
blur: this._onBlur,
mousedown: this._onMouseDown
}, this);
this._map.on({
focus: this._addHooks,
blur: this._removeHooks
}, this);
},
removeHooks: function () {
this._removeHooks();
off(this._map._container, {
focus: this._onFocus,
blur: this._onBlur,
mousedown: this._onMouseDown
}, this);
this._map.off({
focus: this._addHooks,
blur: this._removeHooks
}, this);
},
_onMouseDown: function () {
if (this._focused) { return; }
var body = document.body,
docEl = document.documentElement,
top = body.scrollTop || docEl.scrollTop,
left = body.scrollLeft || docEl.scrollLeft;
this._map._container.focus();
window.scrollTo(left, top);
},
_onFocus: function () {
this._focused = true;
this._map.fire('focus');
},
_onBlur: function () {
this._focused = false;
this._map.fire('blur');
},
_setPanDelta: function (panDelta) {
var keys = this._panKeys = {},
codes = this.keyCodes,
i, len;
for (i = 0, len = codes.left.length; i < len; i++) {
keys[codes.left[i]] = [-1 * panDelta, 0];
}
for (i = 0, len = codes.right.length; i < len; i++) {
keys[codes.right[i]] = [panDelta, 0];
}
for (i = 0, len = codes.down.length; i < len; i++) {
keys[codes.down[i]] = [0, panDelta];
}
for (i = 0, len = codes.up.length; i < len; i++) {
keys[codes.up[i]] = [0, -1 * panDelta];
}
},
_setZoomDelta: function (zoomDelta) {
var keys = this._zoomKeys = {},
codes = this.keyCodes,
i, len;
for (i = 0, len = codes.zoomIn.length; i < len; i++) {
keys[codes.zoomIn[i]] = zoomDelta;
}
for (i = 0, len = codes.zoomOut.length; i < len; i++) {
keys[codes.zoomOut[i]] = -zoomDelta;
}
},
_addHooks: function () {
on(document, 'keydown', this._onKeyDown, this);
},
_removeHooks: function () {
off(document, 'keydown', this._onKeyDown, this);
},
_onKeyDown: function (e) {
if (e.altKey || e.ctrlKey || e.metaKey) { return; }
var key = e.keyCode,
map = this._map,
offset;
if (key in this._panKeys) {
if (!map._panAnim || !map._panAnim._inProgress) {
offset = this._panKeys[key];
if (e.shiftKey) {
offset = toPoint(offset).multiplyBy(3);
}
map.panBy(offset);
if (map.options.maxBounds) {
map.panInsideBounds(map.options.maxBounds);
}
}
} else if (key in this._zoomKeys) {
map.setZoom(map.getZoom() + (e.shiftKey ? 3 : 1) * this._zoomKeys[key]);
} else if (key === 27 && map._popup && map._popup.options.closeOnEscapeKey) {
map.closePopup();
} else {
return;
}
stop(e);
}
});
// @section Handlers
// @section Handlers
// @property keyboard: Handler
// Keyboard navigation handler.
Map.addInitHook('addHandler', 'keyboard', Keyboard);
/*
* L.Handler.ScrollWheelZoom is used by L.Map to enable mouse scroll wheel zoom on the map.
*/
3 years ago
1 year ago
// @namespace Map
// @section Interaction Options
Map.mergeOptions({
// @section Mouse wheel options
// @option scrollWheelZoom: Boolean|String = true
// Whether the map can be zoomed by using the mouse wheel. If passed `'center'`,
// it will zoom to the center of the view regardless of where the mouse was.
scrollWheelZoom: true,
3 years ago
1 year ago
// @option wheelDebounceTime: Number = 40
// Limits the rate at which a wheel can fire (in milliseconds). By default
// user can't zoom via wheel more often than once per 40 ms.
wheelDebounceTime: 40,
2 years ago
1 year ago
// @option wheelPxPerZoomLevel: Number = 60
// How many scroll pixels (as reported by [L.DomEvent.getWheelDelta](#domevent-getwheeldelta))
// mean a change of one full zoom level. Smaller values will make wheel-zooming
// faster (and vice versa).
wheelPxPerZoomLevel: 60
});
3 years ago
1 year ago
var ScrollWheelZoom = Handler.extend({
addHooks: function () {
on(this._map._container, 'wheel', this._onWheelScroll, this);
3 years ago
1 year ago
this._delta = 0;
},
3 years ago
1 year ago
removeHooks: function () {
off(this._map._container, 'wheel', this._onWheelScroll, this);
},
3 years ago
1 year ago
_onWheelScroll: function (e) {
var delta = getWheelDelta(e);
3 years ago
1 year ago
var debounce = this._map.options.wheelDebounceTime;
3 years ago
1 year ago
this._delta += delta;
this._lastMousePos = this._map.mouseEventToContainerPoint(e);
3 years ago
1 year ago
if (!this._startTime) {
this._startTime = +new Date();
}
3 years ago
1 year ago
var left = Math.max(debounce - (+new Date() - this._startTime), 0);
3 years ago
1 year ago
clearTimeout(this._timer);
this._timer = setTimeout(bind(this._performZoom, this), left);
3 years ago
1 year ago
stop(e);
},
3 years ago
1 year ago
_performZoom: function () {
var map = this._map,
zoom = map.getZoom(),
snap = this._map.options.zoomSnap || 0;
3 years ago
1 year ago
map._stop(); // stop panning and fly animations if any
3 years ago
1 year ago
// map the delta with a sigmoid function to -4..4 range leaning on -1..1
var d2 = this._delta / (this._map.options.wheelPxPerZoomLevel * 4),
d3 = 4 * Math.log(2 / (1 + Math.exp(-Math.abs(d2)))) / Math.LN2,
d4 = snap ? Math.ceil(d3 / snap) * snap : d3,
delta = map._limitZoom(zoom + (this._delta > 0 ? d4 : -d4)) - zoom;
3 years ago
1 year ago
this._delta = 0;
this._startTime = null;
3 years ago
1 year ago
if (!delta) { return; }
3 years ago
1 year ago
if (map.options.scrollWheelZoom === 'center') {
map.setZoom(zoom + delta);
} else {
map.setZoomAround(this._lastMousePos, zoom + delta);
}
}
});
3 years ago
1 year ago
// @section Handlers
// @property scrollWheelZoom: Handler
// Scroll wheel zoom handler.
Map.addInitHook('addHandler', 'scrollWheelZoom', ScrollWheelZoom);
3 years ago
1 year ago
/*
* L.Map.Tap is used to enable mobile hacks like quick taps and long hold.
*/
3 years ago
1 year ago
// @namespace Map
// @section Interaction Options
Map.mergeOptions({
// @section Touch interaction options
// @option tap: Boolean = true
// Enables mobile hacks for supporting instant taps (fixing 200ms click
// delay on iOS/Android) and touch holds (fired as `contextmenu` events).
tap: true,
// @option tapTolerance: Number = 15
// The max number of pixels a user can shift his finger during touch
// for it to be considered a valid tap.
tapTolerance: 15
});
var Tap = Handler.extend({
addHooks: function () {
on(this._map._container, 'touchstart', this._onDown, this);
},
removeHooks: function () {
off(this._map._container, 'touchstart', this._onDown, this);
},
_onDown: function (e) {
if (!e.touches) { return; }
preventDefault(e);
this._fireClick = true;
// don't simulate click or track longpress if more than 1 touch
if (e.touches.length > 1) {
this._fireClick = false;
clearTimeout(this._holdTimeout);
return;
}
var first = e.touches[0],
el = first.target;
this._startPos = this._newPos = new Point(first.clientX, first.clientY);
// if touching a link, highlight it
if (el.tagName && el.tagName.toLowerCase() === 'a') {
addClass(el, 'leaflet-active');
}
// simulate long hold but setting a timeout
this._holdTimeout = setTimeout(bind(function () {
if (this._isTapValid()) {
this._fireClick = false;
this._onUp();
this._simulateEvent('contextmenu', first);
}
}, this), 1000);
this._simulateEvent('mousedown', first);
on(document, {
touchmove: this._onMove,
touchend: this._onUp
}, this);
},
_onUp: function (e) {
clearTimeout(this._holdTimeout);
off(document, {
touchmove: this._onMove,
touchend: this._onUp
}, this);
if (this._fireClick && e && e.changedTouches) {
var first = e.changedTouches[0],
el = first.target;
if (el && el.tagName && el.tagName.toLowerCase() === 'a') {
removeClass(el, 'leaflet-active');
}
this._simulateEvent('mouseup', first);
// simulate click if the touch didn't move too much
if (this._isTapValid()) {
this._simulateEvent('click', first);
}
}
},
_isTapValid: function () {
return this._newPos.distanceTo(this._startPos) <= this._map.options.tapTolerance;
},
_onMove: function (e) {
var first = e.touches[0];
this._newPos = new Point(first.clientX, first.clientY);
this._simulateEvent('mousemove', first);
},
_simulateEvent: function (type, e) {
var simulatedEvent = document.createEvent('MouseEvents');
simulatedEvent._simulated = true;
e.target._simulatedClick = true;
simulatedEvent.initMouseEvent(
type, true, true, window, 1,
e.screenX, e.screenY,
e.clientX, e.clientY,
false, false, false, false, 0, null);
e.target.dispatchEvent(simulatedEvent);
}
});
// @section Handlers
// @property tap: Handler
// Mobile touch hacks (quick tap and touch hold) handler.
if (touch && (!pointer || safari)) {
Map.addInitHook('addHandler', 'tap', Tap);
}
3 years ago
1 year ago
/*
* L.Handler.TouchZoom is used by L.Map to add pinch zoom on supported mobile browsers.
*/
3 years ago
1 year ago
// @namespace Map
// @section Interaction Options
Map.mergeOptions({
// @section Touch interaction options
// @option touchZoom: Boolean|String = *
// Whether the map can be zoomed by touch-dragging with two fingers. If
// passed `'center'`, it will zoom to the center of the view regardless of
// where the touch events (fingers) were. Enabled for touch-capable web
// browsers except for old Androids.
touchZoom: touch && !android23,
// @option bounceAtZoomLimits: Boolean = true
// Set it to false if you don't want the map to zoom beyond min/max zoom
// and then bounce back when pinch-zooming.
bounceAtZoomLimits: true
});
var TouchZoom = Handler.extend({
addHooks: function () {
addClass(this._map._container, 'leaflet-touch-zoom');
on(this._map._container, 'touchstart', this._onTouchStart, this);
},
removeHooks: function () {
removeClass(this._map._container, 'leaflet-touch-zoom');
off(this._map._container, 'touchstart', this._onTouchStart, this);
},
_onTouchStart: function (e) {
var map = this._map;
if (!e.touches || e.touches.length !== 2 || map._animatingZoom || this._zooming) { return; }
var p1 = map.mouseEventToContainerPoint(e.touches[0]),
p2 = map.mouseEventToContainerPoint(e.touches[1]);
this._centerPoint = map.getSize()._divideBy(2);
this._startLatLng = map.containerPointToLatLng(this._centerPoint);
if (map.options.touchZoom !== 'center') {
this._pinchStartLatLng = map.containerPointToLatLng(p1.add(p2)._divideBy(2));
}
this._startDist = p1.distanceTo(p2);
this._startZoom = map.getZoom();
this._moved = false;
this._zooming = true;
map._stop();
on(document, 'touchmove', this._onTouchMove, this);
on(document, 'touchend', this._onTouchEnd, this);
preventDefault(e);
},
_onTouchMove: function (e) {
if (!e.touches || e.touches.length !== 2 || !this._zooming) { return; }
var map = this._map,
p1 = map.mouseEventToContainerPoint(e.touches[0]),
p2 = map.mouseEventToContainerPoint(e.touches[1]),
scale = p1.distanceTo(p2) / this._startDist;
this._zoom = map.getScaleZoom(scale, this._startZoom);
if (!map.options.bounceAtZoomLimits && (
(this._zoom < map.getMinZoom() && scale < 1) ||
(this._zoom > map.getMaxZoom() && scale > 1))) {
this._zoom = map._limitZoom(this._zoom);
}
if (map.options.touchZoom === 'center') {
this._center = this._startLatLng;
if (scale === 1) { return; }
} else {
// Get delta from pinch to center, so centerLatLng is delta applied to initial pinchLatLng
var delta = p1._add(p2)._divideBy(2)._subtract(this._centerPoint);
if (scale === 1 && delta.x === 0 && delta.y === 0) { return; }
this._center = map.unproject(map.project(this._pinchStartLatLng, this._zoom).subtract(delta), this._zoom);
}
if (!this._moved) {
map._moveStart(true, false);
this._moved = true;
}
cancelAnimFrame(this._animRequest);
var moveFn = bind(map._move, map, this._center, this._zoom, {pinch: true, round: false});
this._animRequest = requestAnimFrame(moveFn, this, true);
preventDefault(e);
},
_onTouchEnd: function () {
if (!this._moved || !this._zooming) {
this._zooming = false;
return;
}
this._zooming = false;
cancelAnimFrame(this._animRequest);
off(document, 'touchmove', this._onTouchMove, this);
off(document, 'touchend', this._onTouchEnd, this);
// Pinch updates GridLayers' levels only when zoomSnap is off, so zoomSnap becomes noUpdate.
if (this._map.options.zoomAnimation) {
this._map._animateZoom(this._center, this._map._limitZoom(this._zoom), true, this._map.options.zoomSnap);
} else {
this._map._resetView(this._center, this._map._limitZoom(this._zoom));
}
}
});
// @section Handlers
// @property touchZoom: Handler
// Touch zoom handler.
Map.addInitHook('addHandler', 'touchZoom', TouchZoom);
Map.BoxZoom = BoxZoom;
Map.DoubleClickZoom = DoubleClickZoom;
Map.Drag = Drag;
Map.Keyboard = Keyboard;
Map.ScrollWheelZoom = ScrollWheelZoom;
Map.Tap = Tap;
Map.TouchZoom = TouchZoom;
exports.version = version;
exports.Control = Control;
exports.control = control;
exports.Browser = Browser;
exports.Evented = Evented;
exports.Mixin = Mixin;
exports.Util = Util;
exports.Class = Class;
exports.Handler = Handler;
exports.extend = extend;
exports.bind = bind;
exports.stamp = stamp;
exports.setOptions = setOptions;
exports.DomEvent = DomEvent;
exports.DomUtil = DomUtil;
exports.PosAnimation = PosAnimation;
exports.Draggable = Draggable;
exports.LineUtil = LineUtil;
exports.PolyUtil = PolyUtil;
exports.Point = Point;
exports.point = toPoint;
exports.Bounds = Bounds;
exports.bounds = toBounds;
exports.Transformation = Transformation;
exports.transformation = toTransformation;
exports.Projection = index;
exports.LatLng = LatLng;
exports.latLng = toLatLng;
exports.LatLngBounds = LatLngBounds;
exports.latLngBounds = toLatLngBounds;
exports.CRS = CRS;
exports.GeoJSON = GeoJSON;
exports.geoJSON = geoJSON;
exports.geoJson = geoJson;
exports.Layer = Layer;
exports.LayerGroup = LayerGroup;
exports.layerGroup = layerGroup;
exports.FeatureGroup = FeatureGroup;
exports.featureGroup = featureGroup;
exports.ImageOverlay = ImageOverlay;
exports.imageOverlay = imageOverlay;
exports.VideoOverlay = VideoOverlay;
exports.videoOverlay = videoOverlay;
exports.SVGOverlay = SVGOverlay;
exports.svgOverlay = svgOverlay;
exports.DivOverlay = DivOverlay;
exports.Popup = Popup;
exports.popup = popup;
exports.Tooltip = Tooltip;
exports.tooltip = tooltip;
exports.Icon = Icon;
exports.icon = icon;
exports.DivIcon = DivIcon;
exports.divIcon = divIcon;
exports.Marker = Marker;
exports.marker = marker;
exports.TileLayer = TileLayer;
exports.tileLayer = tileLayer;
exports.GridLayer = GridLayer;
exports.gridLayer = gridLayer;
exports.SVG = SVG;
exports.svg = svg$1;
exports.Renderer = Renderer;
exports.Canvas = Canvas;
exports.canvas = canvas$1;
exports.Path = Path;
exports.CircleMarker = CircleMarker;
exports.circleMarker = circleMarker;
exports.Circle = Circle;
exports.circle = circle;
exports.Polyline = Polyline;
exports.polyline = polyline;
exports.Polygon = Polygon;
exports.polygon = polygon;
exports.Rectangle = Rectangle;
exports.rectangle = rectangle;
exports.Map = Map;
exports.map = createMap;
var oldL = window.L;
exports.noConflict = function() {
window.L = oldL;
return this;
};
// Always export us to window global (see #2364)
window.L = exports;
})));
3 years ago
1 year ago
});
3 years ago
1 year ago
var t = /*#__PURE__*/_mergeNamespaces({
__proto__: null,
'default': leafletSrc
}, [leafletSrc]);
3 years ago
1 year ago
function e(){return e=Object.assign?Object.assign.bind():function(t){for(var e=1;e<arguments.length;e++){var r=arguments[e];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(t[n]=r[n]);}return t},e.apply(this,arguments)}function r(t,e){t.prototype=Object.create(e.prototype),t.prototype.constructor=t,n(t,e);}function n(t,e){return n=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(t,e){return t.__proto__=e,t},n(t,e)}function s(t,e,r,n){void 0===e&&(e=""),void 0===n&&(n={});var o=document.createElement(t);return e&&(o.className=e),Object.keys(n).forEach(function(t){if("function"==typeof n[t]){var e=0===t.indexOf("on")?t.substr(2).toLowerCase():t;o.addEventListener(e,n[t]);}else "html"===t?o.innerHTML=n[t]:"text"===t?o.innerText=n[t]:o.setAttribute(t,n[t]);}),r&&r.appendChild(o),o}function a(t){t.preventDefault(),t.stopPropagation();}var l=function(){return [].slice.call(arguments).filter(Boolean).join(" ").trim()};function c(t,e){t&&t.classList&&(Array.isArray(e)?e:[e]).forEach(function(e){t.classList.contains(e)||t.classList.add(e);});}function u(t,e){t&&t.classList&&(Array.isArray(e)?e:[e]).forEach(function(e){t.classList.contains(e)&&t.classList.remove(e);});}var h,p=13,d=40,f=38,m=[p,27,d,f,37,39],v=/*#__PURE__*/function(){function t(t){var e=this,r=t.handleSubmit,n=t.searchLabel,o=t.classNames,i=void 0===o?{}:o;this.container=void 0,this.form=void 0,this.input=void 0,this.handleSubmit=void 0,this.hasError=!1,this.container=s("div",l("geosearch",i.container)),this.form=s("form",["",i.form].join(" "),this.container,{autocomplete:"none",onClick:a,onDblClick:a,touchStart:a,touchEnd:a}),this.input=s("input",["glass",i.input].join(" "),this.form,{type:"text",placeholder:n||"search",onInput:this.onInput,onKeyUp:function(t){return e.onKeyUp(t)},onKeyPress:function(t){return e.onKeyPress(t)},onFocus:this.onFocus,onBlur:this.onBlur,onClick:function(){e.input.focus(),e.input.dispatchEvent(new Event("focus"));}}),this.handleSubmit=r;}var e=t.prototype;return e.onFocus=function(){c(this.form,"active");},e.onBlur=function(){u(this.form,"active");},e.onSubmit=function(t){try{var e=this;return a(t),u(r=e.container,"error"),c(r,"pending"),Promise.resolve(e.handleSubmit({query:e.input.value})).then(function(){u(e.container,"pending");})}catch(t){return Promise.reject(t)}var r;},e.onInput=function(){this.hasError&&(u(this.container,"error"),this.hasError=!1);},e.onKeyUp=function(t){27===t.keyCode&&(u(this.container,["pending","active"]),this.input.value="",document.body.focus(),document.body.blur());},e.onKeyPress=function(t){t.keyCode===p&&this.onSubmit(t);},e.setQuery=function(t){this.input.value=t;},t}(),g=/*#__PURE__*/function(){function t(t){var e=this,r=t.handleClick,n=t.classNames,o=void 0===n?{}:n,i=t.notFoundMessage;this.handleClick=void 0,this.selected=-1,this.results=[],this.container=void 0,this.resultItem=void 0,this.notFoundMessage=void 0,this.onClick=function(t){if("function"==typeof e.handleClick){var r=t.target;if(r&&e.container.contains(r)&&r.hasAttribute("data-key")){var n=Number(r.getAttribute("data-key"));e.clear(),e.handleClick({result:e.results[n]});}}},this.handleClick=r,this.notFoundMessage=i?s("div",l(o.notfound),void 0,{html:i}):void 0,this.container=s("div",l("results",o.resultlist)),this.container.addEventListener("click",this.onClick,!0),this.resultItem=s("div",l(o.item));}var e=t.prototype;return e.render=function(t,e){var r=this;void 0===t&&(t=[]),this.clear(),t.forEach(function(t,n){var o=r.resultItem.cloneNode(!0);o.setAttribute("data-key",""+n),o.innerHTML=e({result:t}),r.container.appendChild(o);}),t.length>0?(c(this.container.parentElement,"open"),c(this.container,"active")):this.notFoundMessage&&(this.container.appendChild(this.notFoundMessage),c(this.container.parentElement,"open")),this.results=t;},e.select=function(t){return Array.from(this.container.children).forEach(function(e,r){return r===t?c(e,"active"):u(e,"active")}),this.selected=t,this.results[t]},e.count=function(){return this.results?this.results.length:0},e.clear=function(){for(this.selected=-1;this.container.last
3 years ago
1 year ago
var strictUriEncode = str => encodeURIComponent(str).replace(/[!'()*]/g, x => `%${x.charCodeAt(0).toString(16).toUpperCase()}`);
3 years ago
1 year ago
var token = '%[a-f0-9]{2}';
var singleMatcher = new RegExp('(' + token + ')|([^%]+?)', 'gi');
var multiMatcher = new RegExp('(' + token + ')+', 'gi');
3 years ago
1 year ago
function decodeComponents(components, split) {
try {
// Try to decode the entire string first
return [decodeURIComponent(components.join(''))];
} catch (err) {
// Do nothing
}
3 years ago
1 year ago
if (components.length === 1) {
return components;
}
3 years ago
1 year ago
split = split || 1;
2 years ago
1 year ago
// Split the array in 2 parts
var left = components.slice(0, split);
var right = components.slice(split);
2 years ago
1 year ago
return Array.prototype.concat.call([], decodeComponents(left), decodeComponents(right));
}
2 years ago
1 year ago
function decode(input) {
try {
return decodeURIComponent(input);
} catch (err) {
var tokens = input.match(singleMatcher) || [];
2 years ago
1 year ago
for (var i = 1; i < tokens.length; i++) {
input = decodeComponents(tokens, i).join('');
2 years ago
1 year ago
tokens = input.match(singleMatcher) || [];
}
2 years ago
1 year ago
return input;
}
}
2 years ago
1 year ago
function customDecodeURIComponent(input) {
// Keep track of all the replacements and prefill the map with the `BOM`
var replaceMap = {
'%FE%FF': '\uFFFD\uFFFD',
'%FF%FE': '\uFFFD\uFFFD'
};
var match = multiMatcher.exec(input);
while (match) {
try {
// Decode as big chunks as possible
replaceMap[match[0]] = decodeURIComponent(match[0]);
} catch (err) {
var result = decode(match[0]);
if (result !== match[0]) {
replaceMap[match[0]] = result;
}
}
match = multiMatcher.exec(input);
}
// Add `%C2` at the end of the map to make sure it does not replace the combinator before everything else
replaceMap['%C2'] = '\uFFFD';
var entries = Object.keys(replaceMap);
for (var i = 0; i < entries.length; i++) {
// Replace all decoded components
var key = entries[i];
input = input.replace(new RegExp(key, 'g'), replaceMap[key]);
}
return input;
}
2 years ago
1 year ago
var decodeUriComponent = function (encodedURI) {
if (typeof encodedURI !== 'string') {
throw new TypeError('Expected `encodedURI` to be of type `string`, got `' + typeof encodedURI + '`');
}
try {
encodedURI = encodedURI.replace(/\+/g, ' ');
// Try the built in decoder first
return decodeURIComponent(encodedURI);
} catch (err) {
// Fallback to a more advanced decoder
return customDecodeURIComponent(encodedURI);
}
};
2 years ago
1 year ago
var splitOnFirst = (string, separator) => {
if (!(typeof string === 'string' && typeof separator === 'string')) {
throw new TypeError('Expected the arguments to be of type `string`');
}
2 years ago
1 year ago
if (separator === '') {
return [string];
}
2 years ago
1 year ago
const separatorIndex = string.indexOf(separator);
2 years ago
1 year ago
if (separatorIndex === -1) {
return [string];
}
2 years ago
1 year ago
return [
string.slice(0, separatorIndex),
string.slice(separatorIndex + separator.length)
];
};
2 years ago
1 year ago
var filterObj = function (obj, predicate) {
var ret = {};
var keys = Object.keys(obj);
var isArr = Array.isArray(predicate);
2 years ago
1 year ago
for (var i = 0; i < keys.length; i++) {
var key = keys[i];
var val = obj[key];
2 years ago
1 year ago
if (isArr ? predicate.indexOf(key) !== -1 : predicate(key, val, obj)) {
ret[key] = val;
}
}
2 years ago
1 year ago
return ret;
};
2 years ago
1 year ago
var queryString = createCommonjsModule(function (module, exports) {
2 years ago
1 year ago
const isNullOrUndefined = value => value === null || value === undefined;
const encodeFragmentIdentifier = Symbol('encodeFragmentIdentifier');
function encoderForArrayFormat(options) {
switch (options.arrayFormat) {
case 'index':
return key => (result, value) => {
const index = result.length;
if (
value === undefined ||
(options.skipNull && value === null) ||
(options.skipEmptyString && value === '')
) {
return result;
}
if (value === null) {
return [...result, [encode(key, options), '[', index, ']'].join('')];
}
return [
...result,
[encode(key, options), '[', encode(index, options), ']=', encode(value, options)].join('')
];
};
case 'bracket':
return key => (result, value) => {
if (
value === undefined ||
(options.skipNull && value === null) ||
(options.skipEmptyString && value === '')
) {
return result;
}
if (value === null) {
return [...result, [encode(key, options), '[]'].join('')];
}
return [...result, [encode(key, options), '[]=', encode(value, options)].join('')];
};
case 'colon-list-separator':
return key => (result, value) => {
if (
value === undefined ||
(options.skipNull && value === null) ||
(options.skipEmptyString && value === '')
) {
return result;
}
if (value === null) {
return [...result, [encode(key, options), ':list='].join('')];
}
return [...result, [encode(key, options), ':list=', encode(value, options)].join('')];
};
case 'comma':
case 'separator':
case 'bracket-separator': {
const keyValueSep = options.arrayFormat === 'bracket-separator' ?
'[]=' :
'=';
return key => (result, value) => {
if (
value === undefined ||
(options.skipNull && value === null) ||
(options.skipEmptyString && value === '')
) {
return result;
}
// Translate null to an empty string so that it doesn't serialize as 'null'
value = value === null ? '' : value;
if (result.length === 0) {
return [[encode(key, options), keyValueSep, encode(value, options)].join('')];
}
return [[result, encode(value, options)].join(options.arrayFormatSeparator)];
};
}
default:
return key => (result, value) => {
if (
value === undefined ||
(options.skipNull && value === null) ||
(options.skipEmptyString && value === '')
) {
return result;
}
if (value === null) {
return [...result, encode(key, options)];
}
return [...result, [encode(key, options), '=', encode(value, options)].join('')];
};
}
}
2 years ago
1 year ago
function parserForArrayFormat(options) {
let result;
switch (options.arrayFormat) {
case 'index':
return (key, value, accumulator) => {
result = /\[(\d*)\]$/.exec(key);
key = key.replace(/\[\d*\]$/, '');
if (!result) {
accumulator[key] = value;
return;
}
if (accumulator[key] === undefined) {
accumulator[key] = {};
}
accumulator[key][result[1]] = value;
};
case 'bracket':
return (key, value, accumulator) => {
result = /(\[\])$/.exec(key);
key = key.replace(/\[\]$/, '');
if (!result) {
accumulator[key] = value;
return;
}
if (accumulator[key] === undefined) {
accumulator[key] = [value];
return;
}
accumulator[key] = [].concat(accumulator[key], value);
};
case 'colon-list-separator':
return (key, value, accumulator) => {
result = /(:list)$/.exec(key);
key = key.replace(/:list$/, '');
if (!result) {
accumulator[key] = value;
return;
}
if (accumulator[key] === undefined) {
accumulator[key] = [value];
return;
}
accumulator[key] = [].concat(accumulator[key], value);
};
case 'comma':
case 'separator':
return (key, value, accumulator) => {
const isArray = typeof value === 'string' && value.includes(options.arrayFormatSeparator);
const isEncodedArray = (typeof value === 'string' && !isArray && decode(value, options).includes(options.arrayFormatSeparator));
value = isEncodedArray ? decode(value, options) : value;
const newValue = isArray || isEncodedArray ? value.split(options.arrayFormatSeparator).map(item => decode(item, options)) : value === null ? value : decode(value, options);
accumulator[key] = newValue;
};
case 'bracket-separator':
return (key, value, accumulator) => {
const isArray = /(\[\])$/.test(key);
key = key.replace(/\[\]$/, '');
if (!isArray) {
accumulator[key] = value ? decode(value, options) : value;
return;
}
const arrayValue = value === null ?
[] :
value.split(options.arrayFormatSeparator).map(item => decode(item, options));
if (accumulator[key] === undefined) {
accumulator[key] = arrayValue;
return;
}
accumulator[key] = [].concat(accumulator[key], arrayValue);
};
default:
return (key, value, accumulator) => {
if (accumulator[key] === undefined) {
accumulator[key] = value;
return;
}
accumulator[key] = [].concat(accumulator[key], value);
};
}
}
2 years ago
1 year ago
function validateArrayFormatSeparator(value) {
if (typeof value !== 'string' || value.length !== 1) {
throw new TypeError('arrayFormatSeparator must be single character string');
}
}
2 years ago
1 year ago
function encode(value, options) {
if (options.encode) {
return options.strict ? strictUriEncode(value) : encodeURIComponent(value);
}
2 years ago
1 year ago
return value;
}
2 years ago
1 year ago
function decode(value, options) {
if (options.decode) {
return decodeUriComponent(value);
}
2 years ago
1 year ago
return value;
}
2 years ago
1 year ago
function keysSorter(input) {
if (Array.isArray(input)) {
return input.sort();
}
2 years ago
1 year ago
if (typeof input === 'object') {
return keysSorter(Object.keys(input))
.sort((a, b) => Number(a) - Number(b))
.map(key => input[key]);
}
2 years ago
1 year ago
return input;
}
2 years ago
1 year ago
function removeHash(input) {
const hashStart = input.indexOf('#');
if (hashStart !== -1) {
input = input.slice(0, hashStart);
}
2 years ago
1 year ago
return input;
}
2 years ago
1 year ago
function getHash(url) {
let hash = '';
const hashStart = url.indexOf('#');
if (hashStart !== -1) {
hash = url.slice(hashStart);
}
2 years ago
1 year ago
return hash;
}
2 years ago
1 year ago
function extract(input) {
input = removeHash(input);
const queryStart = input.indexOf('?');
if (queryStart === -1) {
return '';
}
2 years ago
1 year ago
return input.slice(queryStart + 1);
}
2 years ago
1 year ago
function parseValue(value, options) {
if (options.parseNumbers && !Number.isNaN(Number(value)) && (typeof value === 'string' && value.trim() !== '')) {
value = Number(value);
} else if (options.parseBooleans && value !== null && (value.toLowerCase() === 'true' || value.toLowerCase() === 'false')) {
value = value.toLowerCase() === 'true';
}
2 years ago
1 year ago
return value;
}
2 years ago
1 year ago
function parse(query, options) {
options = Object.assign({
decode: true,
sort: true,
arrayFormat: 'none',
arrayFormatSeparator: ',',
parseNumbers: false,
parseBooleans: false
}, options);
validateArrayFormatSeparator(options.arrayFormatSeparator);
const formatter = parserForArrayFormat(options);
// Create an object with no prototype
const ret = Object.create(null);
if (typeof query !== 'string') {
return ret;
}
query = query.trim().replace(/^[?#&]/, '');
if (!query) {
return ret;
}
for (const param of query.split('&')) {
if (param === '') {
continue;
}
let [key, value] = splitOnFirst(options.decode ? param.replace(/\+/g, ' ') : param, '=');
// Missing `=` should be `null`:
// http://w3.org/TR/2012/WD-url-20120524/#collect-url-parameters
value = value === undefined ? null : ['comma', 'separator', 'bracket-separator'].includes(options.arrayFormat) ? value : decode(value, options);
formatter(decode(key, options), value, ret);
}
for (const key of Object.keys(ret)) {
const value = ret[key];
if (typeof value === 'object' && value !== null) {
for (const k of Object.keys(value)) {
value[k] = parseValue(value[k], options);
}
} else {
ret[key] = parseValue(value, options);
}
}
if (options.sort === false) {
return ret;
}
return (options.sort === true ? Object.keys(ret).sort() : Object.keys(ret).sort(options.sort)).reduce((result, key) => {
const value = ret[key];
if (Boolean(value) && typeof value === 'object' && !Array.isArray(value)) {
// Sort object keys, not values
result[key] = keysSorter(value);
} else {
result[key] = value;
}
return result;
}, Object.create(null));
}
2 years ago
1 year ago
exports.extract = extract;
exports.parse = parse;
2 years ago
1 year ago
exports.stringify = (object, options) => {
if (!object) {
return '';
}
2 years ago
1 year ago
options = Object.assign({
encode: true,
strict: true,
arrayFormat: 'none',
arrayFormatSeparator: ','
}, options);
2 years ago
1 year ago
validateArrayFormatSeparator(options.arrayFormatSeparator);
2 years ago
1 year ago
const shouldFilter = key => (
(options.skipNull && isNullOrUndefined(object[key])) ||
(options.skipEmptyString && object[key] === '')
);
2 years ago
1 year ago
const formatter = encoderForArrayFormat(options);
2 years ago
1 year ago
const objectCopy = {};
2 years ago
1 year ago
for (const key of Object.keys(object)) {
if (!shouldFilter(key)) {
objectCopy[key] = object[key];
}
}
2 years ago
1 year ago
const keys = Object.keys(objectCopy);
2 years ago
1 year ago
if (options.sort !== false) {
keys.sort(options.sort);
}
2 years ago
1 year ago
return keys.map(key => {
const value = object[key];
2 years ago
1 year ago
if (value === undefined) {
return '';
}
2 years ago
1 year ago
if (value === null) {
return encode(key, options);
}
2 years ago
1 year ago
if (Array.isArray(value)) {
if (value.length === 0 && options.arrayFormat === 'bracket-separator') {
return encode(key, options) + '[]';
}
2 years ago
1 year ago
return value
.reduce(formatter(key), [])
.join('&');
}
2 years ago
1 year ago
return encode(key, options) + '=' + encode(value, options);
}).filter(x => x.length > 0).join('&');
};
2 years ago
1 year ago
exports.parseUrl = (url, options) => {
options = Object.assign({
decode: true
}, options);
2 years ago
1 year ago
const [url_, hash] = splitOnFirst(url, '#');
2 years ago
1 year ago
return Object.assign(
{
url: url_.split('?')[0] || '',
query: parse(extract(url), options)
},
options && options.parseFragmentIdentifier && hash ? {fragmentIdentifier: decode(hash, options)} : {}
);
};
2 years ago
1 year ago
exports.stringifyUrl = (object, options) => {
options = Object.assign({
encode: true,
strict: true,
[encodeFragmentIdentifier]: true
}, options);
const url = removeHash(object.url).split('?')[0] || '';
const queryFromUrl = exports.extract(object.url);
const parsedQueryFromUrl = exports.parse(queryFromUrl, {sort: false});
const query = Object.assign(parsedQueryFromUrl, object.query);
let queryString = exports.stringify(query, options);
if (queryString) {
queryString = `?${queryString}`;
}
let hash = getHash(object.url);
if (object.fragmentIdentifier) {
hash = `#${options[encodeFragmentIdentifier] ? encode(object.fragmentIdentifier, options) : object.fragmentIdentifier}`;
}
return `${url}${queryString}${hash}`;
};
2 years ago
1 year ago
exports.pick = (input, filter, options) => {
options = Object.assign({
parseFragmentIdentifier: true,
[encodeFragmentIdentifier]: false
}, options);
const {url, query, fragmentIdentifier} = exports.parseUrl(input, options);
return exports.stringifyUrl({
url,
query: filterObj(query, filter),
fragmentIdentifier
}, options);
};
2 years ago
1 year ago
exports.exclude = (input, filter, options) => {
const exclusionFilter = Array.isArray(filter) ? key => !filter.includes(key) : (key, value) => !filter(key, value);
2 years ago
1 year ago
return exports.pick(input, exclusionFilter, options);
};
});
2 years ago
1 year ago
/**
* An ordered stack (latest first) of the latest used leaves.
* Maintained by the main plugin object.
*/
let lastUsedLeaves = [];
function getLastUsedValidMarkdownLeaf() {
var _a;
for (const leaf of lastUsedLeaves) {
if (leaf.parent &&
leaf.view instanceof obsidian.MarkdownView &&
!((_a = leaf.getViewState()) === null || _a === void 0 ? void 0 : _a.pinned)) {
return leaf;
2 years ago
}
1 year ago
}
return null;
}
function formatWithTemplates(s, query = '') {
const datePattern = /{{date:([a-zA-Z\-\/\.\:]*)}}/g;
const queryPattern = /{{query}}/g;
const replaced = s
.replace(datePattern, (_, pattern) => {
// @ts-ignore
return moment().format(pattern);
})
.replace(queryPattern, query);
return replaced;
}
function formatEmbeddedWithTemplates(s, fileName) {
const fileNamePattern = /\$filename\$/g;
const replaced = s.replace(fileNamePattern, fileName);
return replaced;
}
const CURSOR = '$CURSOR$';
function sanitizeFileName(s) {
const illegalChars = /[\?<>:\*\|":]/g;
return s.replace(illegalChars, '-');
}
/**
* Create a new markdown note and populate with the location
* @param app The Obsidian App instance
* @param newNoteType The location format to encode as
* @param directory The directory path to put the file in
* @param fileName The name of the file
* @param location The geolocation
* @param templatePath Optional path to a template to use for constructing the new file
*/
function newNote(app, newNoteType, directory, fileName, location, templatePath) {
return __awaiter(this, void 0, void 0, function* () {
// `$CURSOR$` is used to set the cursor
let content = newNoteType === 'singleLocation'
? `---\nlocation: [${location}]\n---\n\n${CURSOR}`
: `---\nlocations:\n---\n\n\[${CURSOR}](geo:${location})\n`;
let templateContent = '';
if (templatePath && templatePath.length > 0)
templateContent = yield app.vault.adapter.read(templatePath);
if (!directory)
directory = '';
if (!fileName)
fileName = '';
// Apparently in Obsidian Mobile there is no path.join function, not sure why.
// So in case the path module doesn't contain `join`, we do it manually, assuming Unix directory structure.
const filePath = (path__namespace === null || path__namespace === void 0 ? void 0 : path__namespace.join)
? path__namespace.join(directory, fileName)
: directory
? directory + '/' + fileName
: fileName;
let fullName = sanitizeFileName(filePath);
if (yield app.vault.adapter.exists(fullName + '.md'))
fullName += Math.random() * 1000;
const cursorLocation = content.indexOf(CURSOR);
content = content.replace(CURSOR, '');
try {
const file = yield app.vault.create(fullName + '.md', content + templateContent);
return [file, cursorLocation];
3 years ago
}
1 year ago
catch (e) {
console.log('Map View: cannot create file', fullName);
throw Error(`Cannot create file named ${fullName}: ${e}`);
3 years ago
}
1 year ago
});
}
/**
* Go to a character index in the note
* @param editor The Obsidian Editor instance
* @param fileLocation The character index in the file to go to
* @param highlight If true will select the whole line
*/
function goToEditorLocation(editor, fileLocation, highlight) {
return __awaiter(this, void 0, void 0, function* () {
if (fileLocation) {
let pos = editor.offsetToPos(fileLocation);
if (highlight) {
const lineContent = editor.getLine(pos.line);
editor.setSelection({ ch: 0, line: pos.line }, { ch: lineContent.length, line: pos.line });
2 years ago
}
1 year ago
else {
editor.setCursor(pos);
editor.refresh();
3 years ago
}
}
1 year ago
editor.focus();
});
}
// Creates or modifies a front matter that has the field `fieldName: fieldValue`.
// Returns true if a change to the note was made.
function verifyOrAddFrontMatter(editor, fieldName, fieldValue) {
const content = editor.getValue();
const frontMatterRegex = /^---(.*?)^---/ms;
const frontMatter = content.match(frontMatterRegex);
const existingFieldRegex = new RegExp(`^---.*${fieldName}:.*^---`, 'ms');
const existingField = content.match(existingFieldRegex);
const cursorLocation = editor.getCursor();
// That's not the best usage of the API, and rather be converted to editor transactions or something else
// that can preserve the cursor position better
if (frontMatter && !existingField) {
const replaced = `---${frontMatter[1]}${fieldName}: ${fieldValue}\n---`;
editor.setValue(content.replace(frontMatterRegex, replaced));
editor.setCursor({
line: cursorLocation.line + 1,
ch: cursorLocation.ch,
3 years ago
});
1 year ago
return true;
}
else if (!frontMatter) {
const newFrontMatter = `---\n${fieldName}: ${fieldValue}\n---\n\n`;
editor.setValue(newFrontMatter + content);
editor.setCursor({
line: cursorLocation.line + newFrontMatter.split('\n').length - 1,
ch: cursorLocation.ch,
3 years ago
});
1 year ago
return true;
}
return false;
}
function verifyOrAddFrontMatterForInline(editor, settings) {
var _a, _b;
// If the user has a custom tag to denote a location, and this tag exists in the note, there's no need to add
// a front-matter
const tagNameToSearch = (_a = settings.tagForGeolocationNotes) === null || _a === void 0 ? void 0 : _a.trim();
if ((tagNameToSearch === null || tagNameToSearch === void 0 ? void 0 : tagNameToSearch.length) > 0 &&
((_b = editor.getValue()) === null || _b === void 0 ? void 0 : _b.contains(tagNameToSearch)))
return false;
// Otherwise, verify this note has a front matter with an empty 'locations' tag
return verifyOrAddFrontMatter(editor, 'locations', '');
}
function replaceFollowActiveNoteQuery(file, settings) {
return settings.queryForFollowActiveNote.replace(/\$PATH\$/g, file.path);
}
/**
* Returns an open leaf of a map view type, if such exists.
*/
function findOpenMapView(app) {
const maps = app.workspace.getLeavesOfType(MAP_VIEW_NAME);
if (maps && maps.length > 0)
return maps[0].view;
}
function getEditor(app, leafToUse) {
return __awaiter(this, void 0, void 0, function* () {
let view = leafToUse && leafToUse.view instanceof obsidian.MarkdownView
? leafToUse.view
: app.workspace.getActiveViewOfType(obsidian.MarkdownView);
if (view)
return view.editor;
return null;
});
}
/**
* Insert a geo link into the editor at the cursor position
* @param location The geolocation to convert to text and insert
* @param editor The Obsidian Editor instance
* @param replaceStart The EditorPosition to start the replacement at. If null will replace any text selected
* @param replaceLength The EditorPosition to stop the replacement at. If null will replace any text selected
*/
function insertLocationToEditor(location, editor, settings, replaceStart, replaceLength) {
const locationString = `[](geo:${location.lat},${location.lng})`;
const cursor = editor.getCursor();
if (replaceStart && replaceLength) {
editor.replaceRange(locationString, replaceStart, {
line: replaceStart.line,
ch: replaceStart.ch + replaceLength,
3 years ago
});
1 year ago
}
else
editor.replaceSelection(locationString);
// We want to put the cursor right after the beginning of the newly-inserted link
const newCursorPos = replaceStart ? replaceStart.ch + 1 : cursor.ch + 1;
editor.setCursor({ line: cursor.line, ch: newCursorPos });
verifyOrAddFrontMatterForInline(editor, settings);
}
/**
* Matches a string with a regex according to a position (typically of a cursor).
* Will return a result only if a match exists and the given position is part of it.
*/
function matchByPosition(s, r, position) {
const matches = s.matchAll(r);
for (const match of matches) {
if (match.index <= position &&
position <= match.index + match[0].length)
return match;
}
return null;
}
/**
* Returns a list of all the Obsidian tags
*/
function getAllTagNames(app) {
let tags = [];
const allFiles = app.vault.getMarkdownFiles();
for (const file of allFiles) {
const fileCache = app.metadataCache.getFileCache(file);
const fileTagNames = obsidian.getAllTags(fileCache) || [];
if (fileTagNames.length > 0) {
tags = tags.concat(fileTagNames.filter((tagName) => tags.indexOf(tagName) < 0));
3 years ago
}
1 year ago
}
tags = tags.sort();
return tags;
}
function isMobile(app) {
return app === null || app === void 0 ? void 0 : app.isMobile;
}
function trimmedFileName(file) {
const MAX_LENGTH = 12;
const name = file.basename;
if (name.length > MAX_LENGTH)
return (name.slice(0, MAX_LENGTH / 2) +
'...' +
name.slice(name.length - MAX_LENGTH / 2));
else
return name;
}
function mouseEventToOpenMode(settings, ev, settingType) {
// There are events that don't include middle-click information (some 'click' handlers), so in such cases
// we invoke this function from keyDown, and don't want to invoke it twice in case it wasn't actually
// a middle click
if (settingType === 'openNote') {
if (ev.button === 1)
return settings.markerMiddleClickBehavior;
else if (ev.ctrlKey)
return settings.markerCtrlClickBehavior;
else
return settings.markerClickBehavior;
}
else {
if (ev.button === 1)
return settings.openMapMiddleClickBehavior;
else if (ev.ctrlKey)
return settings.openMapCtrlClickBehavior;
else
return settings.openMapBehavior;
}
}
function djb2Hash(s) {
var hash = 5381;
for (var i = 0; i < s.length; i++) {
hash = (hash << 5) + hash + s.charCodeAt(i); /* hash * 33 + c */
}
return hash.toString();
}
2 years ago
1 year ago
/** A class to convert a string (usually a URL) into geolocation format */
class UrlConvertor {
constructor(app, settings) {
this.settings = settings;
}
/**
* Parse the current editor line using the user defined URL parsers.
* Returns leaflet.LatLng on success and null on failure.
* @param editor The Obsidian Editor instance to use
*/
hasMatchInLine(editor) {
const cursor = editor.getCursor();
const result = this.parseLocationFromUrl(editor.getLine(cursor.line));
return result != null;
}
/**
* Get geolocation from an encoded string (a URL, a lat,lng string or a URL to parse).
* Will try each url parsing rule until one succeeds.
* The returned value can either be a parsed & ready geolocation, or it can be a promise that still needs
* to be resolved in the background (in the case of parsing a URL).
* To just check if the line contains a string that can be parsed, the result can be compared to null,
* but to use the value, you must await in case it's a Promise.
* @param line The string to decode
*/
parseLocationFromUrl(line) {
for (const rule of this.settings.urlParsingRules) {
const regexp = RegExp(rule.regExp, 'g');
const results = line.matchAll(regexp);
for (let result of results) {
2 years ago
try {
1 year ago
if (rule.ruleType === 'fetch') {
const url = result[1];
if (!url || url.length <= 0)
continue;
return this.parseGeolocationWithFetch(url, rule, result.index, result[0].length);
}
else {
return {
location: rule.ruleType === 'latLng'
? new leafletSrc.LatLng(parseFloat(result[1]), parseFloat(result[2]))
: new leafletSrc.LatLng(parseFloat(result[2]), parseFloat(result[1])),
index: result.index,
matchLength: result[0].length,
ruleName: rule.name,
};
}
2 years ago
}
1 year ago
catch (e) { }
3 years ago
}
2 years ago
}
1 year ago
return null;
}
parseGeolocationWithFetch(url, rule, userTextMatchIndex, userTextMatchLength) {
return __awaiter(this, void 0, void 0, function* () {
const urlContent = yield obsidian.request({ url: url });
if (this.settings.debug)
console.log('Fetch result for URL', url, ':', urlContent);
const contentMatch = urlContent.match(rule.contentParsingRegExp);
if (!contentMatch)
return null;
let geolocation = null;
// TODO: Experimental, possibly unfinished code!
if (rule.contentType === 'latLng' && contentMatch.length > 2)
geolocation = new leafletSrc.LatLng(parseFloat(contentMatch[1]), parseFloat(contentMatch[2]));
else if (rule.contentType === 'lngLat' && contentMatch.length > 2)
geolocation = new leafletSrc.LatLng(parseFloat(contentMatch[2]), parseFloat(contentMatch[1]));
else if (rule.contentType === 'googlePlace') {
const placeName = contentMatch[1];
if (this.settings.debug)
console.log('Google Place search:', placeName);
// TODO work in progress
// const places = await googlePlacesSearch(placeName, this.settings);
// if (places && places.length > 0) geolocation = places[0].location;
3 years ago
}
1 year ago
if (geolocation)
return {
location: geolocation,
index: userTextMatchIndex,
matchLength: userTextMatchLength,
ruleName: rule.name,
};
});
}
getGeolocationFromGoogleLink(url, settings) {
return __awaiter(this, void 0, void 0, function* () {
const content = yield obsidian.request({ url: url });
if (this.settings.debug)
console.log('Google link: searching url', url);
const placeNameMatch = content.match(/<meta content="([^\"]*)" itemprop="name">/);
if (placeNameMatch) {
const placeName = placeNameMatch[1];
if (this.settings.debug)
console.log('Google link: found place name = ', placeName);
const googleApiKey = settings.geocodingApiKey;
const params = {
query: placeName,
key: googleApiKey,
};
const googleUrl = 'https://maps.googleapis.com/maps/api/place/textsearch/json?' +
queryString.stringify(params);
const googleContent = yield obsidian.request({ url: googleUrl });
const jsonContent = JSON.parse(googleContent);
if (jsonContent &&
'results' in jsonContent &&
(jsonContent === null || jsonContent === void 0 ? void 0 : jsonContent.results.length) > 0) {
const location = jsonContent.results[0].location;
if (location && location.lat && location.lng)
return new leafletSrc.LatLng(location.lat, location.lng);
3 years ago
}
3 years ago
}
1 year ago
return null;
});
}
/**
* Replace the text at the cursor location with a geo link
* @param editor The Obsidian Editor instance
*/
convertUrlAtCursorToGeolocation(editor) {
return __awaiter(this, void 0, void 0, function* () {
const cursor = editor.getCursor();
const result = this.parseLocationFromUrl(editor.getLine(cursor.line));
let geolocation;
if (result instanceof Promise)
geolocation = yield result;
else
geolocation = result;
if (geolocation)
insertLocationToEditor(geolocation.location, editor, this.settings, { line: cursor.line, ch: geolocation.index }, geolocation.matchLength);
});
}
}
3 years ago
1 year ago
class GeoSearcher {
constructor(app, settings) {
this.searchProvider = null;
this.settings = settings;
this.urlConvertor = new UrlConvertor(app, settings);
if (settings.searchProvider == 'osm')
this.searchProvider = new O();
else if (settings.searchProvider == 'google') {
this.searchProvider = new A({
apiKey: settings.geocodingApiKey,
});
}
}
search(query, searchArea = null) {
return __awaiter(this, void 0, void 0, function* () {
let results = [];
// Parsed URL result
const parsedResultOrPromise = this.urlConvertor.parseLocationFromUrl(query);
if (parsedResultOrPromise) {
const parsedResult = parsedResultOrPromise instanceof Promise
? yield parsedResultOrPromise
: parsedResultOrPromise;
results.push({
name: `Parsed from ${parsedResult.ruleName}: ${parsedResult.location.lat}, ${parsedResult.location.lng}`,
location: parsedResult.location,
resultType: 'url',
});
}
// Google Place results
if (this.settings.searchProvider == 'google' &&
this.settings.useGooglePlaces &&
this.settings.geocodingApiKey) {
try {
const placesResults = yield googlePlacesSearch(query, this.settings, searchArea === null || searchArea === void 0 ? void 0 : searchArea.getCenter());
for (const result of placesResults)
results.push({
name: result.name,
location: result.location,
resultType: 'searchResult',
});
2 years ago
}
1 year ago
catch (e) {
console.log('Map View: Google Places search failed: ', e.message);
}
}
else {
(searchArea === null || searchArea === void 0 ? void 0 : searchArea.getSouthWest()) || null;
(searchArea === null || searchArea === void 0 ? void 0 : searchArea.getNorthEast()) || null;
let searchResults = yield this.searchProvider.search({
query: query,
});
searchResults = searchResults.slice(0, MAX_EXTERNAL_SEARCH_SUGGESTIONS);
results = results.concat(searchResults.map((result) => ({
name: result.label,
location: new leafletSrc.LatLng(result.y, result.x),
resultType: 'searchResult',
})));
}
return results;
});
}
}
function googlePlacesSearch(query, settings, centerOfSearch) {
var _a;
return __awaiter(this, void 0, void 0, function* () {
if (settings.searchProvider != 'google' || !settings.useGooglePlaces)
return [];
const googleApiKey = settings.geocodingApiKey;
const params = {
query: query,
key: googleApiKey,
};
if (centerOfSearch)
params['location'] = `${centerOfSearch.lat},${centerOfSearch.lng}`;
const googleUrl = 'https://maps.googleapis.com/maps/api/place/textsearch/json?' +
queryString.stringify(params);
const googleContent = yield obsidian.request({ url: googleUrl });
const jsonContent = JSON.parse(googleContent);
let results = [];
if (jsonContent &&
'results' in jsonContent &&
(jsonContent === null || jsonContent === void 0 ? void 0 : jsonContent.results.length) > 0) {
for (const result of jsonContent.results) {
const location = (_a = result.geometry) === null || _a === void 0 ? void 0 : _a.location;
if (location && location.lat && location.lng) {
const geolocation = new leafletSrc.LatLng(location.lat, location.lng);
results.push({
name: `${result === null || result === void 0 ? void 0 : result.name} (${result === null || result === void 0 ? void 0 : result.formatted_address})`,
location: geolocation,
resultType: 'searchResult',
});
}
}
2 years ago
}
1 year ago
return results;
});
}
3 years ago
1 year ago
class LocationSuggest extends obsidian.EditorSuggest {
constructor(app, settings) {
super(app);
this.cursorInsideGeolinkFinder = /\[(.*?)\]\(geo:.*?\)/g;
this.lastSearchTime = 0;
this.delayInMs = 250;
this.settings = settings;
this.searcher = new GeoSearcher(app, settings);
}
onTrigger(cursor, editor, file) {
const currentLink = this.getGeolinkOfCursor(cursor, editor);
if (currentLink)
return {
start: { line: cursor.line, ch: currentLink.index },
end: { line: cursor.line, ch: currentLink.linkEnd },
query: currentLink.name,
2 years ago
};
1 year ago
return null;
}
getSuggestions(context) {
return __awaiter(this, void 0, void 0, function* () {
if (context.query.length < 2)
return [];
return yield this.getSearchResultsWithDelay(context);
});
}
renderSuggestion(value, el) {
el.setText(value.name);
}
selectSuggestion(value, evt) {
// Replace the link under the cursor with the retrieved location.
// We call getGeolinkOfCursor again instead of using the original context because it's possible that
// the user continued to type text after the suggestion was made
const currentCursor = value.context.editor.getCursor();
const linkOfCursor = this.getGeolinkOfCursor(currentCursor, value.context.editor);
const finalResult = `[${value.context.query}](geo:${value.location.lat},${value.location.lng})`;
value.context.editor.replaceRange(finalResult, { line: currentCursor.line, ch: linkOfCursor.index }, { line: currentCursor.line, ch: linkOfCursor.linkEnd });
if (verifyOrAddFrontMatterForInline(value.context.editor, this.settings))
new obsidian.Notice("The note's front matter was updated to denote locations are present");
}
getGeolinkOfCursor(cursor, editor) {
const results = editor
.getLine(cursor.line)
.matchAll(this.cursorInsideGeolinkFinder);
if (!results)
return null;
for (let result of results) {
const linkName = result[1];
if (cursor.ch >= result.index &&
cursor.ch < result.index + linkName.length + 2)
return {
index: result.index,
name: linkName,
linkEnd: result.index + result[0].length,
};
2 years ago
}
1 year ago
return null;
}
getSearchResultsWithDelay(context) {
return __awaiter(this, void 0, void 0, function* () {
const timestamp = Date.now();
this.lastSearchTime = timestamp;
const Sleep = (ms) => new Promise((resolve) => setTimeout(resolve, ms));
yield Sleep(this.delayInMs);
if (this.lastSearchTime != timestamp) {
// Search is canceled by a newer search
return null;
}
// After the sleep our search is still the last -- so the user stopped and we can go on
const searchResults = yield this.searcher.search(context.query);
let suggestions = [];
for (const result of searchResults)
suggestions.push(Object.assign(Object.assign({}, result), { context: context }));
return suggestions;
});
}
selectionToLink(editor) {
return __awaiter(this, void 0, void 0, function* () {
const selection = editor.getSelection();
const results = yield this.searcher.search(selection);
if (results && results.length > 0) {
const firstResult = results[0];
const location = firstResult.location;
editor.replaceSelection(`[${selection}](geo:${location.lat},${location.lng})`);
new obsidian.Notice(firstResult.name, 10 * 1000);
if (verifyOrAddFrontMatterForInline(editor, this.settings))
new obsidian.Notice("The note's front matter was updated to denote locations are present");
}
else {
new obsidian.Notice(`No location found for the term '${selection}'`);
}
});
}
}
3 years ago
1 year ago
function copyState(state) {
return Object.assign({}, state);
}
function mergeStates(state1, state2) {
// Overwrite an existing state with a new one, that may have null or partial values which need to be ignored
// and taken from the existing state
const clearedState = Object.fromEntries(Object.entries(state2).filter(([_, value]) => value != null));
return structuredClone(Object.assign(Object.assign({}, state1), clearedState));
}
const xor = (a, b) => (a && !b) || (!a && b);
function areStatesEqual(state1, state2) {
if (!state1 || !state2)
return false;
if (xor(state1.mapCenter, state2.mapCenter))
return false;
if (state1.mapCenter) {
// To compare locations we need to construct an actual LatLng object because state1 may just
// be a simple dict and not an actual LatLng
const mapCenter1 = new leafletSrc.LatLng(state1.mapCenter.lat, state1.mapCenter.lng);
const mapCenter2 = new leafletSrc.LatLng(state2.mapCenter.lat, state2.mapCenter.lng);
if (mapCenter1.distanceTo(mapCenter2) > 1000)
return false;
}
return (state1.query === state2.query &&
state1.mapZoom === state2.mapZoom &&
state1.chosenMapSource === state2.chosenMapSource &&
state1.embeddedHeight === state2.embeddedHeight &&
state1.autoFit === state2.autoFit &&
state1.lock === state2.lock);
}
function stateToRawObject(state) {
return Object.assign({ name: state.name, mapZoom: state.mapZoom, centerLat: state.mapCenter.lat, centerLng: state.mapCenter.lng, query: state.query, chosenMapSource: state.chosenMapSource, autoFit: state.autoFit, lock: state.lock }, (state.embeddedHeight && { embeddedHeight: state.embeddedHeight }));
}
function stateToUrl(state) {
return queryString.stringify(stateToRawObject(state));
}
function stateFromParsedUrl(obj) {
return Object.assign({ name: obj.name, mapZoom: obj.mapZoom ? parseInt(obj.mapZoom) : null, mapCenter: obj.centerLat && obj.centerLng
? new leafletSrc.LatLng(parseFloat(obj.centerLat), parseFloat(obj.centerLng))
: null, query: obj.query, chosenMapSource: obj.chosenMapSource != null ? parseInt(obj.chosenMapSource) : null, autoFit: obj === null || obj === void 0 ? void 0 : obj.autoFit, lock: obj === null || obj === void 0 ? void 0 : obj.lock }, (obj.embeddedHeight && {
embeddedHeight: parseInt(obj.embeddedHeight),
}));
}
function getCodeBlock(state) {
const params = JSON.stringify(stateToRawObject(state));
const block = `\`\`\`mapview
${params}
\`\`\``;
return block;
}
3 years ago
1 year ago
/*!
* leaflet-extra-markers
* Custom Markers for Leaflet JS based on Awesome Markers
* Leaflet ExtraMarkers
* https://github.com/coryasilva/Leaflet.ExtraMarkers/
* @author coryasilva <https://github.com/coryasilva>
* @version 1.2.1
*/
3 years ago
1 year ago
createCommonjsModule(function (module, exports) {
(function (global, factory) {
factory(exports) ;
}(commonjsGlobal, (function (exports) {
var ExtraMarkers = L.ExtraMarkers = {};
ExtraMarkers.version = L.ExtraMarkers.version = "1.2.1";
ExtraMarkers.Icon = L.ExtraMarkers.Icon = L.Icon.extend({
options: {
iconSize: [ 35, 45 ],
iconAnchor: [ 17, 42 ],
popupAnchor: [ 1, -32 ],
shadowAnchor: [ 10, 12 ],
shadowSize: [ 36, 16 ],
className: "",
prefix: "",
extraClasses: "",
shape: "circle",
icon: "",
innerHTML: "",
markerColor: "red",
svgBorderColor: "#fff",
svgOpacity: 1,
iconColor: "#fff",
iconRotate: 0,
number: "",
svg: false,
name: ""
},
initialize: function(options) {
options = L.Util.setOptions(this, options);
},
createIcon: function() {
var div = document.createElement("div"), options = this.options;
if (options.icon) {
div.innerHTML = this._createInner();
2 years ago
}
1 year ago
if (options.innerHTML) {
div.innerHTML = options.innerHTML;
}
if (options.bgPos) {
div.style.backgroundPosition = -options.bgPos.x + "px " + -options.bgPos.y + "px";
}
if (!options.svg) {
this._setIconStyles(div, options.shape + "-" + options.markerColor);
} else {
this._setIconStyles(div, "svg");
}
return div;
},
_getColorHex: function (color) {
var colorMap = {
red: "#a23337",
"orange-dark": "#d73e29",
orange: "#ef9227",
yellow: "#f5bb39",
"blue-dark": "#276273",
cyan: "#32a9dd",
purple: "#440444",
violet: "#90278d",
pink: "#c057a0",
green: "#006838",
white: "#e8e8e8",
black: "#211c1d"
};
return colorMap[color] || color;
},
_createSvg: function (shape, markerColor) {
var svgMap = {
circle: '<svg width="32" height="44" viewBox="0 0 35 45" xmlns="http://www.w3.org/2000/svg"><path d="M17.5 2.746c-8.284 0-15 6.853-15 15.307 0 .963.098 1.902.265 2.816a15.413 15.413 0 002.262 5.684l.134.193 12.295 17.785 12.439-17.863.056-.08a15.422 15.422 0 002.343-6.112c.123-.791.206-1.597.206-2.423 0-8.454-6.716-15.307-15-15.307" fill="' + markerColor + '" /><path d="M17.488 2.748c-8.284 0-15 6.853-15 15.307 0 .963.098 1.902.265 2.816a15.413 15.413 0 002.262 5.684l.134.193 12.295 17.785 12.44-17.863.055-.08a15.422 15.422 0 002.343-6.112c.124-.791.206-1.597.206-2.423 0-8.454-6.716-15.307-15-15.307m0 1.071c7.68 0 13.929 6.386 13.929 14.236 0 .685-.064 1.423-.193 2.258-.325 2.075-1.059 3.99-2.164 5.667l-.055.078-11.557 16.595L6.032 26.14l-.12-.174a14.256 14.256 0 01-2.105-5.29 14.698 14.698 0 01-.247-2.62c0-7.851 6.249-14.237 13.928-14.237" fill="#231f20" opacity=".15" /></svg>',
square: '<svg width="33" height="44" viewBox="0 0 35 45" xmlns="http://www.w3.org/2000/svg"><path d="M28.205 3.217H6.777c-2.367 0-4.286 1.87-4.286 4.179v19.847c0 2.308 1.919 4.179 4.286 4.179h5.357l5.337 13.58 5.377-13.58h5.357c2.366 0 4.285-1.87 4.285-4.179V7.396c0-2.308-1.919-4.179-4.285-4.179" fill="' + markerColor + '" /><g opacity=".15" transform="matrix(1.0714 0 0 -1.0714 -233.22 146.783)"><path d="M244 134h-20c-2.209 0-4-1.746-4-3.9v-18.525c0-2.154 1.791-3.9 4-3.9h5L233.982 95 239 107.675h5c2.209 0 4 1.746 4 3.9V130.1c0 2.154-1.791 3.9-4 3.9m0-1c1.654 0 3-1.301 3-2.9v-18.525c0-1.599-1.346-2.9-3-2.9h-5.68l-.25-.632-4.084-10.318-4.055 10.316-.249.634H224c-1.654 0-3 1.301-3 2.9V130.1c0 1.599 1.346 2.9 3 2.9h20" fill="#231f20" /></g></svg>',
star: '<svg width="34" height="44" viewBox="0 0 35 45" xmlns="http://www.w3.org/2000/svg"><path d="M32.92 16.93l-3.525-3.525V8.419a1.983 1.983 0 00-1.983-1.982h-4.985L18.9 2.91a1.984 1.984 0 00-2.803 0l-3.524 3.526H7.588a1.983 1.983 0 00-1.982 1.982v4.986L2.081 16.93a1.982 1.982 0 000 2.803l3.525 3.526v4.984c0 1.096.888 1.983 1.982 1.983h4.986L17.457 45l4.97-14.773h4.985a1.983 1.983 0 001.983-1.983V23.26l3.525-3.526a1.982 1.982 0 000-2.803" fill="' + markerColor + '" /><g opacity=".15" transform="matrix(1.0667 0 0 -1.0667 -347.3 97.26)"><path d="M342 89c-.476 0-.951-.181-1.314-.544l-3.305-3.305h-4.673a1.858 1.858 0 01-1.859-1.858v-4.674l-3.305-3.305a1.857 1.857 0 010-2.627l3.305-3.305v-4.674a1.86 1.86 0 011.859-1.859h4.673L341.959 49l4.659 13.849h4.674a1.86 1.86 0 011.859 1.859v4.674l3.305 3.305a1.858 1.858 0 010 2.627l-3.305 3.305v4.674a1.859 1.859 0 01-1.859 1.858h-4.674l-3.304 3.305A1.851 1.851 0 01342 89m0-1a.853.853 0 00.607-.251l3.304-3.305.293-.293h5.088a.86.86 0 00.859-.858v-5.088l3.598-3.598A.852.852 0 00356 74a.85.85 0 00-.251-.606l-3.598-3.598v-5.088a.86.86 0 00-.859-.859h-5.393l-.229-.681-3.702-11.006-3.637 11.001-.227.686h-5.396a.86.86 0 00-.859.859v5.088l-3.598 3.598c-.162.162-.251.377-.251.606s.089.445.251.607l3.598 3.598v5.088a.86.86 0 00.859.858h5.087l3.598 3.598A.853.853 0 00342 88" fill="#231f20" /></g></svg>',
penta: '<svg width="33" height="44" viewBox="0 0 35 45" xmlns="http://www.w3.org/2000/svg"><path d="M1.872 17.35L9.679 2.993h15.615L33.1 17.35 17.486 44.992z" fill="' + markerColor + '" /><g opacity=".15" transform="matrix(1.0769 0 0 -1.0769 -272.731 48.23)"><path d="M276.75 42h-14.5L255 28.668 269.5 3 284 28.668zm-.595-1l6.701-12.323L269.5 5.033l-13.356 23.644L262.845 41z" fill="#231f20" /></g></svg>'
};
return svgMap[shape];
},
_createInner: function() {
var iconStyle = "", iconNumber = "", iconClass = "", result = "", options = this.options;
if (options.iconColor) {
iconStyle = "color: " + options.iconColor + ";";
}
if (options.iconRotate !== 0) {
iconStyle += "-webkit-transform: rotate(" + options.iconRotate + "deg);";
iconStyle += "-moz-transform: rotate(" + options.iconRotate + "deg);";
iconStyle += "-o-transform: rotate(" + options.iconRotate + "deg);";
iconStyle += "-ms-transform: rotate(" + options.iconRotate + "deg);";
iconStyle += "transform: rotate(" + options.iconRotate + "deg);";
}
if (options.number) {
iconNumber = 'number="' + options.number + '" ';
}
if (options.extraClasses.length) {
iconClass += options.extraClasses + " ";
}
if (options.prefix.length) {
iconClass += options.prefix + " ";
}
if (options.icon.length) {
iconClass += options.icon + " ";
}
if (options.svg) {
result += this._createSvg(options.shape, this._getColorHex(options.markerColor));
2 years ago
}
3 years ago
1 year ago
result += '<i ' + iconNumber + 'style="' + iconStyle + '" class="' + iconClass + '"></i>';
3 years ago
1 year ago
if (options.name.length) {
result += '<div class="' + (options.nameClasses !== undefined ? options.nameClasses : '') + '">' + options.name + '</div>';
}
3 years ago
1 year ago
return result;
},
_setIconStyles: function(img, name) {
var options = this.options, size = L.point(options[name === "shadow" ? "shadowSize" : "iconSize"]), anchor, leafletName;
if (name === "shadow") {
anchor = L.point(options.shadowAnchor || options.iconAnchor);
leafletName = "shadow";
} else {
anchor = L.point(options.iconAnchor);
leafletName = "icon";
}
if (!anchor && size) {
anchor = size.divideBy(2, true);
}
img.className = "leaflet-marker-" + leafletName + " extra-marker extra-marker-" + name + " " + options.className;
if (anchor) {
img.style.marginLeft = -anchor.x + "px";
img.style.marginTop = -anchor.y + "px";
}
if (size) {
img.style.width = size.x + "px";
img.style.height = size.y + "px";
}
},
createShadow: function() {
var div = document.createElement("div");
this._setIconStyles(div, "shadow");
return div;
2 years ago
}
1 year ago
});
ExtraMarkers.icon = L.ExtraMarkers.icon = function(options) {
return new L.ExtraMarkers.Icon(options);
};
3 years ago
1 year ago
exports.ExtraMarkers = ExtraMarkers;
3 years ago
1 year ago
Object.defineProperty(exports, '__esModule', { value: true });
3 years ago
1 year ago
})));
3 years ago
2 years ago
1 year ago
});
1 year ago
function styleInject(css, ref) {
if ( ref === void 0 ) ref = {};
var insertAt = ref.insertAt;
1 year ago
if (!css || typeof document === 'undefined') { return; }
1 year ago
var head = document.head || document.getElementsByTagName('head')[0];
var style = document.createElement('style');
style.type = 'text/css';
1 year ago
if (insertAt === 'top') {
if (head.firstChild) {
head.insertBefore(style, head.firstChild);
} else {
head.appendChild(style);
}
} else {
head.appendChild(style);
}
1 year ago
if (style.styleSheet) {
style.styleSheet.cssText = css;
} else {
style.appendChild(document.createTextNode(css));
}
}
1 year ago
var css_248z$4 = "/*!\n * leaflet-extra-markers\n * Custom Markers for Leaflet JS based on Awesome Markers\n * Leaflet ExtraMarkers\n * https://github.com/coryasilva/Leaflet.ExtraMarkers/\n * @author coryasilva <https://github.com/coryasilva>\n * @version 1.2.1\n */.extra-marker{background:url(\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAhwAAAC4CAYAAACo7DWtAAAACXBIWXMAAAsTAAALEwEAmpwYAAAKT2lDQ1BQaG90b3Nob3AgSUNDIHByb2ZpbGUAAHjanVNnVFPpFj333vRCS4iAlEtvUhUIIFJCi4AUkSYqIQkQSoghodkVUcERRUUEG8igiAOOjoCMFVEsDIoK2AfkIaKOg6OIisr74Xuja9a89+bN/rXXPues852zzwfACAyWSDNRNYAMqUIeEeCDx8TG4eQuQIEKJHAAEAizZCFz/SMBAPh+PDwrIsAHvgABeNMLCADATZvAMByH/w/qQplcAYCEAcB0kThLCIAUAEB6jkKmAEBGAYCdmCZTAKAEAGDLY2LjAFAtAGAnf+bTAICd+Jl7AQBblCEVAaCRACATZYhEAGg7AKzPVopFAFgwABRmS8Q5ANgtADBJV2ZIALC3AMDOEAuyAAgMADBRiIUpAAR7AGDIIyN4AISZABRG8lc88SuuEOcqAAB4mbI8uSQ5RYFbCC1xB1dXLh4ozkkXKxQ2YQJhmkAuwnmZGTKBNA/g88wAAKCRFRHgg/P9eM4Ors7ONo62Dl8t6r8G/yJiYuP+5c+rcEAAAOF0ftH+LC+zGoA7BoBt/qIl7gRoXgugdfeLZrIPQLUAoOnaV/Nw+H48PEWhkLnZ2eXk5NhKxEJbYcpXff5nwl/AV/1s+X48/Pf14L7iJIEyXYFHBPjgwsz0TKUcz5IJhGLc5o9H/LcL//wd0yLESWK5WCoU41EScY5EmozzMqUiiUKSKcUl0v9k4t8s+wM+3zUAsGo+AXuRLahdYwP2SycQWHTA4vcAAPK7b8HUKAgDgGiD4c93/+8//UegJQCAZkmScQAAXkQkLlTKsz/HCAAARKCBKrBBG/TBGCzABhzBBdzBC/xgNoRCJMTCQhBCCmSAHHJgKayCQiiGzbAdKmAv1EAdNMBRaIaTcA4uwlW4Dj1wD/phCJ7BKLyBCQRByAgTYSHaiAFiilgjjggXmYX4IcFIBBKLJCDJiBRRIkuRNUgxUopUIFVIHfI9cgI5h1xGupE7yAAygvyGvEcxlIGyUT3UDLVDuag3GoRGogvQZHQxmo8WoJvQcrQaPYw2oefQq2gP2o8+Q8cwwOgYBzPEbDAuxsNCsTgsCZNjy7EirAyrxhqwVqwDu4n1Y8+xdwQSgUXACTYEd0IgYR5BSFhMWE7YSKggHCQ0EdoJNwkDhFHCJyKTqEu0JroR+cQYYjIxh1hILCPWEo8TLxB7iEPENyQSiUMyJ7mQAkmxpFTSEtJG0m5SI+ksqZs0SBojk8naZGuyBzmULCAryIXkneTD5DPkG+Qh8lsKnWJAcaT4U+IoUspqShnlEOU05QZlmDJBVaOaUt2ooVQRNY9aQq2htlKvUYeoEzR1mjnNgxZJS6WtopXTGmgXaPdpr+h0uhHdlR5Ol9BX0svpR+iX6AP0dwwNhhWDx4hnKBmbGAcYZxl3GK+YTKYZ04sZx1QwNzHrmOeZD5lvVVgqtip8FZHKCpVKlSaVGyovVKmqpqreqgtV81XLVI+pXlN9rkZVM1PjqQnUlqtVqp1Q61MbU2epO6iHqmeob1Q/pH5Z/YkGWcNMw09DpFGgsV/jvMYgC2MZs3gsIWsNq4Z1gTXEJrHN2Xx2KruY/R27iz2qqaE5QzNKM1ezUvOUZj8H45hx+Jx0TgnnKKeX836K3hTvKeIpG6Y0TLkxZVxrqpaXllirSKtRq0frvTau7aedpr1Fu1n7gQ5Bx0onXCdHZ4/OBZ3nU9lT3acKpxZNPTr1ri6qa6UbobtEd79up+6Ynr5egJ5Mb6feeb3n+hx9L/1U/W36p/VHDFgGswwkBtsMzhg8xTVxbzwdL8fb8VFDXcNAQ6VhlWGX4YSRudE8o9VGjUYPjGnGXOMk423GbcajJgYmISZLTepN7ppSTbmmKaY7TDtMx83MzaLN1pk1mz0x1zLnm+eb15vft2BaeFostqi2uGVJsuRaplnutrxuhVo5WaVYVVpds0atna0l1rutu6cRp7lOk06rntZnw7Dxtsm2qbcZsOXYBtuutm22fWFnYhdnt8Wuw+6TvZN9un2N/T0HDYfZDqsdWh1+c7RyFDpWOt6azpzuP33F9JbpL2dYzxDP2DPjthPLKcRpnVOb00dnF2e5c4PziIuJS4LLLpc+Lpsbxt3IveRKdPVxXeF60vWdm7Obwu2o26/uNu5p7ofcn8w0nymeWTNz0MPIQ+BR5dE/C5+VMGvfrH5PQ0+BZ7XnIy9jL5FXrdewt6V3qvdh7xc+9j5yn+M+4zw33jLeWV/MN8C3yLfLT8Nvnl+F30N/I/9k/3r/0QCngCUBZwOJgUGBWwL7+Hp8Ib+OPzrbZfay2e1BjKC5QRVBj4KtguXBrSFoyOyQrSH355jOkc5pDoVQfujW0Adh5mGLw34MJ4WHhVeGP45wiFga0TGXNXfR3ENz30T6RJZE3ptnMU85ry1KNSo+qi5qPNo3ujS6P8YuZlnM1VidWElsSxw5LiquNm5svt/87fOH4p3iC+N7F5gvyF1weaHOwvSFpxapLhIsOpZATIhOOJTwQRAqqBaMJfITdyWOCnnCHcJnIi/RNtGI2ENcKh5O8kgqTXqS7JG8NXkkxTOlLOW5hCepkLxMDUzdmzqeFpp2IG0yPTq9MYOSkZBxQqohTZO2Z+pn5mZ2y6xlhbL+xW6Lty8elQfJa7OQrAVZLQq2QqboVFoo1yoHsmdlV2a/zYnKOZarnivN7cyzytuQN5zvn//tEsIS4ZK2pYZLVy0dWOa9rGo5sjxxedsK4xUFK4ZWBqw8uIq2Km3VT6vtV5eufr0mek1rgV7ByoLBtQFr6wtVCuWFfevc1+1dT1gvWd+1YfqGnRs+FYmKrhTbF5cVf9go3HjlG4dvyr+Z3JS0qavEuWTPZtJm6ebeLZ5bDpaql+aXDm4N2dq0Dd9WtO319kXbL5fNKNu7g7ZDuaO/PLi8ZafJzs07P1SkVPRU+lQ27tLdtWHX+G7R7ht7vPY07NXbW7z3/T7JvttVAVVN1WbVZftJ+7P3P66Jqun4lvttXa1ObXHtxwPSA/0HIw6217nU1R3SPVRSj9Yr60cOxx++/p3vdy0NNg1VjZzG4iNwRHnk6fcJ3/ceDTradox7rOEH0x92HWcdL2pCmvKaRptTmvtbYlu6T8w+0dbq3nr8R9sfD5w0PFl5SvNUyWna6YLTk2fyz4ydlZ19fi753GDborZ752PO32oPb++6EHTh0kX/i+c7vDvOXPK4dPKy2+UTV7hXmq86X23qdOo8/pPTT8e7nLuarrlca7nuer21e2b36RueN87d9L158Rb/1tWeOT3dvfN6b/fF9/XfFt1+cif9zsu72Xcn7q28T7xf9EDtQdlD3YfVP1v+3Njv3H9qwHeg89HcR/cGhYPP/pH1jw9DBY+Zj8uGDYbrnjg+OTniP3L96fynQ89kzyaeF/6i/suuFxYvfvjV69fO0ZjRoZfyl5O/bXyl/erA6xmv28bCxh6+yXgzMV70VvvtwXfcdx3vo98PT+R8IH8o/2j5sfVT0Kf7kxmTk/8EA5jz/GMzLdsAAAAgY0hSTQAAeiUAAICDAAD5/wAAgOkAAHUwAADqYAAAOpgAABdvkl/FRgAByShJREFUeNrs/XeUZVlWHwj/jrvuufA2I9JXZVV1talqR9MO1HTT1d4LEB4EI/QJK/GBhAQLCUaMNIwAzSBAeGhgNI268XRh2tIU7cpnVmVm
styleInject(css_248z$4);
1 year ago
/* jshint node: true */
1 year ago
var REGEXP_PARTS = /(\*|\?)/g;
1 year ago
/**
# wildcard
1 year ago
Very simple wildcard matching, which is designed to provide the same
functionality that is found in the
[eve](https://github.com/adobe-webplatform/eve) eventing library.
1 year ago
## Usage
1 year ago
It works with strings:
1 year ago
<<< examples/strings.js
1 year ago
Arrays:
1 year ago
<<< examples/arrays.js
1 year ago
Objects (matching against keys):
3 years ago
1 year ago
<<< examples/objects.js
1 year ago
## Alternative Implementations
1 year ago
- <https://github.com/isaacs/node-glob>
1 year ago
Great for full file-based wildcard matching.
1 year ago
- <https://github.com/sindresorhus/matcher>
1 year ago
A well cared for and loved JS wildcard matcher.
**/
1 year ago
function WildcardMatcher(text, separator) {
this.text = text = text || '';
this.hasWild = text.indexOf('*') >= 0;
this.separator = separator;
this.parts = text.split(separator).map(this.classifyPart.bind(this));
}
1 year ago
WildcardMatcher.prototype.match = function(input) {
var matches = true;
var parts = this.parts;
var ii;
var partsCount = parts.length;
var testParts;
1 year ago
if (typeof input == 'string' || input instanceof String) {
if (!this.hasWild && this.text != input) {
matches = false;
} else {
testParts = (input || '').split(this.separator);
for (ii = 0; matches && ii < partsCount; ii++) {
if (parts[ii] === '*') {
continue;
} else if (ii < testParts.length) {
matches = parts[ii] instanceof RegExp
? parts[ii].test(testParts[ii])
: parts[ii] === testParts[ii];
2 years ago
} else {
1 year ago
matches = false;
2 years ago
}
1 year ago
}
2 years ago
1 year ago
// If matches, then return the component parts
matches = matches && testParts;
}
}
else if (typeof input.splice == 'function') {
matches = [];
2 years ago
1 year ago
for (ii = input.length; ii--; ) {
if (this.match(input[ii])) {
matches[matches.length] = input[ii];
}
}
}
else if (typeof input == 'object') {
matches = {};
2 years ago
1 year ago
for (var key in input) {
if (this.match(key)) {
matches[key] = input[key];
}
}
}
2 years ago
1 year ago
return matches;
};
2 years ago
1 year ago
WildcardMatcher.prototype.classifyPart = function(part) {
// in the event that we have been provided a part that is not just a wildcard
// then turn this into a regular expression for matching purposes
if (part === '*') {
return part;
} else if (part.indexOf('*') >= 0 || part.indexOf('?') >= 0) {
return new RegExp(part.replace(REGEXP_PARTS, '\.$1'));
}
2 years ago
1 year ago
return part;
};
2 years ago
1 year ago
var wildcard = function(text, test, separator) {
var matcher = new WildcardMatcher(text, separator || /[\/\.]/);
if (typeof test != 'undefined') {
return matcher.match(test);
}
2 years ago
1 year ago
return matcher;
};
2 years ago
1 year ago
// Ugly hack for obsidian-leaflet compatability, see https://github.com/esm7/obsidian-map-view/issues/6
// @ts-ignore
let localL = L;
function getIconFromRules(tags, rules, iconCache) {
// We iterate over the rules and apply them one by one, so later rules override earlier ones
let result = rules.find((item) => item.ruleName === 'default').iconDetails;
for (const rule of rules) {
if (checkTagPatternMatch(rule.ruleName, tags)) {
result = Object.assign({}, result, rule.iconDetails);
2 years ago
}
1 year ago
}
return getIconFromOptions(result, iconCache);
}
function getIconFromOptions(iconSpec, iconCache) {
// Ugly hack for obsidian-leaflet compatability, see https://github.com/esm7/obsidian-map-view/issues/6
// @ts-ignore
const backupL = L;
try {
// @ts-ignore
L = localL;
// The behavior of Leaflet Extra Markers is to render Fonr Awesome with Web Fonts & CSS, which has
// proven too slow for displaying hundreds of markers.
// This overrides the HTML generated by Extra Market to use the SVG Symbols alternative, which
// seems much faster.
// See here for more details: https://fontawesome.com/v5/docs/web/advanced/svg-symbols
const iconId = iconCache.getIconIdAndCache(iconSpec);
iconSpec.innerHTML = `<svg class="map-view-icon"><use xlink:href="#${iconId}"></use></svg>`;
return leafletSrc.ExtraMarkers.icon(iconSpec);
}
finally {
// @ts-ignore
L = backupL;
}
}
// The "SVG + JS" method to render Font Awesome requires to create IMG elements once, for each
// specific icon we create, and then reference to them where they are used, see here:
// https://fontawesome.com/docs/web/dig-deeper/webfont-vs-svg
// Over here we save a cache of which icon combinations we already created, so we can refer to them
// when an actual icon is needed.
class IconCache {
constructor(containerEl) {
this.iconDefinitions = null;
this.iconCache = new Map();
this.iconDefinitions = containerEl.createDiv('icons');
}
getIconIdAndCache(iconSpec) {
var _a;
const hashFunction = (s) => s
.split('')
.reduce((a, b) => ((a << 5) - a + b.charCodeAt(0)) | 0, 0);
let iconSpecWithoutHtml = iconSpec;
iconSpecWithoutHtml.innerHTML = null;
const iconHash = hashFunction(JSON.stringify(iconSpecWithoutHtml)).toString();
const cachedIcon = this.iconCache.get(iconHash);
if (cachedIcon) {
return cachedIcon.idInDocument;
2 years ago
}
1 year ago
else {
const newIcon = this.iconDefinitions.createEl('img');
const idInDocument = `icon-${iconHash}`;
newIcon.width = 15;
newIcon.height = 15;
newIcon.setAttribute('data-fa-symbol', idInDocument);
newIcon.style.color = (_a = iconSpec.iconColor) !== null && _a !== void 0 ? _a : 'white';
// TODO set attributes
newIcon.addClasses([iconSpec.prefix, iconSpec.icon]);
this.iconCache.set(iconHash, { iconSpec, idInDocument });
return idInDocument;
2 years ago
}
1 year ago
}
}
function checkTagPatternMatch(tagPattern, tags) {
let match = wildcard(tagPattern, tags);
return match && match.length > 0;
}
2 years ago
1 year ago
class LocationSearchDialog extends obsidian.SuggestModal {
constructor(app, plugin, settings, dialogAction, title, editor = null, includeResults = null, hasIcons = false, moreInstructions = null) {
super(app);
this.lastSearchTime = 0;
this.delayInMs = 250;
this.lastSearch = '';
this.lastSearchResults = [];
this.includeResults = [];
this.hasIcons = false;
this.editor = null;
// If specified, this rectangle is used as a parameter for the various geocoding providers, so they can
// prioritize results that are closer to the current view
this.searchArea = null;
this.plugin = plugin;
this.settings = settings;
this.searcher = new GeoSearcher(app, settings);
this.dialogAction = dialogAction;
this.editor = editor;
this.includeResults = includeResults;
this.hasIcons = hasIcons;
this.setPlaceholder(title + ': type a place name or paste a string to parse');
let instructions = [{ command: 'enter', purpose: 'to use' }];
if (moreInstructions)
instructions = instructions.concat(moreInstructions);
this.setInstructions(instructions);
this.inputEl.addEventListener('keypress', (ev) => {
// In the case of a custom select function, trigger it also for Shift+Enter.
// Obsidian doesn't have an API for that, so we find the selected item in a rather patchy way,
// and manually close the dialog
if (ev.key == 'Enter' &&
ev.shiftKey &&
this.customOnSelect != null) {
const chooser = this.chooser;
const selectedItem = chooser === null || chooser === void 0 ? void 0 : chooser.selectedItem;
const values = chooser === null || chooser === void 0 ? void 0 : chooser.values;
if (chooser && values) {
this.onChooseSuggestion(values[selectedItem], ev);
this.close();
2 years ago
}
}
1 year ago
});
}
getSuggestions(query) {
let result = [];
// Get results from the "to include" list, e.g. existing markers
let resultsToInclude = [];
if (this.includeResults)
for (const toInclude of this.includeResults) {
if (query.length == 0 ||
toInclude.name.toLowerCase().includes(query.toLowerCase()))
resultsToInclude.push(toInclude);
if (resultsToInclude.length >= MAX_MARKER_SUGGESTIONS)
break;
2 years ago
}
1 year ago
result = result.concat(resultsToInclude);
// From this point onward, results are added asynchronously.
// We make sure to add them *after* the synchronuous results, otherwise
// it will be very annoying for a user who may have already selected something.
if (query == this.lastSearch) {
result = result.concat(this.lastSearchResults);
2 years ago
}
1 year ago
this.getSearchResultsWithDelay(query);
return result;
}
renderSuggestion(value, el) {
var _a;
el.addClass('map-search-suggestion');
if (this.hasIcons) {
let iconDiv = el.createDiv('search-icon-div');
const compiledIcon = getIconFromOptions((_a = value.icon) !== null && _a !== void 0 ? _a : SEARCH_RESULT_MARKER, this.plugin.iconCache);
let iconElement = compiledIcon.createIcon();
let style = iconElement.style;
style.marginLeft = style.marginTop = '0';
style.position = 'relative';
iconDiv.append(iconElement);
let textDiv = el.createDiv('search-text-div');
textDiv.appendText(value.name);
2 years ago
}
1 year ago
else
el.appendText(value.name);
}
onChooseSuggestion(value, evt) {
if (this.dialogAction == 'newNote')
this.plugin.newFrontMatterNote(value.location, evt, value.name);
else if (this.dialogAction == 'addToNote')
this.addToNote(value.location, evt, value.name);
else if (this.dialogAction == 'custom' && this.customOnSelect != null)
this.customOnSelect(value, evt);
}
addToNote(location, ev, query) {
return __awaiter(this, void 0, void 0, function* () {
const locationString = `[${location.lat},${location.lng}]`;
verifyOrAddFrontMatter(this.editor, 'location', locationString);
});
}
getSearchResultsWithDelay(query) {
return __awaiter(this, void 0, void 0, function* () {
if (query === this.lastSearch || query.length < 3)
return;
const timestamp = Date.now();
this.lastSearchTime = timestamp;
const Sleep = (ms) => new Promise((resolve) => setTimeout(resolve, ms));
yield Sleep(this.delayInMs);
if (this.lastSearchTime != timestamp) {
// Search is canceled by a newer search
return;
}
// After the sleep our search is still the last -- so the user stopped and we can go on
this.lastSearch = query;
this.lastSearchResults = yield this.searcher.search(query, this.searchArea);
this.updateSuggestions();
});
}
}
2 years ago
1 year ago
var util = createCommonjsModule(function (module, exports) {
2 years ago
1 year ago
const nameStartChar = ':A-Za-z_\\u00C0-\\u00D6\\u00D8-\\u00F6\\u00F8-\\u02FF\\u0370-\\u037D\\u037F-\\u1FFF\\u200C-\\u200D\\u2070-\\u218F\\u2C00-\\u2FEF\\u3001-\\uD7FF\\uF900-\\uFDCF\\uFDF0-\\uFFFD';
const nameChar = nameStartChar + '\\-.\\d\\u00B7\\u0300-\\u036F\\u203F-\\u2040';
const nameRegexp = '[' + nameStartChar + '][' + nameChar + ']*';
const regexName = new RegExp('^' + nameRegexp + '$');
const getAllMatches = function(string, regex) {
const matches = [];
let match = regex.exec(string);
while (match) {
const allmatches = [];
allmatches.startIndex = regex.lastIndex - match[0].length;
const len = match.length;
for (let index = 0; index < len; index++) {
allmatches.push(match[index]);
}
matches.push(allmatches);
match = regex.exec(string);
}
return matches;
};
2 years ago
1 year ago
const isName = function(string) {
const match = regexName.exec(string);
return !(match === null || typeof match === 'undefined');
};
2 years ago
1 year ago
exports.isExist = function(v) {
return typeof v !== 'undefined';
};
2 years ago
1 year ago
exports.isEmptyObject = function(obj) {
return Object.keys(obj).length === 0;
};
2 years ago
1 year ago
/**
* Copy all the properties of a into b.
* @param {*} target
* @param {*} a
*/
exports.merge = function(target, a, arrayMode) {
if (a) {
const keys = Object.keys(a); // will return an array of own properties
const len = keys.length; //don't make it inline
for (let i = 0; i < len; i++) {
if (arrayMode === 'strict') {
target[keys[i]] = [ a[keys[i]] ];
} else {
target[keys[i]] = a[keys[i]];
}
}
}
};
/* exports.merge =function (b,a){
return Object.assign(b,a);
} */
2 years ago
1 year ago
exports.getValue = function(v) {
if (exports.isExist(v)) {
return v;
} else {
return '';
}
};
2 years ago
1 year ago
// const fakeCall = function(a) {return a;};
// const fakeCallNoReturn = function() {};
2 years ago
1 year ago
exports.isName = isName;
exports.getAllMatches = getAllMatches;
exports.nameRegexp = nameRegexp;
});
2 years ago
1 year ago
const defaultOptions$2 = {
allowBooleanAttributes: false, //A tag can have attributes without any value
unpairedTags: []
};
2 years ago
1 year ago
//const tagsPattern = new RegExp("<\\/?([\\w:\\-_\.]+)\\s*\/?>","g");
var validate = function (xmlData, options) {
options = Object.assign({}, defaultOptions$2, options);
//xmlData = xmlData.replace(/(\r\n|\n|\r)/gm,"");//make it single line
//xmlData = xmlData.replace(/(^\s*<\?xml.*?\?>)/g,"");//Remove XML starting tag
//xmlData = xmlData.replace(/(<!DOCTYPE[\s\w\"\.\/\-\:]+(\[.*\])*\s*>)/g,"");//Remove DOCTYPE
const tags = [];
let tagFound = false;
//indicates that the root tag has been closed (aka. depth 0 has been reached)
let reachedRoot = false;
if (xmlData[0] === '\ufeff') {
// check for byte order mark (BOM)
xmlData = xmlData.substr(1);
}
for (let i = 0; i < xmlData.length; i++) {
if (xmlData[i] === '<' && xmlData[i+1] === '?') {
i+=2;
i = readPI(xmlData,i);
if (i.err) return i;
}else if (xmlData[i] === '<') {
//starting of tag
//read until you reach to '>' avoiding any '>' in attribute value
let tagStartPos = i;
i++;
if (xmlData[i] === '!') {
i = readCommentAndCDATA(xmlData, i);
continue;
} else {
let closingTag = false;
if (xmlData[i] === '/') {
//closing tag
closingTag = true;
i++;
}
//read tagname
let tagName = '';
for (; i < xmlData.length &&
xmlData[i] !== '>' &&
xmlData[i] !== ' ' &&
xmlData[i] !== '\t' &&
xmlData[i] !== '\n' &&
xmlData[i] !== '\r'; i++
) {
tagName += xmlData[i];
}
tagName = tagName.trim();
//console.log(tagName);
if (tagName[tagName.length - 1] === '/') {
//self closing tag without attributes
tagName = tagName.substring(0, tagName.length - 1);
//continue;
i--;
}
if (!validateTagName(tagName)) {
let msg;
if (tagName.trim().length === 0) {
msg = "Invalid space after '<'.";
} else {
msg = "Tag '"+tagName+"' is an invalid name.";
}
return getErrorObject('InvalidTag', msg, getLineNumberForPosition(xmlData, i));
}
const result = readAttributeStr(xmlData, i);
if (result === false) {
return getErrorObject('InvalidAttr', "Attributes for '"+tagName+"' have open quote.", getLineNumberForPosition(xmlData, i));
}
let attrStr = result.value;
i = result.index;
if (attrStr[attrStr.length - 1] === '/') {
//self closing tag
const attrStrStart = i - attrStr.length;
attrStr = attrStr.substring(0, attrStr.length - 1);
const isValid = validateAttributeString(attrStr, options);
if (isValid === true) {
tagFound = true;
//continue; //text may presents after self closing tag
} else {
//the result from the nested function returns the position of the error within the attribute
//in order to get the 'true' error line, we need to calculate the position where the attribute begins (i - attrStr.length) and then add the position within the attribute
//this gives us the absolute index in the entire xml, which we can use to find the line at last
return getErrorObject(isValid.err.code, isValid.err.msg, getLineNumberForPosition(xmlData, attrStrStart + isValid.err.line));
}
} else if (closingTag) {
if (!result.tagClosed) {
return getErrorObject('InvalidTag', "Closing tag '"+tagName+"' doesn't have proper closing.", getLineNumberForPosition(xmlData, i));
} else if (attrStr.trim().length > 0) {
return getErrorObject('InvalidTag', "Closing tag '"+tagName+"' can't have attributes or invalid starting.", getLineNumberForPosition(xmlData, tagStartPos));
} else {
const otg = tags.pop();
if (tagName !== otg.tagName) {
let openPos = getLineNumberForPosition(xmlData, otg.tagStartPos);
return getErrorObject('InvalidTag',
"Expected closing tag '"+otg.tagName+"' (opened in line "+openPos.line+", col "+openPos.col+") instead of closing tag '"+tagName+"'.",
getLineNumberForPosition(xmlData, tagStartPos));
}
2 years ago
1 year ago
//when there are no more tags, we reached the root level.
if (tags.length == 0) {
reachedRoot = true;
2 years ago
}
1 year ago
}
} else {
const isValid = validateAttributeString(attrStr, options);
if (isValid !== true) {
//the result from the nested function returns the position of the error within the attribute
//in order to get the 'true' error line, we need to calculate the position where the attribute begins (i - attrStr.length) and then add the position within the attribute
//this gives us the absolute index in the entire xml, which we can use to find the line at last
return getErrorObject(isValid.err.code, isValid.err.msg, getLineNumberForPosition(xmlData, i - attrStr.length + isValid.err.line));
}
2 years ago
1 year ago
//if the root level has been reached before ...
if (reachedRoot === true) {
return getErrorObject('InvalidXml', 'Multiple possible root nodes found.', getLineNumberForPosition(xmlData, i));
} else if(options.unpairedTags.indexOf(tagName) !== -1); else {
tags.push({tagName, tagStartPos});
}
tagFound = true;
}
//skip tag text value
//It may include comments and CDATA value
for (i++; i < xmlData.length; i++) {
if (xmlData[i] === '<') {
if (xmlData[i + 1] === '!') {
//comment or CADATA
i++;
i = readCommentAndCDATA(xmlData, i);
continue;
} else if (xmlData[i+1] === '?') {
i = readPI(xmlData, ++i);
if (i.err) return i;
} else {
break;
2 years ago
}
1 year ago
} else if (xmlData[i] === '&') {
const afterAmp = validateAmpersand(xmlData, i);
if (afterAmp == -1)
return getErrorObject('InvalidChar', "char '&' is not expected.", getLineNumberForPosition(xmlData, i));
i = afterAmp;
}else {
if (reachedRoot === true && !isWhiteSpace(xmlData[i])) {
return getErrorObject('InvalidXml', "Extra text at the end", getLineNumberForPosition(xmlData, i));
}
}
} //end of reading tag text value
if (xmlData[i] === '<') {
i--;
2 years ago
}
1 year ago
}
} else {
if ( isWhiteSpace(xmlData[i])) {
continue;
}
return getErrorObject('InvalidChar', "char '"+xmlData[i]+"' is not expected.", getLineNumberForPosition(xmlData, i));
}
}
if (!tagFound) {
return getErrorObject('InvalidXml', 'Start tag expected.', 1);
}else if (tags.length == 1) {
return getErrorObject('InvalidTag', "Unclosed tag '"+tags[0].tagName+"'.", getLineNumberForPosition(xmlData, tags[0].tagStartPos));
}else if (tags.length > 0) {
return getErrorObject('InvalidXml', "Invalid '"+
JSON.stringify(tags.map(t => t.tagName), null, 4).replace(/\r?\n/g, '')+
"' found.", {line: 1, col: 1});
}
return true;
};
2 years ago
1 year ago
function isWhiteSpace(char){
return char === ' ' || char === '\t' || char === '\n' || char === '\r';
}
/**
* Read Processing insstructions and skip
* @param {*} xmlData
* @param {*} i
*/
function readPI(xmlData, i) {
const start = i;
for (; i < xmlData.length; i++) {
if (xmlData[i] == '?' || xmlData[i] == ' ') {
//tagname
const tagname = xmlData.substr(start, i - start);
if (i > 5 && tagname === 'xml') {
return getErrorObject('InvalidXml', 'XML declaration allowed only at the start of the document.', getLineNumberForPosition(xmlData, i));
} else if (xmlData[i] == '?' && xmlData[i + 1] == '>') {
//check if valid attribut string
i++;
break;
} else {
continue;
}
}
}
return i;
}
2 years ago
1 year ago
function readCommentAndCDATA(xmlData, i) {
if (xmlData.length > i + 5 && xmlData[i + 1] === '-' && xmlData[i + 2] === '-') {
//comment
for (i += 3; i < xmlData.length; i++) {
if (xmlData[i] === '-' && xmlData[i + 1] === '-' && xmlData[i + 2] === '>') {
i += 2;
break;
}
}
} else if (
xmlData.length > i + 8 &&
xmlData[i + 1] === 'D' &&
xmlData[i + 2] === 'O' &&
xmlData[i + 3] === 'C' &&
xmlData[i + 4] === 'T' &&
xmlData[i + 5] === 'Y' &&
xmlData[i + 6] === 'P' &&
xmlData[i + 7] === 'E'
) {
let angleBracketsCount = 1;
for (i += 8; i < xmlData.length; i++) {
if (xmlData[i] === '<') {
angleBracketsCount++;
} else if (xmlData[i] === '>') {
angleBracketsCount--;
if (angleBracketsCount === 0) {
break;
}
}
}
} else if (
xmlData.length > i + 9 &&
xmlData[i + 1] === '[' &&
xmlData[i + 2] === 'C' &&
xmlData[i + 3] === 'D' &&
xmlData[i + 4] === 'A' &&
xmlData[i + 5] === 'T' &&
xmlData[i + 6] === 'A' &&
xmlData[i + 7] === '['
) {
for (i += 8; i < xmlData.length; i++) {
if (xmlData[i] === ']' && xmlData[i + 1] === ']' && xmlData[i + 2] === '>') {
i += 2;
break;
}
}
}
return i;
}
2 years ago
1 year ago
const doubleQuote = '"';
const singleQuote = "'";
2 years ago
1 year ago
/**
* Keep reading xmlData until '<' is found outside the attribute value.
* @param {string} xmlData
* @param {number} i
*/
function readAttributeStr(xmlData, i) {
let attrStr = '';
let startChar = '';
let tagClosed = false;
for (; i < xmlData.length; i++) {
if (xmlData[i] === doubleQuote || xmlData[i] === singleQuote) {
if (startChar === '') {
startChar = xmlData[i];
} else if (startChar !== xmlData[i]) ; else {
startChar = '';
}
} else if (xmlData[i] === '>') {
if (startChar === '') {
tagClosed = true;
break;
}
}
attrStr += xmlData[i];
}
if (startChar !== '') {
return false;
}
2 years ago
1 year ago
return {
value: attrStr,
index: i,
tagClosed: tagClosed
};
}
2 years ago
1 year ago
/**
* Select all the attributes whether valid or invalid.
*/
const validAttrStrRegxp = new RegExp('(\\s*)([^\\s=]+)(\\s*=)?(\\s*([\'"])(([\\s\\S])*?)\\5)?', 'g');
2 years ago
1 year ago
//attr, ="sd", a="amit's", a="sd"b="saf", ab cd=""
2 years ago
1 year ago
function validateAttributeString(attrStr, options) {
//console.log("start:"+attrStr+":end");
2 years ago
1 year ago
//if(attrStr.trim().length === 0) return true; //empty string
2 years ago
1 year ago
const matches = util.getAllMatches(attrStr, validAttrStrRegxp);
const attrNames = {};
2 years ago
1 year ago
for (let i = 0; i < matches.length; i++) {
if (matches[i][1].length === 0) {
//nospace before attribute name: a="sd"b="saf"
return getErrorObject('InvalidAttr', "Attribute '"+matches[i][2]+"' has no space in starting.", getPositionFromMatch(matches[i]))
} else if (matches[i][3] !== undefined && matches[i][4] === undefined) {
return getErrorObject('InvalidAttr', "Attribute '"+matches[i][2]+"' is without value.", getPositionFromMatch(matches[i]));
} else if (matches[i][3] === undefined && !options.allowBooleanAttributes) {
//independent attribute: ab
return getErrorObject('InvalidAttr', "boolean attribute '"+matches[i][2]+"' is not allowed.", getPositionFromMatch(matches[i]));
}
/* else if(matches[i][6] === undefined){//attribute without value: ab=
return { err: { code:"InvalidAttr",msg:"attribute " + matches[i][2] + " has no value assigned."}};
} */
const attrName = matches[i][2];
if (!validateAttrName(attrName)) {
return getErrorObject('InvalidAttr', "Attribute '"+attrName+"' is an invalid name.", getPositionFromMatch(matches[i]));
}
if (!attrNames.hasOwnProperty(attrName)) {
//check for duplicate attribute.
attrNames[attrName] = 1;
} else {
return getErrorObject('InvalidAttr', "Attribute '"+attrName+"' is repeated.", getPositionFromMatch(matches[i]));
}
}
2 years ago
1 year ago
return true;
}
2 years ago
1 year ago
function validateNumberAmpersand(xmlData, i) {
let re = /\d/;
if (xmlData[i] === 'x') {
i++;
re = /[\da-fA-F]/;
}
for (; i < xmlData.length; i++) {
if (xmlData[i] === ';')
return i;
if (!xmlData[i].match(re))
break;
}
return -1;
}
2 years ago
1 year ago
function validateAmpersand(xmlData, i) {
// https://www.w3.org/TR/xml/#dt-charref
i++;
if (xmlData[i] === ';')
return -1;
if (xmlData[i] === '#') {
i++;
return validateNumberAmpersand(xmlData, i);
}
let count = 0;
for (; i < xmlData.length; i++, count++) {
if (xmlData[i].match(/\w/) && count < 20)
continue;
if (xmlData[i] === ';')
break;
return -1;
}
return i;
}
2 years ago
1 year ago
function getErrorObject(code, message, lineNumber) {
return {
err: {
code: code,
msg: message,
line: lineNumber.line || lineNumber,
col: lineNumber.col,
},
};
}
2 years ago
1 year ago
function validateAttrName(attrName) {
return util.isName(attrName);
}
2 years ago
1 year ago
// const startsWithXML = /^xml/i;
2 years ago
1 year ago
function validateTagName(tagname) {
return util.isName(tagname) /* && !tagname.match(startsWithXML) */;
}
2 years ago
1 year ago
//this function returns the line number for the character at the given index
function getLineNumberForPosition(xmlData, index) {
const lines = xmlData.substring(0, index).split(/\r?\n/);
return {
line: lines.length,
2 years ago
1 year ago
// column number is last line's length + 1, because column numbering starts at 1:
col: lines[lines.length - 1].length + 1
};
}
2 years ago
1 year ago
//this function returns the position of the first character of match within attrStr
function getPositionFromMatch(match) {
return match.startIndex + match[1].length;
}
2 years ago
1 year ago
var validator = {
validate: validate
};
2 years ago
1 year ago
const defaultOptions$1 = {
preserveOrder: false,
attributeNamePrefix: '@_',
attributesGroupName: false,
textNodeName: '#text',
ignoreAttributes: true,
removeNSPrefix: false, // remove NS from tag name or attribute name if true
allowBooleanAttributes: false, //a tag can have attributes without any value
//ignoreRootElement : false,
parseTagValue: true,
parseAttributeValue: false,
trimValues: true, //Trim string values of tag and attributes
cdataPropName: false,
numberParseOptions: {
hex: true,
leadingZeros: true,
eNotation: true
},
tagValueProcessor: function(tagName, val) {
return val;
},
attributeValueProcessor: function(attrName, val) {
return val;
},
stopNodes: [], //nested tags will not be parsed even for errors
alwaysCreateTextNode: false,
isArray: () => false,
commentPropName: false,
unpairedTags: [],
processEntities: true,
htmlEntities: false,
ignoreDeclaration: false,
ignorePiTags: false,
transformTagName: false,
transformAttributeName: false,
updateTag: function(tagName, jPath, attrs){
return tagName
},
// skipEmptyListItem: false
};
const buildOptions$1 = function(options) {
return Object.assign({}, defaultOptions$1, options);
};
2 years ago
1 year ago
var buildOptions_1 = buildOptions$1;
var defaultOptions_1 = defaultOptions$1;
2 years ago
1 year ago
var OptionsBuilder = {
buildOptions: buildOptions_1,
defaultOptions: defaultOptions_1
};
2 years ago
1 year ago
class XmlNode{
constructor(tagname) {
this.tagname = tagname;
this.child = []; //nested tags, text, cdata, comments in order
this[":@"] = {}; //attributes map
}
add(key,val){
// this.child.push( {name : key, val: val, isCdata: isCdata });
if(key === "__proto__") key = "#__proto__";
this.child.push( {[key]: val });
}
addChild(node) {
if(node.tagname === "__proto__") node.tagname = "#__proto__";
if(node[":@"] && Object.keys(node[":@"]).length > 0){
this.child.push( { [node.tagname]: node.child, [":@"]: node[":@"] });
}else {
this.child.push( { [node.tagname]: node.child });
}
};
}
2 years ago
1 year ago
var xmlNode = XmlNode;
2 years ago
1 year ago
//TODO: handle comments
function readDocType(xmlData, i){
const entities = {};
if( xmlData[i + 3] === 'O' &&
xmlData[i + 4] === 'C' &&
xmlData[i + 5] === 'T' &&
xmlData[i + 6] === 'Y' &&
xmlData[i + 7] === 'P' &&
xmlData[i + 8] === 'E')
{
i = i+9;
let angleBracketsCount = 1;
let hasBody = false, comment = false;
let exp = "";
for(;i<xmlData.length;i++){
if (xmlData[i] === '<' && !comment) { //Determine the tag type
if( hasBody && isEntity(xmlData, i)){
i += 7;
[entityName, val,i] = readEntityExp(xmlData,i+1);
if(val.indexOf("&") === -1) //Parameter entities are not supported
entities[ entityName ] = {
regx : RegExp( `&${entityName};`,"g"),
val: val
};
2 years ago
}
1 year ago
else if( hasBody && isElement$1(xmlData, i)) i += 8;//Not supported
else if( hasBody && isAttlist(xmlData, i)) i += 8;//Not supported
else if( hasBody && isNotation(xmlData, i)) i += 9;//Not supported
else if( isComment) comment = true;
else throw new Error("Invalid DOCTYPE");
2 years ago
1 year ago
angleBracketsCount++;
exp = "";
} else if (xmlData[i] === '>') { //Read tag content
if(comment){
if( xmlData[i - 1] === "-" && xmlData[i - 2] === "-"){
comment = false;
angleBracketsCount--;
}
}else {
angleBracketsCount--;
2 years ago
}
1 year ago
if (angleBracketsCount === 0) {
break;
2 years ago
}
1 year ago
}else if( xmlData[i] === '['){
hasBody = true;
}else {
exp += xmlData[i];
}
}
if(angleBracketsCount !== 0){
throw new Error(`Unclosed DOCTYPE`);
}
}else {
throw new Error(`Invalid Tag instead of DOCTYPE`);
}
return {entities, i};
}
2 years ago
1 year ago
function readEntityExp(xmlData,i){
//External entities are not supported
// <!ENTITY ext SYSTEM "http://normal-website.com" >
2 years ago
1 year ago
//Parameter entities are not supported
// <!ENTITY entityname "&anotherElement;">
2 years ago
1 year ago
//Internal entities are supported
// <!ENTITY entityname "replacement text">
//read EntityName
let entityName = "";
for (; i < xmlData.length && (xmlData[i] !== "'" && xmlData[i] !== '"' ); i++) {
// if(xmlData[i] === " ") continue;
// else
entityName += xmlData[i];
}
entityName = entityName.trim();
if(entityName.indexOf(" ") !== -1) throw new Error("External entites are not supported");
2 years ago
1 year ago
//read Entity Value
const startChar = xmlData[i++];
let val = "";
for (; i < xmlData.length && xmlData[i] !== startChar ; i++) {
val += xmlData[i];
}
return [entityName, val, i];
}
2 years ago
1 year ago
function isComment(xmlData, i){
if(xmlData[i+1] === '!' &&
xmlData[i+2] === '-' &&
xmlData[i+3] === '-') return true
return false
}
function isEntity(xmlData, i){
if(xmlData[i+1] === '!' &&
xmlData[i+2] === 'E' &&
xmlData[i+3] === 'N' &&
xmlData[i+4] === 'T' &&
xmlData[i+5] === 'I' &&
xmlData[i+6] === 'T' &&
xmlData[i+7] === 'Y') return true
return false
}
function isElement$1(xmlData, i){
if(xmlData[i+1] === '!' &&
xmlData[i+2] === 'E' &&
xmlData[i+3] === 'L' &&
xmlData[i+4] === 'E' &&
xmlData[i+5] === 'M' &&
xmlData[i+6] === 'E' &&
xmlData[i+7] === 'N' &&
xmlData[i+8] === 'T') return true
return false
}
2 years ago
1 year ago
function isAttlist(xmlData, i){
if(xmlData[i+1] === '!' &&
xmlData[i+2] === 'A' &&
xmlData[i+3] === 'T' &&
xmlData[i+4] === 'T' &&
xmlData[i+5] === 'L' &&
xmlData[i+6] === 'I' &&
xmlData[i+7] === 'S' &&
xmlData[i+8] === 'T') return true
return false
}
function isNotation(xmlData, i){
if(xmlData[i+1] === '!' &&
xmlData[i+2] === 'N' &&
xmlData[i+3] === 'O' &&
xmlData[i+4] === 'T' &&
xmlData[i+5] === 'A' &&
xmlData[i+6] === 'T' &&
xmlData[i+7] === 'I' &&
xmlData[i+8] === 'O' &&
xmlData[i+9] === 'N') return true
return false
}
2 years ago
1 year ago
var DocTypeReader = readDocType;
2 years ago
1 year ago
const hexRegex = /^[-+]?0x[a-fA-F0-9]+$/;
const numRegex = /^([\-\+])?(0*)(\.[0-9]+([eE]\-?[0-9]+)?|[0-9]+(\.[0-9]+([eE]\-?[0-9]+)?)?)$/;
// const octRegex = /0x[a-z0-9]+/;
// const binRegex = /0x[a-z0-9]+/;
2 years ago
1 year ago
//polyfill
if (!Number.parseInt && window.parseInt) {
Number.parseInt = window.parseInt;
}
if (!Number.parseFloat && window.parseFloat) {
Number.parseFloat = window.parseFloat;
}
2 years ago
1 year ago
const consider = {
hex : true,
leadingZeros: true,
decimalPoint: "\.",
eNotation: true
//skipLike: /regex/
};
2 years ago
1 year ago
function toNumber(str, options = {}){
// const options = Object.assign({}, consider);
// if(opt.leadingZeros === false){
// options.leadingZeros = false;
// }else if(opt.hex === false){
// options.hex = false;
// }
2 years ago
1 year ago
options = Object.assign({}, consider, options );
if(!str || typeof str !== "string" ) return str;
let trimmedStr = str.trim();
// if(trimmedStr === "0.0") return 0;
// else if(trimmedStr === "+0.0") return 0;
// else if(trimmedStr === "-0.0") return -0;
2 years ago
1 year ago
if(options.skipLike !== undefined && options.skipLike.test(trimmedStr)) return str;
else if (options.hex && hexRegex.test(trimmedStr)) {
return Number.parseInt(trimmedStr, 16);
// } else if (options.parseOct && octRegex.test(str)) {
// return Number.parseInt(val, 8);
// }else if (options.parseBin && binRegex.test(str)) {
// return Number.parseInt(val, 2);
}else {
//separate negative sign, leading zeros, and rest number
const match = numRegex.exec(trimmedStr);
if(match){
const sign = match[1];
const leadingZeros = match[2];
let numTrimmedByZeros = trimZeros(match[3]); //complete num without leading zeros
//trim ending zeros for floating number
const eNotation = match[4] || match[6];
if(!options.leadingZeros && leadingZeros.length > 0 && sign && trimmedStr[2] !== ".") return str; //-0123
else if(!options.leadingZeros && leadingZeros.length > 0 && !sign && trimmedStr[1] !== ".") return str; //0123
else {//no leading zeros or leading zeros are allowed
const num = Number(trimmedStr);
const numStr = "" + num;
if(numStr.search(/[eE]/) !== -1){ //given number is long and parsed to eNotation
if(options.eNotation) return num;
else return str;
}else if(eNotation){ //given number has enotation
if(options.eNotation) return num;
else return str;
}else if(trimmedStr.indexOf(".") !== -1){ //floating number
// const decimalPart = match[5].substr(1);
// const intPart = trimmedStr.substr(0,trimmedStr.indexOf("."));
2 years ago
1 year ago
// const p = numStr.indexOf(".");
// const givenIntPart = numStr.substr(0,p);
// const givenDecPart = numStr.substr(p+1);
if(numStr === "0" && (numTrimmedByZeros === "") ) return num; //0.0
else if(numStr === numTrimmedByZeros) return num; //0.456. 0.79000
else if( sign && numStr === "-"+numTrimmedByZeros) return num;
else return str;
}
if(leadingZeros){
// if(numTrimmedByZeros === numStr){
// if(options.leadingZeros) return num;
// else return str;
// }else return str;
if(numTrimmedByZeros === numStr) return num;
else if(sign+numTrimmedByZeros === numStr) return num;
else return str;
}
2 years ago
1 year ago
if(trimmedStr === numStr) return num;
else if(trimmedStr === sign+numStr) return num;
// else{
// //number with +/- sign
// trimmedStr.test(/[-+][0-9]);
2 years ago
1 year ago
// }
return str;
}
// else if(!eNotation && trimmedStr && trimmedStr !== Number(trimmedStr) ) return str;
}else { //non-numeric string
return str;
}
}
}
2 years ago
1 year ago
/**
*
* @param {string} numStr without leading zeros
* @returns
*/
function trimZeros(numStr){
if(numStr && numStr.indexOf(".") !== -1){//float
numStr = numStr.replace(/0+$/, ""); //remove ending zeros
if(numStr === ".") numStr = "0";
else if(numStr[0] === ".") numStr = "0"+numStr;
else if(numStr[numStr.length-1] === ".") numStr = numStr.substr(0,numStr.length-1);
return numStr;
}
return numStr;
}
var strnum = toNumber;
2 years ago
1 year ago
///@ts-check
2 years ago
1 year ago
'<((!\\[CDATA\\[([\\s\\S]*?)(]]>))|((NAME:)?(NAME))([^>]*)>|((\\/)(NAME)\\s*>))([^<]*)'
.replace(/NAME/g, util.nameRegexp);
2 years ago
1 year ago
//const tagsRegx = new RegExp("<(\\/?[\\w:\\-\._]+)([^>]*)>(\\s*"+cdataRegx+")*([^<]+)?","g");
//const tagsRegx = new RegExp("<(\\/?)((\\w*:)?([\\w:\\-\._]+))([^>]*)>([^<]*)("+cdataRegx+"([^<]*))*([^<]+)?","g");
2 years ago
1 year ago
class OrderedObjParser{
constructor(options){
this.options = options;
this.currentNode = null;
this.tagsNodeStack = [];
this.docTypeEntities = {};
this.lastEntities = {
"apos" : { regex: /&(apos|#39|#x27);/g, val : "'"},
"gt" : { regex: /&(gt|#62|#x3E);/g, val : ">"},
"lt" : { regex: /&(lt|#60|#x3C);/g, val : "<"},
"quot" : { regex: /&(quot|#34|#x22);/g, val : "\""},
};
this.ampEntity = { regex: /&(amp|#38|#x26);/g, val : "&"};
this.htmlEntities = {
"space": { regex: /&(nbsp|#160);/g, val: " " },
// "lt" : { regex: /&(lt|#60);/g, val: "<" },
// "gt" : { regex: /&(gt|#62);/g, val: ">" },
// "amp" : { regex: /&(amp|#38);/g, val: "&" },
// "quot" : { regex: /&(quot|#34);/g, val: "\"" },
// "apos" : { regex: /&(apos|#39);/g, val: "'" },
"cent" : { regex: /&(cent|#162);/g, val: "¢" },
"pound" : { regex: /&(pound|#163);/g, val: "£" },
"yen" : { regex: /&(yen|#165);/g, val: "¥" },
"euro" : { regex: /&(euro|#8364);/g, val: "€" },
"copyright" : { regex: /&(copy|#169);/g, val: "©" },
"reg" : { regex: /&(reg|#174);/g, val: "®" },
"inr" : { regex: /&(inr|#8377);/g, val: "₹" },
};
this.addExternalEntities = addExternalEntities;
this.parseXml = parseXml;
this.parseTextData = parseTextData;
this.resolveNameSpace = resolveNameSpace;
this.buildAttributesMap = buildAttributesMap;
this.isItStopNode = isItStopNode;
this.replaceEntitiesValue = replaceEntitiesValue$1;
this.readStopNodeData = readStopNodeData;
this.saveTextToParentTag = saveTextToParentTag;
this.addChild = addChild;
}
2 years ago
1 year ago
}
2 years ago
1 year ago
function addExternalEntities(externalEntities){
const entKeys = Object.keys(externalEntities);
for (let i = 0; i < entKeys.length; i++) {
const ent = entKeys[i];
this.lastEntities[ent] = {
regex: new RegExp("&"+ent+";","g"),
val : externalEntities[ent]
};
}
}
2 years ago
1 year ago
/**
* @param {string} val
* @param {string} tagName
* @param {string} jPath
* @param {boolean} dontTrim
* @param {boolean} hasAttributes
* @param {boolean} isLeafNode
* @param {boolean} escapeEntities
*/
function parseTextData(val, tagName, jPath, dontTrim, hasAttributes, isLeafNode, escapeEntities) {
if (val !== undefined) {
if (this.options.trimValues && !dontTrim) {
val = val.trim();
}
if(val.length > 0){
if(!escapeEntities) val = this.replaceEntitiesValue(val);
const newval = this.options.tagValueProcessor(tagName, val, jPath, hasAttributes, isLeafNode);
if(newval === null || newval === undefined){
//don't parse
return val;
}else if(typeof newval !== typeof val || newval !== val){
//overwrite
return newval;
}else if(this.options.trimValues){
return parseValue(val, this.options.parseTagValue, this.options.numberParseOptions);
}else {
const trimmedVal = val.trim();
if(trimmedVal === val){
return parseValue(val, this.options.parseTagValue, this.options.numberParseOptions);
}else {
return val;
}
}
}
}
}
2 years ago
1 year ago
function resolveNameSpace(tagname) {
if (this.options.removeNSPrefix) {
const tags = tagname.split(':');
const prefix = tagname.charAt(0) === '/' ? '/' : '';
if (tags[0] === 'xmlns') {
return '';
}
if (tags.length === 2) {
tagname = prefix + tags[1];
}
}
return tagname;
}
2 years ago
1 year ago
//TODO: change regex to capture NS
//const attrsRegx = new RegExp("([\\w\\-\\.\\:]+)\\s*=\\s*(['\"])((.|\n)*?)\\2","gm");
const attrsRegx = new RegExp('([^\\s=]+)\\s*(=\\s*([\'"])([\\s\\S]*?)\\3)?', 'gm');
2 years ago
1 year ago
function buildAttributesMap(attrStr, jPath, tagName) {
if (!this.options.ignoreAttributes && typeof attrStr === 'string') {
// attrStr = attrStr.replace(/\r?\n/g, ' ');
//attrStr = attrStr || attrStr.trim();
const matches = util.getAllMatches(attrStr, attrsRegx);
const len = matches.length; //don't make it inline
const attrs = {};
for (let i = 0; i < len; i++) {
const attrName = this.resolveNameSpace(matches[i][1]);
let oldVal = matches[i][4];
let aName = this.options.attributeNamePrefix + attrName;
if (attrName.length) {
if (this.options.transformAttributeName) {
aName = this.options.transformAttributeName(aName);
}
if(aName === "__proto__") aName = "#__proto__";
if (oldVal !== undefined) {
if (this.options.trimValues) {
oldVal = oldVal.trim();
}
oldVal = this.replaceEntitiesValue(oldVal);
const newVal = this.options.attributeValueProcessor(attrName, oldVal, jPath);
if(newVal === null || newVal === undefined){
//don't parse
attrs[aName] = oldVal;
}else if(typeof newVal !== typeof oldVal || newVal !== oldVal){
//overwrite
attrs[aName] = newVal;
}else {
//parse
attrs[aName] = parseValue(
oldVal,
this.options.parseAttributeValue,
this.options.numberParseOptions
);
}
} else if (this.options.allowBooleanAttributes) {
attrs[aName] = true;
}
}
}
if (!Object.keys(attrs).length) {
return;
}
if (this.options.attributesGroupName) {
const attrCollection = {};
attrCollection[this.options.attributesGroupName] = attrs;
return attrCollection;
}
return attrs
}
}
2 years ago
1 year ago
const parseXml = function(xmlData) {
xmlData = xmlData.replace(/\r\n?/g, "\n"); //TODO: remove this line
const xmlObj = new xmlNode('!xml');
let currentNode = xmlObj;
let textData = "";
let jPath = "";
for(let i=0; i< xmlData.length; i++){//for each char in XML data
const ch = xmlData[i];
if(ch === '<'){
// const nextIndex = i+1;
// const _2ndChar = xmlData[nextIndex];
if( xmlData[i+1] === '/') {//Closing Tag
const closeIndex = findClosingIndex(xmlData, ">", i, "Closing Tag is not closed.");
let tagName = xmlData.substring(i+2,closeIndex).trim();
if(this.options.removeNSPrefix){
const colonIndex = tagName.indexOf(":");
if(colonIndex !== -1){
tagName = tagName.substr(colonIndex+1);
}
}
2 years ago
1 year ago
if(this.options.transformTagName) {
tagName = this.options.transformTagName(tagName);
}
2 years ago
1 year ago
if(currentNode){
textData = this.saveTextToParentTag(textData, currentNode, jPath);
}
2 years ago
1 year ago
//check if last tag of nested tag was unpaired tag
const lastTagName = jPath.substring(jPath.lastIndexOf(".")+1);
if(tagName && this.options.unpairedTags.indexOf(tagName) !== -1 ){
throw new Error(`Unpaired tag can not be used as closing tag: </${tagName}>`);
}
let propIndex = 0;
if(lastTagName && this.options.unpairedTags.indexOf(lastTagName) !== -1 ){
propIndex = jPath.lastIndexOf('.', jPath.lastIndexOf('.')-1);
this.tagsNodeStack.pop();
}else {
propIndex = jPath.lastIndexOf(".");
}
jPath = jPath.substring(0, propIndex);
2 years ago
1 year ago
currentNode = this.tagsNodeStack.pop();//avoid recursion, set the parent tag scope
textData = "";
i = closeIndex;
} else if( xmlData[i+1] === '?') {
2 years ago
1 year ago
let tagData = readTagExp(xmlData,i, false, "?>");
if(!tagData) throw new Error("Pi Tag is not closed.");
2 years ago
1 year ago
textData = this.saveTextToParentTag(textData, currentNode, jPath);
if( (this.options.ignoreDeclaration && tagData.tagName === "?xml") || this.options.ignorePiTags);else {
const childNode = new xmlNode(tagData.tagName);
childNode.add(this.options.textNodeName, "");
if(tagData.tagName !== tagData.tagExp && tagData.attrExpPresent){
childNode[":@"] = this.buildAttributesMap(tagData.tagExp, jPath, tagData.tagName);
}
this.addChild(currentNode, childNode, jPath);
}
i = tagData.closeIndex + 1;
} else if(xmlData.substr(i + 1, 3) === '!--') {
const endIndex = findClosingIndex(xmlData, "-->", i+4, "Comment is not closed.");
if(this.options.commentPropName){
const comment = xmlData.substring(i + 4, endIndex - 2);
textData = this.saveTextToParentTag(textData, currentNode, jPath);
currentNode.add(this.options.commentPropName, [ { [this.options.textNodeName] : comment } ]);
}
i = endIndex;
} else if( xmlData.substr(i + 1, 2) === '!D') {
const result = DocTypeReader(xmlData, i);
this.docTypeEntities = result.entities;
i = result.i;
}else if(xmlData.substr(i + 1, 2) === '![') {
const closeIndex = findClosingIndex(xmlData, "]]>", i, "CDATA is not closed.") - 2;
const tagExp = xmlData.substring(i + 9,closeIndex);
textData = this.saveTextToParentTag(textData, currentNode, jPath);
//cdata should be set even if it is 0 length string
if(this.options.cdataPropName){
// let val = this.parseTextData(tagExp, this.options.cdataPropName, jPath + "." + this.options.cdataPropName, true, false, true);
// if(!val) val = "";
currentNode.add(this.options.cdataPropName, [ { [this.options.textNodeName] : tagExp } ]);
}else {
let val = this.parseTextData(tagExp, currentNode.tagname, jPath, true, false, true);
if(val == undefined) val = "";
currentNode.add(this.options.textNodeName, val);
}
i = closeIndex + 2;
}else {//Opening tag
let result = readTagExp(xmlData,i, this.options.removeNSPrefix);
let tagName= result.tagName;
let tagExp = result.tagExp;
let attrExpPresent = result.attrExpPresent;
let closeIndex = result.closeIndex;
if (this.options.transformTagName) {
tagName = this.options.transformTagName(tagName);
}
//save text as child node
if (currentNode && textData) {
if(currentNode.tagname !== '!xml'){
//when nested tag is found
textData = this.saveTextToParentTag(textData, currentNode, jPath, false);
}
}
2 years ago
1 year ago
//check if last tag was unpaired tag
const lastTag = currentNode;
if(lastTag && this.options.unpairedTags.indexOf(lastTag.tagname) !== -1 ){
currentNode = this.tagsNodeStack.pop();
jPath = jPath.substring(0, jPath.lastIndexOf("."));
}
if(tagName !== xmlObj.tagname){
jPath += jPath ? "." + tagName : tagName;
}
if (this.isItStopNode(this.options.stopNodes, jPath, tagName)) { //TODO: namespace
let tagContent = "";
//self-closing tag
if(tagExp.length > 0 && tagExp.lastIndexOf("/") === tagExp.length - 1){
i = result.closeIndex;
}
//unpaired tag
else if(this.options.unpairedTags.indexOf(tagName) !== -1){
i = result.closeIndex;
}
//normal tag
else {
//read until closing tag is found
const result = this.readStopNodeData(xmlData, tagName, closeIndex + 1);
if(!result) throw new Error(`Unexpected end of ${tagName}`);
i = result.i;
tagContent = result.tagContent;
}
2 years ago
1 year ago
const childNode = new xmlNode(tagName);
if(tagName !== tagExp && attrExpPresent){
childNode[":@"] = this.buildAttributesMap(tagExp, jPath, tagName);
}
if(tagContent) {
tagContent = this.parseTextData(tagContent, tagName, jPath, true, attrExpPresent, true, true);
}
jPath = jPath.substr(0, jPath.lastIndexOf("."));
childNode.add(this.options.textNodeName, tagContent);
this.addChild(currentNode, childNode, jPath);
}else {
//selfClosing tag
if(tagExp.length > 0 && tagExp.lastIndexOf("/") === tagExp.length - 1){
if(tagName[tagName.length - 1] === "/"){ //remove trailing '/'
tagName = tagName.substr(0, tagName.length - 1);
tagExp = tagName;
}else {
tagExp = tagExp.substr(0, tagExp.length - 1);
}
if(this.options.transformTagName) {
tagName = this.options.transformTagName(tagName);
}
2 years ago
1 year ago
const childNode = new xmlNode(tagName);
if(tagName !== tagExp && attrExpPresent){
childNode[":@"] = this.buildAttributesMap(tagExp, jPath, tagName);
}
this.addChild(currentNode, childNode, jPath);
jPath = jPath.substr(0, jPath.lastIndexOf("."));
}
//opening tag
else {
const childNode = new xmlNode( tagName);
this.tagsNodeStack.push(currentNode);
if(tagName !== tagExp && attrExpPresent){
childNode[":@"] = this.buildAttributesMap(tagExp, jPath, tagName);
}
this.addChild(currentNode, childNode, jPath);
currentNode = childNode;
}
textData = "";
i = closeIndex;
}
}
}else {
textData += xmlData[i];
}
}
return xmlObj.child;
};
2 years ago
1 year ago
function addChild(currentNode, childNode, jPath){
const result = this.options.updateTag(childNode.tagname, jPath, childNode[":@"]);
if(result === false);else if(typeof result === "string"){
childNode.tagname = result;
currentNode.addChild(childNode);
}else {
currentNode.addChild(childNode);
}
}
2 years ago
1 year ago
const replaceEntitiesValue$1 = function(val){
2 years ago
1 year ago
if(this.options.processEntities){
for(let entityName in this.docTypeEntities){
const entity = this.docTypeEntities[entityName];
val = val.replace( entity.regx, entity.val);
}
for(let entityName in this.lastEntities){
const entity = this.lastEntities[entityName];
val = val.replace( entity.regex, entity.val);
}
if(this.options.htmlEntities){
for(let entityName in this.htmlEntities){
const entity = this.htmlEntities[entityName];
val = val.replace( entity.regex, entity.val);
}
}
val = val.replace( this.ampEntity.regex, this.ampEntity.val);
}
return val;
};
function saveTextToParentTag(textData, currentNode, jPath, isLeafNode) {
if (textData) { //store previously collected data as textNode
if(isLeafNode === undefined) isLeafNode = Object.keys(currentNode.child).length === 0;
textData = this.parseTextData(textData,
currentNode.tagname,
jPath,
false,
currentNode[":@"] ? Object.keys(currentNode[":@"]).length !== 0 : false,
isLeafNode);
if (textData !== undefined && textData !== "")
currentNode.add(this.options.textNodeName, textData);
textData = "";
}
return textData;
}
2 years ago
1 year ago
//TODO: use jPath to simplify the logic
/**
*
* @param {string[]} stopNodes
* @param {string} jPath
* @param {string} currentTagName
*/
function isItStopNode(stopNodes, jPath, currentTagName){
const allNodesExp = "*." + currentTagName;
for (const stopNodePath in stopNodes) {
const stopNodeExp = stopNodes[stopNodePath];
if( allNodesExp === stopNodeExp || jPath === stopNodeExp ) return true;
}
return false;
}
2 years ago
1 year ago
/**
* Returns the tag Expression and where it is ending handling single-double quotes situation
* @param {string} xmlData
* @param {number} i starting index
* @returns
*/
function tagExpWithClosingIndex(xmlData, i, closingChar = ">"){
let attrBoundary;
let tagExp = "";
for (let index = i; index < xmlData.length; index++) {
let ch = xmlData[index];
if (attrBoundary) {
if (ch === attrBoundary) attrBoundary = "";//reset
} else if (ch === '"' || ch === "'") {
attrBoundary = ch;
} else if (ch === closingChar[0]) {
if(closingChar[1]){
if(xmlData[index + 1] === closingChar[1]){
return {
data: tagExp,
index: index
}
}
}else {
return {
data: tagExp,
index: index
}
}
} else if (ch === '\t') {
ch = " ";
}
tagExp += ch;
}
}
2 years ago
1 year ago
function findClosingIndex(xmlData, str, i, errMsg){
const closingIndex = xmlData.indexOf(str, i);
if(closingIndex === -1){
throw new Error(errMsg)
}else {
return closingIndex + str.length - 1;
}
}
2 years ago
1 year ago
function readTagExp(xmlData,i, removeNSPrefix, closingChar = ">"){
const result = tagExpWithClosingIndex(xmlData, i+1, closingChar);
if(!result) return;
let tagExp = result.data;
const closeIndex = result.index;
const separatorIndex = tagExp.search(/\s/);
let tagName = tagExp;
let attrExpPresent = true;
if(separatorIndex !== -1){//separate tag name and attributes expression
tagName = tagExp.substr(0, separatorIndex).replace(/\s\s*$/, '');
tagExp = tagExp.substr(separatorIndex + 1);
}
if(removeNSPrefix){
const colonIndex = tagName.indexOf(":");
if(colonIndex !== -1){
tagName = tagName.substr(colonIndex+1);
attrExpPresent = tagName !== result.data.substr(colonIndex + 1);
}
}
return {
tagName: tagName,
tagExp: tagExp,
closeIndex: closeIndex,
attrExpPresent: attrExpPresent,
}
}
/**
* find paired tag for a stop node
* @param {string} xmlData
* @param {string} tagName
* @param {number} i
*/
function readStopNodeData(xmlData, tagName, i){
const startIndex = i;
// Starting at 1 since we already have an open tag
let openTagCount = 1;
for (; i < xmlData.length; i++) {
if( xmlData[i] === "<"){
if (xmlData[i+1] === "/") {//close tag
const closeIndex = findClosingIndex(xmlData, ">", i, `${tagName} is not closed`);
let closeTagName = xmlData.substring(i+2,closeIndex).trim();
if(closeTagName === tagName){
openTagCount--;
if (openTagCount === 0) {
return {
tagContent: xmlData.substring(startIndex, i),
i : closeIndex
}
}
}
i=closeIndex;
} else if(xmlData[i+1] === '?') {
const closeIndex = findClosingIndex(xmlData, "?>", i+1, "StopNode is not closed.");
i=closeIndex;
} else if(xmlData.substr(i + 1, 3) === '!--') {
const closeIndex = findClosingIndex(xmlData, "-->", i+3, "StopNode is not closed.");
i=closeIndex;
} else if(xmlData.substr(i + 1, 2) === '![') {
const closeIndex = findClosingIndex(xmlData, "]]>", i, "StopNode is not closed.") - 2;
i=closeIndex;
} else {
const tagData = readTagExp(xmlData, i, '>');
2 years ago
1 year ago
if (tagData) {
const openTagName = tagData && tagData.tagName;
if (openTagName === tagName && tagData.tagExp[tagData.tagExp.length-1] !== "/") {
openTagCount++;
}
i=tagData.closeIndex;
}
}
}
}//end for loop
}
2 years ago
1 year ago
function parseValue(val, shouldParse, options) {
if (shouldParse && typeof val === 'string') {
//console.log(options)
const newval = val.trim();
if(newval === 'true' ) return true;
else if(newval === 'false' ) return false;
else return strnum(val, options);
} else {
if (util.isExist(val)) {
return val;
} else {
return '';
}
}
}
2 years ago
2 years ago
1 year ago
var OrderedObjParser_1 = OrderedObjParser;
1 year ago
/**
*
* @param {array} node
* @param {any} options
* @returns
*/
function prettify$1(node, options){
return compress( node, options);
}
2 years ago
1 year ago
/**
*
* @param {array} arr
* @param {object} options
* @param {string} jPath
* @returns object
*/
function compress(arr, options, jPath){
let text;
const compressedObj = {};
for (let i = 0; i < arr.length; i++) {
const tagObj = arr[i];
const property = propName$1(tagObj);
let newJpath = "";
if(jPath === undefined) newJpath = property;
else newJpath = jPath + "." + property;
if(property === options.textNodeName){
if(text === undefined) text = tagObj[property];
else text += "" + tagObj[property];
}else if(property === undefined){
continue;
}else if(tagObj[property]){
let val = compress(tagObj[property], options, newJpath);
const isLeaf = isLeafTag(val, options);
if(tagObj[":@"]){
assignAttributes( val, tagObj[":@"], newJpath, options);
}else if(Object.keys(val).length === 1 && val[options.textNodeName] !== undefined && !options.alwaysCreateTextNode){
val = val[options.textNodeName];
}else if(Object.keys(val).length === 0){
if(options.alwaysCreateTextNode) val[options.textNodeName] = "";
else val = "";
}
if(compressedObj[property] !== undefined && compressedObj.hasOwnProperty(property)) {
if(!Array.isArray(compressedObj[property])) {
compressedObj[property] = [ compressedObj[property] ];
}
compressedObj[property].push(val);
}else {
//TODO: if a node is not an array, then check if it should be an array
//also determine if it is a leaf node
if (options.isArray(property, newJpath, isLeaf )) {
compressedObj[property] = [val];
}else {
compressedObj[property] = val;
}
}
}
}
// if(text && text.length > 0) compressedObj[options.textNodeName] = text;
if(typeof text === "string"){
if(text.length > 0) compressedObj[options.textNodeName] = text;
}else if(text !== undefined) compressedObj[options.textNodeName] = text;
return compressedObj;
}
2 years ago
1 year ago
function propName$1(obj){
const keys = Object.keys(obj);
for (let i = 0; i < keys.length; i++) {
const key = keys[i];
if(key !== ":@") return key;
}
}
2 years ago
1 year ago
function assignAttributes(obj, attrMap, jpath, options){
if (attrMap) {
const keys = Object.keys(attrMap);
const len = keys.length; //don't make it inline
for (let i = 0; i < len; i++) {
const atrrName = keys[i];
if (options.isArray(atrrName, jpath + "." + atrrName, true, true)) {
obj[atrrName] = [ attrMap[atrrName] ];
} else {
obj[atrrName] = attrMap[atrrName];
}
}
}
}
2 years ago
1 year ago
function isLeafTag(obj, options){
const { textNodeName } = options;
const propCount = Object.keys(obj).length;
if (propCount === 0) {
return true;
}
2 years ago
1 year ago
if (
propCount === 1 &&
(obj[textNodeName] || typeof obj[textNodeName] === "boolean" || obj[textNodeName] === 0)
) {
return true;
}
3 years ago
1 year ago
return false;
}
var prettify_1 = prettify$1;
2 years ago
1 year ago
var node2json = {
prettify: prettify_1
};
3 years ago
1 year ago
const { buildOptions} = OptionsBuilder;
3 years ago
1 year ago
const { prettify} = node2json;
3 years ago
1 year ago
class XMLParser{
constructor(options){
this.externalEntities = {};
this.options = buildOptions(options);
}
/**
* Parse XML dats to JS object
* @param {string|Buffer} xmlData
* @param {boolean|Object} validationOption
*/
parse(xmlData,validationOption){
if(typeof xmlData === "string");else if( xmlData.toString){
xmlData = xmlData.toString();
}else {
throw new Error("XML data is accepted in String or Bytes[] form.")
}
if( validationOption){
if(validationOption === true) validationOption = {}; //validate with default options
const result = validator.validate(xmlData, validationOption);
if (result !== true) {
throw Error( `${result.err.msg}:${result.err.line}:${result.err.col}` )
}
}
const orderedObjParser = new OrderedObjParser_1(this.options);
orderedObjParser.addExternalEntities(this.externalEntities);
const orderedResult = orderedObjParser.parseXml(xmlData);
if(this.options.preserveOrder || orderedResult === undefined) return orderedResult;
else return prettify(orderedResult, this.options);
}
3 years ago
1 year ago
/**
* Add Entity which is not by default supported by this library
* @param {string} key
* @param {string} value
*/
addEntity(key, value){
if(value.indexOf("&") !== -1){
throw new Error("Entity value can't have '&'")
}else if(key.indexOf("&") !== -1 || key.indexOf(";") !== -1){
throw new Error("An entity must be set without '&' and ';'. Eg. use '#xD' for '&#xD;'")
}else if(value === "&"){
throw new Error("An entity with value '&' is not permitted");
}else {
this.externalEntities[key] = value;
}
}
}
3 years ago
1 year ago
var XMLParser_1 = XMLParser;
3 years ago
1 year ago
const EOL = "\n";
2 years ago
1 year ago
/**
*
* @param {array} jArray
* @param {any} options
* @returns
*/
function toXml(jArray, options) {
let indentation = "";
if (options.format && options.indentBy.length > 0) {
indentation = EOL;
}
return arrToStr(jArray, options, "", indentation);
}
2 years ago
1 year ago
function arrToStr(arr, options, jPath, indentation) {
let xmlStr = "";
let isPreviousElementTag = false;
2 years ago
1 year ago
for (let i = 0; i < arr.length; i++) {
const tagObj = arr[i];
const tagName = propName(tagObj);
let newJPath = "";
if (jPath.length === 0) newJPath = tagName;
else newJPath = `${jPath}.${tagName}`;
2 years ago
1 year ago
if (tagName === options.textNodeName) {
let tagText = tagObj[tagName];
if (!isStopNode(newJPath, options)) {
tagText = options.tagValueProcessor(tagName, tagText);
tagText = replaceEntitiesValue(tagText, options);
}
if (isPreviousElementTag) {
xmlStr += indentation;
}
xmlStr += tagText;
isPreviousElementTag = false;
continue;
} else if (tagName === options.cdataPropName) {
if (isPreviousElementTag) {
xmlStr += indentation;
}
xmlStr += `<![CDATA[${tagObj[tagName][0][options.textNodeName]}]]>`;
isPreviousElementTag = false;
continue;
} else if (tagName === options.commentPropName) {
xmlStr += indentation + `<!--${tagObj[tagName][0][options.textNodeName]}-->`;
isPreviousElementTag = true;
continue;
} else if (tagName[0] === "?") {
const attStr = attr_to_str(tagObj[":@"], options);
const tempInd = tagName === "?xml" ? "" : indentation;
let piTextNodeName = tagObj[tagName][0][options.textNodeName];
piTextNodeName = piTextNodeName.length !== 0 ? " " + piTextNodeName : ""; //remove extra spacing
xmlStr += tempInd + `<${tagName}${piTextNodeName}${attStr}?>`;
isPreviousElementTag = true;
continue;
}
let newIdentation = indentation;
if (newIdentation !== "") {
newIdentation += options.indentBy;
}
const attStr = attr_to_str(tagObj[":@"], options);
const tagStart = indentation + `<${tagName}${attStr}`;
const tagValue = arrToStr(tagObj[tagName], options, newJPath, newIdentation);
if (options.unpairedTags.indexOf(tagName) !== -1) {
if (options.suppressUnpairedNode) xmlStr += tagStart + ">";
else xmlStr += tagStart + "/>";
} else if ((!tagValue || tagValue.length === 0) && options.suppressEmptyNode) {
xmlStr += tagStart + "/>";
} else if (tagValue && tagValue.endsWith(">")) {
xmlStr += tagStart + `>${tagValue}${indentation}</${tagName}>`;
} else {
xmlStr += tagStart + ">";
if (tagValue && indentation !== "" && (tagValue.includes("/>") || tagValue.includes("</"))) {
xmlStr += indentation + options.indentBy + tagValue + indentation;
} else {
xmlStr += tagValue;
}
xmlStr += `</${tagName}>`;
}
isPreviousElementTag = true;
}
2 years ago
1 year ago
return xmlStr;
}
2 years ago
1 year ago
function propName(obj) {
const keys = Object.keys(obj);
for (let i = 0; i < keys.length; i++) {
const key = keys[i];
if (key !== ":@") return key;
}
}
2 years ago
1 year ago
function attr_to_str(attrMap, options) {
let attrStr = "";
if (attrMap && !options.ignoreAttributes) {
for (let attr in attrMap) {
let attrVal = options.attributeValueProcessor(attr, attrMap[attr]);
attrVal = replaceEntitiesValue(attrVal, options);
if (attrVal === true && options.suppressBooleanAttributes) {
attrStr += ` ${attr.substr(options.attributeNamePrefix.length)}`;
} else {
attrStr += ` ${attr.substr(options.attributeNamePrefix.length)}="${attrVal}"`;
}
}
}
return attrStr;
}
2 years ago
1 year ago
function isStopNode(jPath, options) {
jPath = jPath.substr(0, jPath.length - options.textNodeName.length - 1);
let tagName = jPath.substr(jPath.lastIndexOf(".") + 1);
for (let index in options.stopNodes) {
if (options.stopNodes[index] === jPath || options.stopNodes[index] === "*." + tagName) return true;
}
return false;
}
2 years ago
1 year ago
function replaceEntitiesValue(textValue, options) {
if (textValue && textValue.length > 0 && options.processEntities) {
for (let i = 0; i < options.entities.length; i++) {
const entity = options.entities[i];
textValue = textValue.replace(entity.regex, entity.val);
}
}
return textValue;
}
var orderedJs2Xml = toXml;
2 years ago
1 year ago
//parse Empty Node as self closing node
2 years ago
1 year ago
const defaultOptions = {
attributeNamePrefix: '@_',
attributesGroupName: false,
textNodeName: '#text',
ignoreAttributes: true,
cdataPropName: false,
format: false,
indentBy: ' ',
suppressEmptyNode: false,
suppressUnpairedNode: true,
suppressBooleanAttributes: true,
tagValueProcessor: function(key, a) {
return a;
},
attributeValueProcessor: function(attrName, a) {
return a;
},
preserveOrder: false,
commentPropName: false,
unpairedTags: [],
entities: [
{ regex: new RegExp("&", "g"), val: "&amp;" },//it must be on top
{ regex: new RegExp(">", "g"), val: "&gt;" },
{ regex: new RegExp("<", "g"), val: "&lt;" },
{ regex: new RegExp("\'", "g"), val: "&apos;" },
{ regex: new RegExp("\"", "g"), val: "&quot;" }
],
processEntities: true,
stopNodes: [],
// transformTagName: false,
// transformAttributeName: false,
oneListGroup: false
};
2 years ago
1 year ago
function Builder(options) {
this.options = Object.assign({}, defaultOptions, options);
if (this.options.ignoreAttributes || this.options.attributesGroupName) {
this.isAttribute = function(/*a*/) {
return false;
};
} else {
this.attrPrefixLen = this.options.attributeNamePrefix.length;
this.isAttribute = isAttribute;
}
this.processTextOrObjNode = processTextOrObjNode;
if (this.options.format) {
this.indentate = indentate;
this.tagEndChar = '>\n';
this.newLine = '\n';
} else {
this.indentate = function() {
return '';
};
this.tagEndChar = '>';
this.newLine = '';
}
}
2 years ago
1 year ago
Builder.prototype.build = function(jObj) {
if(this.options.preserveOrder){
return orderedJs2Xml(jObj, this.options);
}else {
if(Array.isArray(jObj) && this.options.arrayNodeName && this.options.arrayNodeName.length > 1){
jObj = {
[this.options.arrayNodeName] : jObj
};
}
return this.j2x(jObj, 0).val;
}
};
2 years ago
1 year ago
Builder.prototype.j2x = function(jObj, level) {
let attrStr = '';
let val = '';
for (let key in jObj) {
if (typeof jObj[key] === 'undefined') ; else if (jObj[key] === null) {
if(key[0] === "?") val += this.indentate(level) + '<' + key + '?' + this.tagEndChar;
else val += this.indentate(level) + '<' + key + '/' + this.tagEndChar;
// val += this.indentate(level) + '<' + key + '/' + this.tagEndChar;
} else if (jObj[key] instanceof Date) {
val += this.buildTextValNode(jObj[key], key, '', level);
} else if (typeof jObj[key] !== 'object') {
//premitive type
const attr = this.isAttribute(key);
if (attr) {
attrStr += this.buildAttrPairStr(attr, '' + jObj[key]);
}else {
//tag value
if (key === this.options.textNodeName) {
let newval = this.options.tagValueProcessor(key, '' + jObj[key]);
val += this.replaceEntitiesValue(newval);
} else {
val += this.buildTextValNode(jObj[key], key, '', level);
}
}
} else if (Array.isArray(jObj[key])) {
//repeated nodes
const arrLen = jObj[key].length;
let listTagVal = "";
for (let j = 0; j < arrLen; j++) {
const item = jObj[key][j];
if (typeof item === 'undefined') ; else if (item === null) {
if(key[0] === "?") val += this.indentate(level) + '<' + key + '?' + this.tagEndChar;
else val += this.indentate(level) + '<' + key + '/' + this.tagEndChar;
// val += this.indentate(level) + '<' + key + '/' + this.tagEndChar;
} else if (typeof item === 'object') {
if(this.options.oneListGroup ){
listTagVal += this.j2x(item, level + 1).val;
}else {
listTagVal += this.processTextOrObjNode(item, key, level);
}
} else {
listTagVal += this.buildTextValNode(item, key, '', level);
}
}
if(this.options.oneListGroup){
listTagVal = this.buildObjectNode(listTagVal, key, '', level);
}
val += listTagVal;
} else {
//nested node
if (this.options.attributesGroupName && key === this.options.attributesGroupName) {
const Ks = Object.keys(jObj[key]);
const L = Ks.length;
for (let j = 0; j < L; j++) {
attrStr += this.buildAttrPairStr(Ks[j], '' + jObj[key][Ks[j]]);
}
} else {
val += this.processTextOrObjNode(jObj[key], key, level);
}
}
}
return {attrStr: attrStr, val: val};
};
2 years ago
1 year ago
Builder.prototype.buildAttrPairStr = function(attrName, val){
val = this.options.attributeValueProcessor(attrName, '' + val);
val = this.replaceEntitiesValue(val);
if (this.options.suppressBooleanAttributes && val === "true") {
return ' ' + attrName;
} else return ' ' + attrName + '="' + val + '"';
};
2 years ago
1 year ago
function processTextOrObjNode (object, key, level) {
const result = this.j2x(object, level + 1);
if (object[this.options.textNodeName] !== undefined && Object.keys(object).length === 1) {
return this.buildTextValNode(object[this.options.textNodeName], key, result.attrStr, level);
} else {
return this.buildObjectNode(result.val, key, result.attrStr, level);
}
}
2 years ago
1 year ago
Builder.prototype.buildObjectNode = function(val, key, attrStr, level) {
if(val === ""){
if(key[0] === "?") return this.indentate(level) + '<' + key + attrStr+ '?' + this.tagEndChar;
else {
return this.indentate(level) + '<' + key + attrStr + this.closeTag(key) + this.tagEndChar;
}
}else {
let tagEndExp = '</' + key + this.tagEndChar;
let piClosingChar = "";
if(key[0] === "?") {
piClosingChar = "?";
tagEndExp = "";
}
if (attrStr && val.indexOf('<') === -1) {
return ( this.indentate(level) + '<' + key + attrStr + piClosingChar + '>' + val + tagEndExp );
} else if (this.options.commentPropName !== false && key === this.options.commentPropName && piClosingChar.length === 0) {
return this.indentate(level) + `<!--${val}-->` + this.newLine;
}else {
return (
this.indentate(level) + '<' + key + attrStr + piClosingChar + this.tagEndChar +
val +
this.indentate(level) + tagEndExp );
}
}
};
2 years ago
1 year ago
Builder.prototype.closeTag = function(key){
let closeTag = "";
if(this.options.unpairedTags.indexOf(key) !== -1){ //unpaired
if(!this.options.suppressUnpairedNode) closeTag = "/";
}else if(this.options.suppressEmptyNode){ //empty
closeTag = "/";
}else {
closeTag = `></${key}`;
}
return closeTag;
};
2 years ago
1 year ago
Builder.prototype.buildTextValNode = function(val, key, attrStr, level) {
if (this.options.cdataPropName !== false && key === this.options.cdataPropName) {
return this.indentate(level) + `<![CDATA[${val}]]>` + this.newLine;
}else if (this.options.commentPropName !== false && key === this.options.commentPropName) {
return this.indentate(level) + `<!--${val}-->` + this.newLine;
}else if(key[0] === "?") {//PI tag
return this.indentate(level) + '<' + key + attrStr+ '?' + this.tagEndChar;
}else {
let textValue = this.options.tagValueProcessor(key, val);
textValue = this.replaceEntitiesValue(textValue);
if( textValue === ''){
return this.indentate(level) + '<' + key + attrStr + this.closeTag(key) + this.tagEndChar;
}else {
return this.indentate(level) + '<' + key + attrStr + '>' +
textValue +
'</' + key + this.tagEndChar;
}
}
};
2 years ago
1 year ago
Builder.prototype.replaceEntitiesValue = function(textValue){
if(textValue && textValue.length > 0 && this.options.processEntities){
for (let i=0; i<this.options.entities.length; i++) {
const entity = this.options.entities[i];
textValue = textValue.replace(entity.regex, entity.val);
}
}
return textValue;
};
2 years ago
1 year ago
function indentate(level) {
return this.options.indentBy.repeat(level);
}
2 years ago
1 year ago
function isAttribute(name /*, options*/) {
if (name.startsWith(this.options.attributeNamePrefix)) {
return name.substr(this.attrPrefixLen);
} else {
return false;
}
}
2 years ago
1 year ago
var json2xml = Builder;
2 years ago
1 year ago
var fxp = {
XMLParser: XMLParser_1,
XMLValidator: validator,
XMLBuilder: json2xml
};
2 years ago
1 year ago
// The pound sign is optional here
const TAG_NAME_WITH_HEADER = /tag:(#?[\p{L}\p{N}_\/\-]*)/gu;
// Same as above, but also supporting wildcards for query purposes (not used for inline tags)
const TAG_NAME_WITH_HEADER_AND_WILDCARD = /tag:(#?[\p{L}\p{N}_\/\-\*]*)/gu;
// Note no '#' sign
const INLINE_TAG_IN_NOTE = /tag:(?<tag>[\p{L}\p{N}_\/\-]+)/gu;
// path:"..."
const PATH_QUERY_WITH_HEADER = /path:"(['\p{L}\p{N}_,&\(\)\s/\-\\\.]+?)"/gu;
const LINKEDTO_QUERY_WITH_HEADER = /linkedto:"(['\p{L}\p{N}_,&\(\)\s/\-\\\.]+?)"/gu;
const LINKEDFROM_QUERY_WITH_HEADER = /linkedfrom:"(['\p{L}\p{N}_,&\(\)\s/\-\\\.]+?)"/gu;
// Known bug: this is not inclusive enough, many legal names with special characters would not be matched here
const NAME_QUERY_WITH_HEADER = /name:"(['\p{L}\p{N}_,&\(\)\s/\-\\\.]+?)"/gu;
// path:"path with spaces" OR path:path_without_spaces
const QUOTED_OR_NOT_QUOTED_PATH = /path:(("([\p{L}\p{N}_,&\(\)\s'/\-\\\.]*)")|([\p{L}\p{N}_,&\(\)'/\-\\\.]*))/gu;
const QUOTED_OR_NOT_QUOTED_LINKEDTO = /linkedto:(("([\p{L}\p{N}_,&\(\)\s'/\-\\\.]*)")|([\p{L}\p{N}_,&\(\)'/\-\\\.]*))/gu;
const QUOTED_OR_NOT_QUOTED_LINKEDFROM = /linkedfrom:(("([\p{L}\p{N}_,&\(\)\s'/\-\\\.]*)")|([\p{L}\p{N}_,&\(\)'/\-\\\.]*))/gu;
const COORDINATES = /(?<lat>[+-]?([0-9]*[.])?[0-9]+),(?<lng>[+-]?([0-9]*[.])?[0-9]+)/;
const INLINE_LOCATION_OLD_SYNTAX = /`location:\s*\[?(?<lat>[+-]?([0-9]*[.])?[0-9]+)\s*,\s*(?<lng>[+-]?([0-9]*[.])?[0-9]+)\]?/g;
// A link name is defined here as [^\]]* to prevent a previous link in the same line to count as the beginning
// of the link name
const INLINE_LOCATION_WITH_TAGS = /(?<link>\[(?<name>[^\]]*?)\]\(geo:(?<lat>[+-]?([0-9]*[.])?[0-9]+),(?<lng>[+-]?([0-9]*[.])?[0-9]+)\))[ \t]*(?<tags>(tag:[\p{L}\p{N}_\/\-]+[\s,.]+)*)/gu;
const FRONT_MATTER_LOCATION = /(?<header>^---.*)(?<loc>location:[ \t]*\[(?<lat>[+-]?([0-9]*[.])?[0-9]+),(?<lng>[+-]?([0-9]*[.])?[0-9]+)\]).*^---/ms;
// location: [32.84577588420059,35.36074429750443]
/**
* Returns a match object if the given cursor position has the beginning
* of a `tag:...` expression
*/
function getTagUnderCursor(line, cursorPosition) {
return matchByPosition(line, TAG_NAME_WITH_HEADER, cursorPosition);
}
2 years ago
1 year ago
/**
* TODO! This is an unfinished feature of an Import dialog, currently only from KML (that can be exported
* from Google Maps).
* It's written very roughly as a POC and needs lots of cleaning up before enabling for all users.
*/
class ImportDialog extends obsidian.Modal {
constructor(editor, app, plugin, settings) {
super(app);
this.editor = editor;
this.plugin = plugin;
this.settings = settings;
}
onOpen() {
const grid = this.contentEl.createDiv({ cls: 'importDialogGrid' });
const row1 = grid.createDiv({ cls: 'importDialogLine' });
const row2 = grid.createDiv({ cls: 'importDialogLine' });
const row3 = grid.createDiv({ cls: 'importDialogLine' });
const row4 = grid.createDiv({ cls: 'importDialogLine' });
row1.innerHTML = `
<p>This <b>experimental</b> tool can import geolocations from a KML file into the current note.</p>
<input type="file" accept=".kml" id="file-input"/>
`;
// TODO make collapsible
const templateBox = new obsidian.TextAreaComponent(row2).setValue(`- [{{name}}](geo:{{location}})`);
const fileInput = document.getElementById('file-input');
let imported = null;
fileInput.addEventListener('change', (ev) => {
const fileReader = new FileReader();
fileReader.readAsText(fileInput.files[0]);
fileReader.addEventListener('load', () => __awaiter(this, void 0, void 0, function* () {
if (typeof fileReader.result === 'string') {
imported = yield tryKmlImport(fileReader.result);
if (imported && imported.items.length > 0) {
row3.innerHTML = `${imported.items.length} items ready for import`;
2 years ago
}
1 year ago
else {
row3.innerHTML = 'Unable to import from this file';
2 years ago
}
}
1 year ago
}));
});
new obsidian.ButtonComponent(row4)
.setButtonText('Import')
.onClick(() => __awaiter(this, void 0, void 0, function* () {
if (!imported || imported.items.length === 0)
return;
const text = styleImportedList(imported, templateBox.getValue());
if (text) {
this.editor.replaceSelection(text);
verifyOrAddFrontMatterForInline(this.editor, this.settings);
}
this.close();
}));
}
}
function tryKmlImport(fileContent) {
var _a, _b;
return __awaiter(this, void 0, void 0, function* () {
const result = {
title: null,
items: [],
};
try {
const parser = new fxp.XMLParser();
const parsedContent = parser.parse(fileContent);
let mainDocument = (_a = parsedContent === null || parsedContent === void 0 ? void 0 : parsedContent.kml) === null || _a === void 0 ? void 0 : _a.Document;
if (mainDocument) {
const name = mainDocument.name;
const places = mainDocument.Placemark;
if (places && places.length > 0) {
if (name && name.length > 0)
result.title = name;
for (const place of places) {
const placeName = place.name;
const placeCoords = (_b = place.Point) === null || _b === void 0 ? void 0 : _b.coordinates;
if (placeCoords &&
placeCoords.length > 0 &&
typeof placeCoords === 'string') {
const coordinates = placeCoords.match(COORDINATES);
if (coordinates && coordinates.length > 3) {
result.items.push({
name: placeName,
lat: parseFloat(coordinates[3]),
lng: parseFloat(coordinates[1]),
});
}
2 years ago
}
}
1 year ago
return result;
}
}
}
catch (e) {
// TODO have a proper error here
console.log('Import error', e);
}
return null;
});
}
function styleImportedList(imported, template) {
let result = '';
if (imported.title)
result += `## ${imported.title}\n`;
for (const item of imported.items) {
const formattedItem = template
.replace(/\{\{name}}/g, item.name)
.replace(/\{\{location}}/g, `${item.lat},${item.lng}`);
result += formattedItem + '\n';
}
return result;
}
2 years ago
1 year ago
function addShowOnMap(menu, geolocation, file, editorLine, plugin, settings) {
if (geolocation) {
menu.addItem((item) => {
item.setTitle('Show on map');
item.setSection('mapview');
item.setIcon('globe');
const openFunc = (evt) => __awaiter(this, void 0, void 0, function* () {
return yield plugin.openMapWithLocation(geolocation, mouseEventToOpenMode(settings, evt, 'openMap'), file, editorLine, evt.shiftKey);
});
item.onClick(openFunc);
addPatchyMiddleClickHandler(item, menu, openFunc);
});
}
}
function addOpenWith(menu, geolocation, settings) {
if (geolocation) {
menu.addItem((item) => {
item.setTitle('Open with default app');
item.setIcon('map-pin');
item.setSection('mapview');
item.onClick((_ev) => {
open(`geo:${geolocation.lat},${geolocation.lng}`);
});
});
// Populate menu items from user defined "Open In" strings
populateOpenInItems(menu, geolocation, settings);
}
}
/**
* Populate a context menu from the user configurable URLs
* @param menu The menu to attach
* @param location The geolocation to use in the menu item
* @param settings Plugin settings
*/
function populateOpenInItems(menu, location, settings) {
for (let setting of settings.openIn) {
if (!setting.name || !setting.urlPattern)
continue;
const fullUrl = setting.urlPattern
.replace('{x}', location.lat.toString())
.replace('{y}', location.lng.toString());
menu.addItem((item) => {
item.setTitle(`Open in ${setting.name}`);
item.setIcon('map-pin');
item.setSection('mapview');
item.onClick((_ev) => {
open(fullUrl);
});
});
}
}
function addGeolocationToNote(menu, app, plugin, editor, settings) {
menu.addItem((item) => {
item.setTitle('Add geolocation (front matter)');
item.setSection('mapview');
item.setIcon('globe');
item.onClick((_evt) => __awaiter(this, void 0, void 0, function* () {
const dialog = new LocationSearchDialog(app, plugin, settings, 'addToNote', 'Add geolocation to note', editor);
dialog.open();
}));
});
}
function addFocusNoteInMapView(menu, file, settings, plugin) {
menu.addItem((item) => {
const fileName = trimmedFileName(file);
item.setTitle(`Focus '${fileName}' in Map View`);
item.setIcon('globe');
item.setSection('mapview');
const openFunc = (evt) => __awaiter(this, void 0, void 0, function* () {
return yield plugin.openMapWithState({
query: replaceFollowActiveNoteQuery(file, settings),
}, mouseEventToOpenMode(settings, evt, 'openMap'), true);
});
item.onClick(openFunc);
addPatchyMiddleClickHandler(item, menu, openFunc);
});
}
function addUrlConversionItems(menu, editor, suggestor, urlConvertor, settings) {
if (editor.getSelection()) {
// If there is text selected, add a menu item to convert it to coordinates using geosearch
menu.addItem((item) => {
item.setTitle('Convert to geolocation (geosearch)');
item.setIcon('search');
item.setSection('mapview');
item.onClick(() => __awaiter(this, void 0, void 0, function* () { return yield suggestor.selectionToLink(editor); }));
});
}
if (urlConvertor.hasMatchInLine(editor))
// If the line contains a recognized geolocation that can be converted from a URL parsing rule
menu.addItem((item) => __awaiter(this, void 0, void 0, function* () {
item.setTitle('Convert to geolocation');
item.setIcon('search');
item.setSection('mapview');
item.onClick(() => __awaiter(this, void 0, void 0, function* () {
urlConvertor.convertUrlAtCursorToGeolocation(editor);
}));
}));
menu.addItem((item) => {
item.setTitle('Paste as geolocation');
item.setSection('mapview');
item.setIcon('clipboard-x');
item.onClick(() => __awaiter(this, void 0, void 0, function* () {
const clipboard = yield navigator.clipboard.readText();
let clipboardLocation = urlConvertor.parseLocationFromUrl(clipboard);
if (clipboardLocation instanceof Promise)
clipboardLocation = yield clipboardLocation;
if (clipboardLocation)
insertLocationToEditor(clipboardLocation.location, editor, settings);
}));
});
}
function addEmbed(menu, plugin, editor) {
menu.addItem((item) => {
item.setTitle('Embed a Map View');
item.setSection('mapview');
item.setIcon('log-in');
item.onClick(() => {
plugin.openQuickEmbed(editor);
});
});
}
function addNewNoteItems(menu, geolocation, mapContainer, settings, app) {
const locationString = `${geolocation.lat},${geolocation.lng}`;
menu.addItem((item) => {
item.setTitle('New note here (inline)');
item.setIcon('edit');
item.setSection('new');
const openFunc = (ev) => __awaiter(this, void 0, void 0, function* () {
const newFileName = formatWithTemplates(settings.newNoteNameFormat);
const [file, cursorPos] = yield newNote(app, 'multiLocation', settings.newNotePath, newFileName, locationString, settings.newNoteTemplate);
mapContainer.goToFile(file, mouseEventToOpenMode(settings, ev, 'openNote'), (editor) => __awaiter(this, void 0, void 0, function* () { return goToEditorLocation(editor, cursorPos, false); }));
});
item.onClick(openFunc);
addPatchyMiddleClickHandler(item, menu, openFunc);
});
menu.addItem((item) => {
item.setTitle('New note here (front matter)');
item.setIcon('edit');
item.setSection('new');
const openFunc = (ev) => __awaiter(this, void 0, void 0, function* () {
const newFileName = formatWithTemplates(settings.newNoteNameFormat);
const [file, cursorPos] = yield newNote(app, 'singleLocation', settings.newNotePath, newFileName, locationString, settings.newNoteTemplate);
mapContainer.goToFile(file, mouseEventToOpenMode(settings, ev, 'openNote'), (editor) => __awaiter(this, void 0, void 0, function* () { return goToEditorLocation(editor, cursorPos, false); }));
});
item.onClick(openFunc);
addPatchyMiddleClickHandler(item, menu, openFunc);
});
}
function addCopyGeolocationItems(menu, geolocation) {
const locationString = `${geolocation.lat},${geolocation.lng}`;
menu.addItem((item) => {
item.setTitle(`Copy geolocation`);
item.setIcon('copy');
item.setSection('copy');
item.onClick((_ev) => {
navigator.clipboard.writeText(`[](geo:${locationString})`);
});
});
menu.addItem((item) => {
item.setTitle(`Copy geolocation as front matter`);
item.setIcon('copy');
item.setSection('copy');
item.onClick((_ev) => {
navigator.clipboard.writeText(`---\nlocation: [${locationString}]\n---\n\n`);
});
});
}
function addFocusLinesInMapView(menu, file, fromLine, toLine, numLocations, plugin, settings) {
menu.addItem((item) => {
item.setTitle(`Focus ${numLocations} ${numLocations > 1 ? 'geolocations' : 'geolocation'} in Map View`);
item.setIcon('globe');
item.setSection('mapview');
const openFunc = (evt) => __awaiter(this, void 0, void 0, function* () {
return yield plugin.openMapWithState({
query: `path:"${file.path}" AND lines:${fromLine}-${toLine}`,
}, mouseEventToOpenMode(settings, evt, 'openMap'), true);
});
item.onClick(openFunc);
addPatchyMiddleClickHandler(item, menu, openFunc);
});
}
function addImport(menu, editor, app, plugin, settings) {
menu.addItem((item) => {
// TODO: this is an unfinished corner of the code, currently bypassed by default
item.setTitle('Import geolocations from file...');
item.setIcon('globe');
item.setSection('mapview');
item.onClick((evt) => __awaiter(this, void 0, void 0, function* () {
const importDialog = new ImportDialog(editor, app, plugin, settings);
importDialog.open();
}));
});
}
function populateOpenNote(mapContainer, fileMarker, menu, settings) {
menu.addItem((item) => {
item.setTitle('Open note');
item.setIcon('file');
item.setSection('open-note');
item.onClick((evt) => __awaiter(this, void 0, void 0, function* () {
mapContainer.goToMarker(fileMarker, mouseEventToOpenMode(settings, evt, 'openNote'), true);
}));
addPatchyMiddleClickHandler(item, menu, (evt) => __awaiter(this, void 0, void 0, function* () {
mapContainer.goToMarker(fileMarker, mouseEventToOpenMode(settings, evt, 'openNote'), true);
}));
});
}
// The MenuItem object in the Obsidian API doesn't let us listen to a middle-click, so we patch around it
function addPatchyMiddleClickHandler(item, menu, handler) {
const itemDom = item.dom;
if (itemDom) {
itemDom.addEventListener('mousedown', (ev) => {
if (ev.button === 1) {
menu.close();
handler(ev);
}
2 years ago
});
1 year ago
}
}
function populateRouting(mapContainer, geolocation, menu, settings) {
if (geolocation) {
menu.addItem((item) => {
item.setTitle('Mark as routing source');
item.setSection('mapview');
item.setIcon('flag');
item.onClick(() => {
mapContainer.setRoutingSource(geolocation);
});
});
if (mapContainer.display.routingSource) {
menu.addItem((item) => {
item.setTitle('Route to point');
item.setSection('mapview');
item.setIcon('milestone');
item.onClick(() => {
const origin = mapContainer.display.routingSource.getLatLng();
const routingTemplate = settings.routingUrl;
const url = routingTemplate
.replace('{x0}', origin.lat.toString())
.replace('{y0}', origin.lng.toString())
.replace('{x1}', geolocation.lat.toString())
.replace('{y1}', geolocation.lng.toString());
open(url);
});
});
}
}
}
2 years ago
1 year ago
/*!
* Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com
* License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
* Copyright 2023 Fonticons, Inc.
*/
!function(){var c={},l={};try{"undefined"!=typeof window&&(c=window),"undefined"!=typeof document&&(l=document);}catch(c){}var s=(c.navigator||{}).userAgent,a=void 0===s?"":s,z=c,e=l;z.document,e.documentElement&&e.head&&"function"==typeof e.addEventListener&&e.createElement,~a.indexOf("MSIE")||a.indexOf("Trident/");function H(l,c){var s,a=Object.keys(l);return Object.getOwnPropertySymbols&&(s=Object.getOwnPropertySymbols(l),c&&(s=s.filter(function(c){return Object.getOwnPropertyDescriptor(l,c).enumerable})),a.push.apply(a,s)),a}function t(l){for(var c=1;c<arguments.length;c++){var s=null!=arguments[c]?arguments[c]:{};c%2?H(Object(s),!0).forEach(function(c){V(l,c,s[c]);}):Object.getOwnPropertyDescriptors?Object.defineProperties(l,Object.getOwnPropertyDescriptors(s)):H(Object(s)).forEach(function(c){Object.defineProperty(l,c,Object.getOwnPropertyDescriptor(s,c));});}return l}function V(c,l,s){return l in c?Object.defineProperty(c,l,{value:s,enumerable:!0,configurable:!0,writable:!0}):c[l]=s,c}function r(c,l){(null==l||l>c.length)&&(l=c.length);for(var s=0,a=new Array(l);s<l;s++)a[s]=c[s];return a}var M="___FONT_AWESOME___",h=function(){try{return !0}catch(c){return !1}}(),n="classic",i="sharp",m=[n,i];function o(c){return new Proxy(c,{get:function(c,l){return l in c?c[l]:c[n]}})}o((V(v={},n,{fa:"solid",fas:"solid","fa-solid":"solid",far:"regular","fa-regular":"regular",fal:"light","fa-light":"light",fat:"thin","fa-thin":"thin",fad:"duotone","fa-duotone":"duotone",fab:"brands","fa-brands":"brands",fak:"kit","fa-kit":"kit"}),V(v,i,{fa:"solid",fass:"solid","fa-solid":"solid",fasr:"regular","fa-regular":"regular",fasl:"light","fa-light":"light"}),v));var f=o((V(C={},n,{solid:"fas",regular:"far",light:"fal",thin:"fat",duotone:"fad",brands:"fab",kit:"fak"}),V(C,i,{solid:"fass",regular:"fasr",light:"fasl"}),C)),e=(o((V(s={},n,{fab:"fa-brands",fad:"fa-duotone",fak:"fa-kit",fal:"fa-light",far:"fa-regular",fas:"fa-solid",fat:"fa-thin"}),V(s,i,{fass:"fa-solid",fasr:"fa-regular",fasl:"fa-light"}),s)),o((V(c={},n,{"fa-brands":"fab","fa-duotone":"fad","fa-kit":"fak","fa-light":"fal","fa-regular":"far","fa-solid":"fas","fa-thin":"fat"}),V(c,i,{"fa-solid":"fass","fa-regular":"fasr","fa-light":"fasl"}),c)),o((V(l={},n,{900:"fas",400:"far",normal:"far",300:"fal",100:"fat"}),V(l,i,{900:"fass",400:"fasr",300:"fasl"}),l)),[1,2,3,4,5,6,7,8,9,10]),a=e.concat([11,12,13,14,15,16,17,18,19,20]),v="duotone-group",C="swap-opacity",s="primary",c="secondary",l=new Set;Object.keys(f[n]).map(l.add.bind(l)),Object.keys(f[i]).map(l.add.bind(l));[].concat(m,function(c){if(Array.isArray(c))return r(c)}(l=l)||function(c){if("undefined"!=typeof Symbol&&null!=c[Symbol.iterator]||null!=c["@@iterator"])return Array.from(c)}(l)||function(c,l){if(c){if("string"==typeof c)return r(c,l);var s=Object.prototype.toString.call(c).slice(8,-1);return "Map"===(s="Object"===s&&c.constructor?c.constructor.name:s)||"Set"===s?Array.from(c):"Arguments"===s||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(s)?r(c,l):void 0}}(l)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}(),["2xs","xs","sm","lg","xl","2xl","beat","border","fade","beat-fade","bounce","flip-both","flip-horizontal","flip-vertical","flip","fw","inverse","layers-counter","layers-text","layers","li","pull-left","pull-right","pulse","rotate-180","rotate-270","rotate-90","rotate-by","shake","spin-pulse","spin-reverse","spin","stack-1x","stack-2x","stack","ul",v,C,s,c]).concat(e.map(function(c){return "".concat(c,"x")})).concat(a.map(function(c){return "w-".concat(c)}));z=z||{};z[M]||(z[M]={}),z[M].styles||(z[M].styles={}),z[M].hooks||(z[M].hooks={}),z[M].shims||(z[M].shims=[]);var L=z[M];function u(a){return Object.keys(a).reduce(function(c,l){var s=a[l];return !!s.icon?c[s.iconName]=s.icon:c[l]=s,c},{})}function d(c,l,s){var a=(2<arguments.length&&void 0!==s?s:{}).skipHooks,s=void 0!==a&&a,a=u(l);"function"!=typeof L.hooks.addPack||s?L.styles[c]=t(t({},L.styles[c]||{}),a):L.hooks.addPack(c,u(l)),"f
2 years ago
1 year ago
var css_248z$3 = "/* required styles */\r\n\r\n.leaflet-pane,\r\n.leaflet-tile,\r\n.leaflet-marker-icon,\r\n.leaflet-marker-shadow,\r\n.leaflet-tile-container,\r\n.leaflet-pane > svg,\r\n.leaflet-pane > canvas,\r\n.leaflet-zoom-box,\r\n.leaflet-image-layer,\r\n.leaflet-layer {\r\n\tposition: absolute;\r\n\tleft: 0;\r\n\ttop: 0;\r\n\t}\r\n.leaflet-container {\r\n\toverflow: hidden;\r\n\t}\r\n.leaflet-tile,\r\n.leaflet-marker-icon,\r\n.leaflet-marker-shadow {\r\n\t-webkit-user-select: none;\r\n\t -moz-user-select: none;\r\n\t user-select: none;\r\n\t -webkit-user-drag: none;\r\n\t}\r\n/* Prevents IE11 from highlighting tiles in blue */\r\n.leaflet-tile::selection {\r\n\tbackground: transparent;\r\n}\r\n/* Safari renders non-retina tile on retina better with this, but Chrome is worse */\r\n.leaflet-safari .leaflet-tile {\r\n\timage-rendering: -webkit-optimize-contrast;\r\n\t}\r\n/* hack that prevents hw layers \"stretching\" when loading new tiles */\r\n.leaflet-safari .leaflet-tile-container {\r\n\twidth: 1600px;\r\n\theight: 1600px;\r\n\t-webkit-transform-origin: 0 0;\r\n\t}\r\n.leaflet-marker-icon,\r\n.leaflet-marker-shadow {\r\n\tdisplay: block;\r\n\t}\r\n/* .leaflet-container svg: reset svg max-width decleration shipped in Joomla! (joomla.org) 3.x */\r\n/* .leaflet-container img: map is broken in FF if you have max-width: 100% on tiles */\r\n.leaflet-container .leaflet-overlay-pane svg,\r\n.leaflet-container .leaflet-marker-pane img,\r\n.leaflet-container .leaflet-shadow-pane img,\r\n.leaflet-container .leaflet-tile-pane img,\r\n.leaflet-container img.leaflet-image-layer,\r\n.leaflet-container .leaflet-tile {\r\n\tmax-width: none !important;\r\n\tmax-height: none !important;\r\n\t}\r\n\r\n.leaflet-container.leaflet-touch-zoom {\r\n\t-ms-touch-action: pan-x pan-y;\r\n\ttouch-action: pan-x pan-y;\r\n\t}\r\n.leaflet-container.leaflet-touch-drag {\r\n\t-ms-touch-action: pinch-zoom;\r\n\t/* Fallback for FF which doesn't support pinch-zoom */\r\n\ttouch-action: none;\r\n\ttouch-action: pinch-zoom;\r\n}\r\n.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom {\r\n\t-ms-touch-action: none;\r\n\ttouch-action: none;\r\n}\r\n.leaflet-container {\r\n\t-webkit-tap-highlight-color: transparent;\r\n}\r\n.leaflet-container a {\r\n\t-webkit-tap-highlight-color: rgba(51, 181, 229, 0.4);\r\n}\r\n.leaflet-tile {\r\n\tfilter: inherit;\r\n\tvisibility: hidden;\r\n\t}\r\n.leaflet-tile-loaded {\r\n\tvisibility: inherit;\r\n\t}\r\n.leaflet-zoom-box {\r\n\twidth: 0;\r\n\theight: 0;\r\n\t-moz-box-sizing: border-box;\r\n\t box-sizing: border-box;\r\n\tz-index: 800;\r\n\t}\r\n/* workaround for https://bugzilla.mozilla.org/show_bug.cgi?id=888319 */\r\n.leaflet-overlay-pane svg {\r\n\t-moz-user-select: none;\r\n\t}\r\n\r\n.leaflet-pane { z-index: 400; }\r\n\r\n.leaflet-tile-pane { z-index: 200; }\r\n.leaflet-overlay-pane { z-index: 400; }\r\n.leaflet-shadow-pane { z-index: 500; }\r\n.leaflet-marker-pane { z-index: 600; }\r\n.leaflet-tooltip-pane { z-index: 650; }\r\n.leaflet-popup-pane { z-index: 700; }\r\n\r\n.leaflet-map-pane canvas { z-index: 100; }\r\n.leaflet-map-pane svg { z-index: 200; }\r\n\r\n.leaflet-vml-shape {\r\n\twidth: 1px;\r\n\theight: 1px;\r\n\t}\r\n.lvml {\r\n\tbehavior: url(#default#VML);\r\n\tdisplay: inline-block;\r\n\tposition: absolute;\r\n\t}\r\n\r\n\r\n/* control positioning */\r\n\r\n.leaflet-control {\r\n\tposition: relative;\r\n\tz-index: 800;\r\n\tpointer-events: visiblePainted; /* IE 9-10 doesn't have auto */\r\n\tpointer-events: auto;\r\n\t}\r\n.leaflet-top,\r\n.leaflet-bottom {\r\n\tposition: absolute;\r\n\tz-index: 1000;\r\n\tpointer-events: none;\r\n\t}\r\n.leaflet-top {\r\n\ttop: 0;\r\n\t}\r\n.leaflet-right {\r\n\tright: 0;\r\n\t}\r\n.leaflet-bottom {\r\n\tbottom: 0;\r\n\t}\r\n.leaflet-left {\r\n\tleft: 0;\r\n\t}\r\n.leaflet-control {\r\n\tfloat: left;\r\n\tclear: both;\r\n\t}\r\n.leaflet-right .leaflet-control {\r\n\tfloat: right;\r\n\t}\r\n.leaflet-top .leaflet-control {\r\n\tmargin-top: 10px;\r\n\t}\r\n.leaflet-bottom .leaflet-control {\r\n\tmargin-bottom: 10px;\r\n\t}\r\n.
styleInject(css_248z$3);
2 years ago
1 year ago
var css_248z$2 = "/* global styling */\n.leaflet-control-geosearch *,\n.leaflet-control-geosearch *:before,\n.leaflet-control-geosearch *:after {\n box-sizing: border-box;\n}\n\n/* leaflet button styling */\n.leaflet-control-geosearch .leaflet-bar-part {\n border-radius: 4px;\n border-bottom: none;\n}\n\n.leaflet-control-geosearch a.leaflet-bar-part:before,\n.leaflet-control-geosearch a.leaflet-bar-part:after {\n position: absolute;\n display: block;\n content: '';\n}\n\n/* magnifying glass */\n.leaflet-control-geosearch a.leaflet-bar-part:before {\n top: 15px;\n left: 13px;\n width: 6px;\n border-top: 2px solid #555;\n transform: rotateZ(45deg);\n}\n\n.leaflet-control-geosearch a.leaflet-bar-part:after {\n top: 8px;\n left: 8px;\n height: 8px;\n width: 8px;\n border-radius: 50%;\n border: 2px solid #555;\n}\n\n/* resets for pending and error icons */\n.leaflet-control-geosearch.error a.leaflet-bar-part:before,\n.leaflet-control-geosearch.pending a.leaflet-bar-part:before {\n display: none;\n}\n\n.leaflet-control-geosearch.pending a.leaflet-bar-part:after,\n.leaflet-control-geosearch.error a.leaflet-bar-part:after {\n left: 50%;\n top: 50%;\n width: 18px;\n height: 18px;\n margin: -9px 0 0 -9px;\n border-radius: 50%;\n}\n\n/* pending icon */\n.leaflet-control-geosearch.pending a.leaflet-bar-part:after {\n content: '';\n border: 2px solid #555;\n border-top: 2px solid #f3f3f3;\n animation: spin 1s linear infinite;\n}\n\n/* error icon */\n.leaflet-control-geosearch.error a.leaflet-bar-part:after {\n content: '!';\n line-height: initial;\n font-weight: 600;\n font-size: 18px;\n border: none;\n}\n\n/* search form styling */\n.leaflet-control-geosearch form {\n display: none;\n position: absolute;\n top: 0;\n left: 36px;\n border-radius: 0 4px 4px 0;\n background-color: #fff;\n background-clip: padding-box;\n z-index: -1;\n height: auto;\n margin: 0;\n padding: 0 8px;\n box-shadow: 0 1px 5px rgba(0, 0, 0, 0.65);\n}\n\n.leaflet-geosearch-button form.open {\n border-radius: 0 4px 4px 4px;\n}\n.leaflet-control-geosearch.active form {\n display: block;\n}\n\n.leaflet-geosearch-button.active .leaflet-bar-part {\n border-radius: 4px 0 0 4px;\n width: 36px;\n}\n\n.leaflet-geosearch-button form {\n max-width: 350px;\n}\n\n.leaflet-control-geosearch form input {\n min-width: 200px;\n width: 100%;\n outline: none;\n border: none;\n margin: 0;\n padding: 0;\n font-size: 12px;\n height: 30px;\n border: none;\n border-radius: 0 4px 4px 0;\n text-indent: 8px;\n}\n\n.leaflet-touch .leaflet-geosearch-bar form {\n border: 2px solid rgba(0,0,0,0.2);\n box-shadow: none;\n}\n\n.leaflet-touch .leaflet-geosearch-bar form input {\n height: 30px;\n}\n\n.leaflet-control-geosearch .results {\n background: #fff;\n}\n\n.leaflet-control-geosearch .results > * {\n line-height: 24px;\n padding: 0 8px;\n border: 1px solid transparent;\n\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n\n.leaflet-control-geosearch .results.active {\n padding: 8px 0;\n border-top: 1px solid #c6c6c6;\n}\n\n.leaflet-control-geosearch .results > .active,\n.leaflet-control-geosearch .results > :hover {\n background-color: #f8f8f8;\n border-color: #c6c6c6;\n cursor: pointer;\n}\n\n/* add missing border to form */\n.leaflet-control-geosearch .results.active:after {\n content: '';\n display: block;\n width: 0;\n position: absolute;\n left: -2px;\n bottom: -2px;\n top: 30px;\n}\n\n.leaflet-touch .leaflet-control-geosearch .results.active:after {\n border-left: 2px solid rgba(0, 0, 0, .2);\n}\n\n/* animations */\n@keyframes spin {\n 0% { transform: rotate(0deg); }\n 100% { transform: rotate(360deg); }\n}\n\n.leaflet-top .leaflet-geosearch-bar,\n.leaflet-bottom .leaflet-geosearch-bar {\n display: none;\n}\n\n.leaflet-geosearch-bar {\n position: relative;\n display: block;\n height: auto;\n width: 400px;\n max-width: calc(100% - 120px);\n margin: 10px auto 0;\n cursor: auto;\n z-index: 1000;\n}\n\n.leaflet-geosearch-bar form {\n position: relative;\n top: 0;\n left
styleInject(css_248z$2);
2 years ago
1 year ago
var css_248z$1 = ".leaflet-cluster-anim .leaflet-marker-icon, .leaflet-cluster-anim .leaflet-marker-shadow {\n\t-webkit-transition: -webkit-transform 0.3s ease-out, opacity 0.3s ease-in;\n\t-moz-transition: -moz-transform 0.3s ease-out, opacity 0.3s ease-in;\n\t-o-transition: -o-transform 0.3s ease-out, opacity 0.3s ease-in;\n\ttransition: transform 0.3s ease-out, opacity 0.3s ease-in;\n}\n\n.leaflet-cluster-spider-leg {\n\t/* stroke-dashoffset (duration and function) should match with leaflet-marker-icon transform in order to track it exactly */\n\t-webkit-transition: -webkit-stroke-dashoffset 0.3s ease-out, -webkit-stroke-opacity 0.3s ease-in;\n\t-moz-transition: -moz-stroke-dashoffset 0.3s ease-out, -moz-stroke-opacity 0.3s ease-in;\n\t-o-transition: -o-stroke-dashoffset 0.3s ease-out, -o-stroke-opacity 0.3s ease-in;\n\ttransition: stroke-dashoffset 0.3s ease-out, stroke-opacity 0.3s ease-in;\n}\n";
styleInject(css_248z$1);
2 years ago
1 year ago
var css_248z = ".marker-cluster-small {\n\tbackground-color: rgba(181, 226, 140, 0.6);\n\t}\n.marker-cluster-small div {\n\tbackground-color: rgba(110, 204, 57, 0.6);\n\t}\n\n.marker-cluster-medium {\n\tbackground-color: rgba(241, 211, 87, 0.6);\n\t}\n.marker-cluster-medium div {\n\tbackground-color: rgba(240, 194, 12, 0.6);\n\t}\n\n.marker-cluster-large {\n\tbackground-color: rgba(253, 156, 115, 0.6);\n\t}\n.marker-cluster-large div {\n\tbackground-color: rgba(241, 128, 23, 0.6);\n\t}\n\n\t/* IE 6-8 fallback colors */\n.leaflet-oldie .marker-cluster-small {\n\tbackground-color: rgb(181, 226, 140);\n\t}\n.leaflet-oldie .marker-cluster-small div {\n\tbackground-color: rgb(110, 204, 57);\n\t}\n\n.leaflet-oldie .marker-cluster-medium {\n\tbackground-color: rgb(241, 211, 87);\n\t}\n.leaflet-oldie .marker-cluster-medium div {\n\tbackground-color: rgb(240, 194, 12);\n\t}\n\n.leaflet-oldie .marker-cluster-large {\n\tbackground-color: rgb(253, 156, 115);\n\t}\n.leaflet-oldie .marker-cluster-large div {\n\tbackground-color: rgb(241, 128, 23);\n}\n\n.marker-cluster {\n\tbackground-clip: padding-box;\n\tborder-radius: 20px;\n\t}\n.marker-cluster div {\n\twidth: 30px;\n\theight: 30px;\n\tmargin-left: 5px;\n\tmargin-top: 5px;\n\n\ttext-align: center;\n\tborder-radius: 15px;\n\tfont: 12px \"Helvetica Neue\", Arial, Helvetica, sans-serif;\n\t}\n.marker-cluster span {\n\tline-height: 30px;\n\t}";
styleInject(css_248z);
2 years ago
1 year ago
/*
* Leaflet.markercluster 1.5.3+master.e5124b2,
* Provides Beautiful Animated Marker Clustering functionality for Leaflet, a JS library for interactive maps.
* https://github.com/Leaflet/Leaflet.markercluster
* (c) 2012-2017, Dave Leaver, smartrak
*/
2 years ago
1 year ago
createCommonjsModule(function (module, exports) {
(function (global, factory) {
factory(exports) ;
}(commonjsGlobal, function (exports) {
/*
* L.MarkerClusterGroup extends L.FeatureGroup by clustering the markers contained within
*/
var MarkerClusterGroup = L.MarkerClusterGroup = L.FeatureGroup.extend({
options: {
maxClusterRadius: 80, //A cluster will cover at most this many pixels from its center
iconCreateFunction: null,
clusterPane: L.Marker.prototype.options.pane,
spiderfyOnEveryZoom: false,
spiderfyOnMaxZoom: true,
showCoverageOnHover: true,
zoomToBoundsOnClick: true,
singleMarkerMode: false,
disableClusteringAtZoom: null,
// Setting this to false prevents the removal of any clusters outside of the viewpoint, which
// is the default behaviour for performance reasons.
removeOutsideVisibleBounds: true,
2 years ago
1 year ago
// Set to false to disable all animations (zoom and spiderfy).
// If false, option animateAddingMarkers below has no effect.
// If L.DomUtil.TRANSITION is falsy, this option has no effect.
animate: true,
//Whether to animate adding markers after adding the MarkerClusterGroup to the map
// If you are adding individual markers set to true, if adding bulk markers leave false for massive performance gains.
animateAddingMarkers: false,
// Make it possible to provide custom function to calculate spiderfy shape positions
spiderfyShapePositions: null,
//Increase to increase the distance away that spiderfied markers appear from the center
spiderfyDistanceMultiplier: 1,
// Make it possible to specify a polyline options on a spider leg
spiderLegPolylineOptions: { weight: 1.5, color: '#222', opacity: 0.5 },
// When bulk adding layers, adds markers in chunks. Means addLayers may not add all the layers in the call, others will be loaded during setTimeouts
chunkedLoading: false,
chunkInterval: 200, // process markers for a maximum of ~ n milliseconds (then trigger the chunkProgress callback)
chunkDelay: 50, // at the end of each interval, give n milliseconds back to system/browser
chunkProgress: null, // progress callback: function(processed, total, elapsed) (e.g. for a progress indicator)
//Options to pass to the L.Polygon constructor
polygonOptions: {}
},
initialize: function (options) {
L.Util.setOptions(this, options);
if (!this.options.iconCreateFunction) {
this.options.iconCreateFunction = this._defaultIconCreateFunction;
}
this._featureGroup = L.featureGroup();
this._featureGroup.addEventParent(this);
this._nonPointGroup = L.featureGroup();
this._nonPointGroup.addEventParent(this);
this._inZoomAnimation = 0;
this._needsClustering = [];
this._needsRemoving = []; //Markers removed while we aren't on the map need to be kept track of
//The bounds of the currently shown area (from _getExpandedVisibleBounds) Updated on zoom/move
this._currentShownBounds = null;
this._queue = [];
this._childMarkerEventHandlers = {
'dragstart': this._childMarkerDragStart,
'move': this._childMarkerMoved,
'dragend': this._childMarkerDragEnd,
};
// Hook the appropriate animation methods.
var animate = L.DomUtil.TRANSITION && this.options.animate;
L.extend(this, animate ? this._withAnimation : this._noAnimation);
// Remember which MarkerCluster class to instantiate (animated or not).
this._markerCluster = animate ? L.MarkerCluster : L.MarkerClusterNonAnimated;
},
addLayer: function (layer) {
if (layer instanceof L.LayerGroup) {
return this.addLayers([layer]);
}
//Don't cluster non point data
if (!layer.getLatLng) {
this._nonPointGroup.addLayer(layer);
this.fire('layeradd', { layer: layer });
return this;
}
if (!this._map) {
this._needsClustering.push(layer);
this.fire('layeradd', { layer: layer });
return this;
}
if (this.hasLayer(layer)) {
return this;
}
//If we have already clustered we'll need to add this one to a cluster
if (this._unspiderfy) {
this._unspiderfy();
}
this._addLayer(layer, this._maxZoom);
this.fire('layeradd', { layer: layer });
// Refresh bounds and weighted positions.
this._topClusterLevel._recalculateBounds();
this._refreshClustersIcons();
//Work out what is visible
var visibleLayer = layer,
currentZoom = this._zoom;
if (layer.__parent) {
while (visibleLayer.__parent._zoom >= currentZoom) {
visibleLayer = visibleLayer.__parent;
}
}
if (this._currentShownBounds.contains(visibleLayer.getLatLng())) {
if (this.options.animateAddingMarkers) {
this._animationAddLayer(layer, visibleLayer);
} else {
this._animationAddLayerNonAnimated(layer, visibleLayer);
}
}
return this;
},
removeLayer: function (layer) {
if (layer instanceof L.LayerGroup) {
return this.removeLayers([layer]);
}
//Non point layers
if (!layer.getLatLng) {
this._nonPointGroup.removeLayer(layer);
this.fire('layerremove', { layer: layer });
return this;
}
if (!this._map) {
if (!this._arraySplice(this._needsClustering, layer) && this.hasLayer(layer)) {
this._needsRemoving.push({ layer: layer, latlng: layer._latlng });
}
this.fire('layerremove', { layer: layer });
return this;
}
if (!layer.__parent) {
return this;
}
if (this._unspiderfy) {
this._unspiderfy();
this._unspiderfyLayer(layer);
}
//Remove the marker from clusters
this._removeLayer(layer, true);
this.fire('layerremove', { layer: layer });
// Refresh bounds and weighted positions.
this._topClusterLevel._recalculateBounds();
this._refreshClustersIcons();
layer.off(this._childMarkerEventHandlers, this);
if (this._featureGroup.hasLayer(layer)) {
this._featureGroup.removeLayer(layer);
if (layer.clusterShow) {
layer.clusterShow();
}
}
return this;
},
//Takes an array of markers and adds them in bulk
addLayers: function (layersArray, skipLayerAddEvent) {
if (!L.Util.isArray(layersArray)) {
return this.addLayer(layersArray);
}
var fg = this._featureGroup,
npg = this._nonPointGroup,
chunked = this.options.chunkedLoading,
chunkInterval = this.options.chunkInterval,
chunkProgress = this.options.chunkProgress,
l = layersArray.length,
offset = 0,
originalArray = true,
m;
if (this._map) {
var started = (new Date()).getTime();
var process = L.bind(function () {
var start = (new Date()).getTime();
// Make sure to unspiderfy before starting to add some layers
if (this._map && this._unspiderfy) {
this._unspiderfy();
}
for (; offset < l; offset++) {
if (chunked && offset % 200 === 0) {
// every couple hundred markers, instrument the time elapsed since processing started:
var elapsed = (new Date()).getTime() - start;
if (elapsed > chunkInterval) {
break; // been working too hard, time to take a break :-)
}
}
m = layersArray[offset];
// Group of layers, append children to layersArray and skip.
// Side effects:
// - Total increases, so chunkProgress ratio jumps backward.
// - Groups are not included in this group, only their non-group child layers (hasLayer).
// Changing array length while looping does not affect performance in current browsers:
// http://jsperf.com/for-loop-changing-length/6
if (m instanceof L.LayerGroup) {
if (originalArray) {
layersArray = layersArray.slice();
originalArray = false;
}
this._extractNonGroupLayers(m, layersArray);
l = layersArray.length;
continue;
}
//Not point data, can't be clustered
if (!m.getLatLng) {
npg.addLayer(m);
if (!skipLayerAddEvent) {
this.fire('layeradd', { layer: m });
}
continue;
}
if (this.hasLayer(m)) {
continue;
}
this._addLayer(m, this._maxZoom);
if (!skipLayerAddEvent) {
this.fire('layeradd', { layer: m });
}
//If we just made a cluster of size 2 then we need to remove the other marker from the map (if it is) or we never will
if (m.__parent) {
if (m.__parent.getChildCount() === 2) {
var markers = m.__parent.getAllChildMarkers(),
otherMarker = markers[0] === m ? markers[1] : markers[0];
fg.removeLayer(otherMarker);
}
}
}
if (chunkProgress) {
// report progress and time elapsed:
chunkProgress(offset, l, (new Date()).getTime() - started);
}
// Completed processing all markers.
if (offset === l) {
// Refresh bounds and weighted positions.
this._topClusterLevel._recalculateBounds();
this._refreshClustersIcons();
this._topClusterLevel._recursivelyAddChildrenToMap(null, this._zoom, this._currentShownBounds);
} else {
setTimeout(process, this.options.chunkDelay);
}
}, this);
process();
} else {
var needsClustering = this._needsClustering;
for (; offset < l; offset++) {
m = layersArray[offset];
// Group of layers, append children to layersArray and skip.
if (m instanceof L.LayerGroup) {
if (originalArray) {
layersArray = layersArray.slice();
originalArray = false;
}
this._extractNonGroupLayers(m, layersArray);
l = layersArray.length;
continue;
}
//Not point data, can't be clustered
if (!m.getLatLng) {
npg.addLayer(m);
continue;
}
if (this.hasLayer(m)) {
continue;
}
needsClustering.push(m);
}
}
return this;
},
//Takes an array of markers and removes them in bulk
removeLayers: function (layersArray) {
var i, m,
l = layersArray.length,
fg = this._featureGroup,
npg = this._nonPointGroup,
originalArray = true;
if (!this._map) {
for (i = 0; i < l; i++) {
m = layersArray[i];
// Group of layers, append children to layersArray and skip.
if (m instanceof L.LayerGroup) {
if (originalArray) {
layersArray = layersArray.slice();
originalArray = false;
}
this._extractNonGroupLayers(m, layersArray);
l = layersArray.length;
continue;
}
this._arraySplice(this._needsClustering, m);
npg.removeLayer(m);
if (this.hasLayer(m)) {
this._needsRemoving.push({ layer: m, latlng: m._latlng });
}
this.fire('layerremove', { layer: m });
}
return this;
}
if (this._unspiderfy) {
this._unspiderfy();
// Work on a copy of the array, so that next loop is not affected.
var layersArray2 = layersArray.slice(),
l2 = l;
for (i = 0; i < l2; i++) {
m = layersArray2[i];
// Group of layers, append children to layersArray and skip.
if (m instanceof L.LayerGroup) {
this._extractNonGroupLayers(m, layersArray2);
l2 = layersArray2.length;
continue;
}
this._unspiderfyLayer(m);
}
}
for (i = 0; i < l; i++) {
m = layersArray[i];
// Group of layers, append children to layersArray and skip.
if (m instanceof L.LayerGroup) {
if (originalArray) {
layersArray = layersArray.slice();
originalArray = false;
}
this._extractNonGroupLayers(m, layersArray);
l = layersArray.length;
continue;
}
if (!m.__parent) {
npg.removeLayer(m);
this.fire('layerremove', { layer: m });
continue;
}
this._removeLayer(m, true, true);
this.fire('layerremove', { layer: m });
if (fg.hasLayer(m)) {
fg.removeLayer(m);
if (m.clusterShow) {
m.clusterShow();
}
}
}
// Refresh bounds and weighted positions.
this._topClusterLevel._recalculateBounds();
this._refreshClustersIcons();
//Fix up the clusters and markers on the map
this._topClusterLevel._recursivelyAddChildrenToMap(null, this._zoom, this._currentShownBounds);
return this;
},
//Removes all layers from the MarkerClusterGroup
clearLayers: function () {
//Need our own special implementation as the LayerGroup one doesn't work for us
//If we aren't on the map (yet), blow away the markers we know of
if (!this._map) {
this._needsClustering = [];
this._needsRemoving = [];
delete this._gridClusters;
delete this._gridUnclustered;
}
if (this._noanimationUnspiderfy) {
this._noanimationUnspiderfy();
}
//Remove all the visible layers
this._featureGroup.clearLayers();
this._nonPointGroup.clearLayers();
this.eachLayer(function (marker) {
marker.off(this._childMarkerEventHandlers, this);
delete marker.__parent;
}, this);
if (this._map) {
//Reset _topClusterLevel and the DistanceGrids
this._generateInitialClusters();
}
return this;
},
//Override FeatureGroup.getBounds as it doesn't work
getBounds: function () {
var bounds = new L.LatLngBounds();
if (this._topClusterLevel) {
bounds.extend(this._topClusterLevel._bounds);
}
for (var i = this._needsClustering.length - 1; i >= 0; i--) {
bounds.extend(this._needsClustering[i].getLatLng());
}
bounds.extend(this._nonPointGroup.getBounds());
return bounds;
},
//Overrides LayerGroup.eachLayer
eachLayer: function (method, context) {
var markers = this._needsClustering.slice(),
needsRemoving = this._needsRemoving,
thisNeedsRemoving, i, j;
if (this._topClusterLevel) {
this._topClusterLevel.getAllChildMarkers(markers);
}
for (i = markers.length - 1; i >= 0; i--) {
thisNeedsRemoving = true;
for (j = needsRemoving.length - 1; j >= 0; j--) {
if (needsRemoving[j].layer === markers[i]) {
thisNeedsRemoving = false;
break;
}
}
if (thisNeedsRemoving) {
method.call(context, markers[i]);
}
}
this._nonPointGroup.eachLayer(method, context);
},
//Overrides LayerGroup.getLayers
getLayers: function () {
var layers = [];
this.eachLayer(function (l) {
layers.push(l);
});
return layers;
},
//Overrides LayerGroup.getLayer, WARNING: Really bad performance
getLayer: function (id) {
var result = null;
id = parseInt(id, 10);
this.eachLayer(function (l) {
if (L.stamp(l) === id) {
result = l;
}
});
return result;
},
//Returns true if the given layer is in this MarkerClusterGroup
hasLayer: function (layer) {
if (!layer) {
return false;
}
var i, anArray = this._needsClustering;
for (i = anArray.length - 1; i >= 0; i--) {
if (anArray[i] === layer) {
return true;
}
}
anArray = this._needsRemoving;
for (i = anArray.length - 1; i >= 0; i--) {
if (anArray[i].layer === layer) {
return false;
}
}
return !!(layer.__parent && layer.__parent._group === this) || this._nonPointGroup.hasLayer(layer);
},
//Zoom down to show the given layer (spiderfying if necessary) then calls the callback
zoomToShowLayer: function (layer, callback) {
var map = this._map;
if (typeof callback !== 'function') {
callback = function () {};
}
var showMarker = function () {
// Assumes that map.hasLayer checks for direct appearance on map, not recursively calling
// hasLayer on Layer Groups that are on map (typically not calling this MarkerClusterGroup.hasLayer, which would always return true)
if ((map.hasLayer(layer) || map.hasLayer(layer.__parent)) && !this._inZoomAnimation) {
this._map.off('moveend', showMarker, this);
this.off('animationend', showMarker, this);
if (map.hasLayer(layer)) {
callback();
} else if (layer.__parent._icon) {
this.once('spiderfied', callback, this);
layer.__parent.spiderfy();
}
}
};
if (layer._icon && this._map.getBounds().contains(layer.getLatLng())) {
//Layer is visible ond on screen, immediate return
callback();
} else if (layer.__parent._zoom < Math.round(this._map._zoom)) {
//Layer should be visible at this zoom level. It must not be on screen so just pan over to it
this._map.on('moveend', showMarker, this);
this._map.panTo(layer.getLatLng());
} else {
this._map.on('moveend', showMarker, this);
this.on('animationend', showMarker, this);
layer.__parent.zoomToBounds();
}
},
//Overrides FeatureGroup.onAdd
onAdd: function (map) {
this._map = map;
var i, l, layer;
if (!isFinite(this._map.getMaxZoom())) {
throw "Map has no maxZoom specified";
}
this._featureGroup.addTo(map);
this._nonPointGroup.addTo(map);
if (!this._gridClusters) {
this._generateInitialClusters();
}
this._maxLat = map.options.crs.projection.MAX_LATITUDE;
//Restore all the positions as they are in the MCG before removing them
for (i = 0, l = this._needsRemoving.length; i < l; i++) {
layer = this._needsRemoving[i];
layer.newlatlng = layer.layer._latlng;
layer.layer._latlng = layer.latlng;
}
//Remove them, then restore their new positions
for (i = 0, l = this._needsRemoving.length; i < l; i++) {
layer = this._needsRemoving[i];
this._removeLayer(layer.layer, true);
layer.layer._latlng = layer.newlatlng;
}
this._needsRemoving = [];
//Remember the current zoom level and bounds
this._zoom = Math.round(this._map._zoom);
this._currentShownBounds = this._getExpandedVisibleBounds();
this._map.on('zoomend', this._zoomEnd, this);
this._map.on('moveend', this._moveEnd, this);
if (this._spiderfierOnAdd) { //TODO FIXME: Not sure how to have spiderfier add something on here nicely
this._spiderfierOnAdd();
}
this._bindEvents();
//Actually add our markers to the map:
l = this._needsClustering;
this._needsClustering = [];
this.addLayers(l, true);
},
//Overrides FeatureGroup.onRemove
onRemove: function (map) {
map.off('zoomend', this._zoomEnd, this);
map.off('moveend', this._moveEnd, this);
this._unbindEvents();
//In case we are in a cluster animation
this._map._mapPane.className = this._map._mapPane.className.replace(' leaflet-cluster-anim', '');
if (this._spiderfierOnRemove) { //TODO FIXME: Not sure how to have spiderfier add something on here nicely
this._spiderfierOnRemove();
}
delete this._maxLat;
//Clean up all the layers we added to the map
this._hideCoverage();
this._featureGroup.remove();
this._nonPointGroup.remove();
this._featureGroup.clearLayers();
this._map = null;
},
getVisibleParent: function (marker) {
var vMarker = marker;
while (vMarker && !vMarker._icon) {
vMarker = vMarker.__parent;
}
return vMarker || null;
},
//Remove the given object from the given array
_arraySplice: function (anArray, obj) {
for (var i = anArray.length - 1; i >= 0; i--) {
if (anArray[i] === obj) {
anArray.splice(i, 1);
return true;
}
}
},
/**
* Removes a marker from all _gridUnclustered zoom levels, starting at the supplied zoom.
* @param marker to be removed from _gridUnclustered.
* @param z integer bottom start zoom level (included)
* @private
*/
_removeFromGridUnclustered: function (marker, z) {
var map = this._map,
gridUnclustered = this._gridUnclustered,
minZoom = Math.floor(this._map.getMinZoom());
for (; z >= minZoom; z--) {
if (!gridUnclustered[z].removeObject(marker, map.project(marker.getLatLng(), z))) {
break;
}
}
},
_childMarkerDragStart: function (e) {
e.target.__dragStart = e.target._latlng;
},
_childMarkerMoved: function (e) {
if (!this._ignoreMove && !e.target.__dragStart) {
var isPopupOpen = e.target._popup && e.target._popup.isOpen();
this._moveChild(e.target, e.oldLatLng, e.latlng);
if (isPopupOpen) {
e.target.openPopup();
}
}
},
_moveChild: function (layer, from, to) {
layer._latlng = from;
this.removeLayer(layer);
layer._latlng = to;
this.addLayer(layer);
},
_childMarkerDragEnd: function (e) {
var dragStart = e.target.__dragStart;
delete e.target.__dragStart;
if (dragStart) {
this._moveChild(e.target, dragStart, e.target._latlng);
}
},
//Internal function for removing a marker from everything.
//dontUpdateMap: set to true if you will handle updating the map manually (for bulk functions)
_removeLayer: function (marker, removeFromDistanceGrid, dontUpdateMap) {
var gridClusters = this._gridClusters,
gridUnclustered = this._gridUnclustered,
fg = this._featureGroup,
map = this._map,
minZoom = Math.floor(this._map.getMinZoom());
//Remove the marker from distance clusters it might be in
if (removeFromDistanceGrid) {
this._removeFromGridUnclustered(marker, this._maxZoom);
}
//Work our way up the clusters removing them as we go if required
var cluster = marker.__parent,
markers = cluster._markers,
otherMarker;
//Remove the marker from the immediate parents marker list
this._arraySplice(markers, marker);
while (cluster) {
cluster._childCount--;
cluster._boundsNeedUpdate = true;
if (cluster._zoom < minZoom) {
//Top level, do nothing
break;
} else if (removeFromDistanceGrid && cluster._childCount <= 1) { //Cluster no longer required
//We need to push the other marker up to the parent
otherMarker = cluster._markers[0] === marker ? cluster._markers[1] : cluster._markers[0];
//Update distance grid
gridClusters[cluster._zoom].removeObject(cluster, map.project(cluster._cLatLng, cluster._zoom));
gridUnclustered[cluster._zoom].addObject(otherMarker, map.project(otherMarker.getLatLng(), cluster._zoom));
//Move otherMarker up to parent
this._arraySplice(cluster.__parent._childClusters, cluster);
cluster.__parent._markers.push(otherMarker);
otherMarker.__parent = cluster.__parent;
if (cluster._icon) {
//Cluster is currently on the map, need to put the marker on the map instead
fg.removeLayer(cluster);
if (!dontUpdateMap) {
fg.addLayer(otherMarker);
}
}
} else {
cluster._iconNeedsUpdate = true;
}
cluster = cluster.__parent;
}
delete marker.__parent;
},
_isOrIsParent: function (el, oel) {
while (oel) {
if (el === oel) {
return true;
}
oel = oel.parentNode;
}
return false;
},
//Override L.Evented.fire
fire: function (type, data, propagate) {
if (data && data.layer instanceof L.MarkerCluster) {
//Prevent multiple clustermouseover/off events if the icon is made up of stacked divs (Doesn't work in ie <= 8, no relatedTarget)
if (data.originalEvent && this._isOrIsParent(data.layer._icon, data.originalEvent.relatedTarget)) {
return;
}
type = 'cluster' + type;
}
L.FeatureGroup.prototype.fire.call(this, type, data, propagate);
},
//Override L.Evented.listens
listens: function (type, propagate) {
return L.FeatureGroup.prototype.listens.call(this, type, propagate) || L.FeatureGroup.prototype.listens.call(this, 'cluster' + type, propagate);
},
//Default functionality
_defaultIconCreateFunction: function (cluster) {
var childCount = cluster.getChildCount();
var c = ' marker-cluster-';
if (childCount < 10) {
c += 'small';
} else if (childCount < 100) {
c += 'medium';
} else {
c += 'large';
}
return new L.DivIcon({ html: '<div><span>' + childCount + '</span></div>', className: 'marker-cluster' + c, iconSize: new L.Point(40, 40) });
},
_bindEvents: function () {
var map = this._map,
spiderfyOnMaxZoom = this.options.spiderfyOnMaxZoom,
showCoverageOnHover = this.options.showCoverageOnHover,
zoomToBoundsOnClick = this.options.zoomToBoundsOnClick,
spiderfyOnEveryZoom = this.options.spiderfyOnEveryZoom;
//Zoom on cluster click or spiderfy if we are at the lowest level
if (spiderfyOnMaxZoom || zoomToBoundsOnClick || spiderfyOnEveryZoom) {
this.on('clusterclick clusterkeypress', this._zoomOrSpiderfy, this);
}
//Show convex hull (boundary) polygon on mouse over
if (showCoverageOnHover) {
this.on('clustermouseover', this._showCoverage, this);
this.on('clustermouseout', this._hideCoverage, this);
map.on('zoomend', this._hideCoverage, this);
}
},
_zoomOrSpiderfy: function (e) {
var cluster = e.layer,
bottomCluster = cluster;
if (e.type === 'clusterkeypress' && e.originalEvent && e.originalEvent.keyCode !== 13) {
return;
}
while (bottomCluster._childClusters.length === 1) {
bottomCluster = bottomCluster._childClusters[0];
}
if (bottomCluster._zoom === this._maxZoom &&
bottomCluster._childCount === cluster._childCount &&
this.options.spiderfyOnMaxZoom) {
// All child markers are contained in a single cluster from this._maxZoom to this cluster.
cluster.spiderfy();
} else if (this.options.zoomToBoundsOnClick) {
cluster.zoomToBounds();
}
if (this.options.spiderfyOnEveryZoom) {
cluster.spiderfy();
}
// Focus the map again for keyboard users.
if (e.originalEvent && e.originalEvent.keyCode === 13) {
this._map._container.focus();
}
},
_showCoverage: function (e) {
var map = this._map;
if (this._inZoomAnimation) {
return;
}
if (this._shownPolygon) {
map.removeLayer(this._shownPolygon);
}
if (e.layer.getChildCount() > 2 && e.layer !== this._spiderfied) {
this._shownPolygon = new L.Polygon(e.layer.getConvexHull(), this.options.polygonOptions);
map.addLayer(this._shownPolygon);
}
},
_hideCoverage: function () {
if (this._shownPolygon) {
this._map.removeLayer(this._shownPolygon);
this._shownPolygon = null;
}
},
_unbindEvents: function () {
var spiderfyOnMaxZoom = this.options.spiderfyOnMaxZoom,
showCoverageOnHover = this.options.showCoverageOnHover,
zoomToBoundsOnClick = this.options.zoomToBoundsOnClick,
spiderfyOnEveryZoom = this.options.spiderfyOnEveryZoom,
map = this._map;
if (spiderfyOnMaxZoom || zoomToBoundsOnClick || spiderfyOnEveryZoom) {
this.off('clusterclick clusterkeypress', this._zoomOrSpiderfy, this);
}
if (showCoverageOnHover) {
this.off('clustermouseover', this._showCoverage, this);
this.off('clustermouseout', this._hideCoverage, this);
map.off('zoomend', this._hideCoverage, this);
}
},
_zoomEnd: function () {
if (!this._map) { //May have been removed from the map by a zoomEnd handler
return;
}
this._mergeSplitClusters();
this._zoom = Math.round(this._map._zoom);
this._currentShownBounds = this._getExpandedVisibleBounds();
},
_moveEnd: function () {
if (this._inZoomAnimation) {
return;
}
var newBounds = this._getExpandedVisibleBounds();
this._topClusterLevel._recursivelyRemoveChildrenFromMap(this._currentShownBounds, Math.floor(this._map.getMinZoom()), this._zoom, newBounds);
this._topClusterLevel._recursivelyAddChildrenToMap(null, Math.round(this._map._zoom), newBounds);
this._currentShownBounds = newBounds;
return;
},
_generateInitialClusters: function () {
var maxZoom = Math.ceil(this._map.getMaxZoom()),
minZoom = Math.floor(this._map.getMinZoom()),
radius = this.options.maxClusterRadius,
radiusFn = radius;
//If we just set maxClusterRadius to a single number, we need to create
//a simple function to return that number. Otherwise, we just have to
//use the function we've passed in.
if (typeof radius !== "function") {
radiusFn = function () { return radius; };
}
if (this.options.disableClusteringAtZoom !== null) {
maxZoom = this.options.disableClusteringAtZoom - 1;
}
this._maxZoom = maxZoom;
this._gridClusters = {};
this._gridUnclustered = {};
//Set up DistanceGrids for each zoom
for (var zoom = maxZoom; zoom >= minZoom; zoom--) {
this._gridClusters[zoom] = new L.DistanceGrid(radiusFn(zoom));
this._gridUnclustered[zoom] = new L.DistanceGrid(radiusFn(zoom));
}
// Instantiate the appropriate L.MarkerCluster class (animated or not).
this._topClusterLevel = new this._markerCluster(this, minZoom - 1);
},
//Zoom: Zoom to start adding at (Pass this._maxZoom to start at the bottom)
_addLayer: function (layer, zoom) {
var gridClusters = this._gridClusters,
gridUnclustered = this._gridUnclustered,
minZoom = Math.floor(this._map.getMinZoom()),
markerPoint, z;
if (this.options.singleMarkerMode) {
this._overrideMarkerIcon(layer);
}
layer.on(this._childMarkerEventHandlers, this);
//Find the lowest zoom level to slot this one in
for (; zoom >= minZoom; zoom--) {
markerPoint = this._map.project(layer.getLatLng(), zoom); // calculate pixel position
//Try find a cluster close by
var closest = gridClusters[zoom].getNearObject(markerPoint);
if (closest) {
closest._addChild(layer);
layer.__parent = closest;
return;
}
//Try find a marker close by to form a new cluster with
closest = gridUnclustered[zoom].getNearObject(markerPoint);
if (closest) {
var parent = closest.__parent;
if (parent) {
this._removeLayer(closest, false);
}
//Create new cluster with these 2 in it
var newCluster = new this._markerCluster(this, zoom, closest, layer);
gridClusters[zoom].addObject(newCluster, this._map.project(newCluster._cLatLng, zoom));
closest.__parent = newCluster;
layer.__parent = newCluster;
//First create any new intermediate parent clusters that don't exist
var lastParent = newCluster;
for (z = zoom - 1; z > parent._zoom; z--) {
lastParent = new this._markerCluster(this, z, lastParent);
gridClusters[z].addObject(lastParent, this._map.project(closest.getLatLng(), z));
}
parent._addChild(lastParent);
//Remove closest from this zoom level and any above that it is in, replace with newCluster
this._removeFromGridUnclustered(closest, zoom);
return;
}
//Didn't manage to cluster in at this zoom, record us as a marker here and continue upwards
gridUnclustered[zoom].addObject(layer, markerPoint);
}
//Didn't get in anything, add us to the top
this._topClusterLevel._addChild(layer);
layer.__parent = this._topClusterLevel;
return;
},
/**
* Refreshes the icon of all "dirty" visible clusters.
* Non-visible "dirty" clusters will be updated when they are added to the map.
* @private
*/
_refreshClustersIcons: function () {
this._featureGroup.eachLayer(function (c) {
if (c instanceof L.MarkerCluster && c._iconNeedsUpdate) {
c._updateIcon();
}
});
},
//Enqueue code to fire after the marker expand/contract has happened
_enqueue: function (fn) {
this._queue.push(fn);
if (!this._queueTimeout) {
this._queueTimeout = setTimeout(L.bind(this._processQueue, this), 300);
}
},
_processQueue: function () {
for (var i = 0; i < this._queue.length; i++) {
this._queue[i].call(this);
}
this._queue.length = 0;
clearTimeout(this._queueTimeout);
this._queueTimeout = null;
},
//Merge and split any existing clusters that are too big or small
_mergeSplitClusters: function () {
var mapZoom = Math.round(this._map._zoom);
//In case we are starting to split before the animation finished
this._processQueue();
if (this._zoom < mapZoom && this._currentShownBounds.intersects(this._getExpandedVisibleBounds())) { //Zoom in, split
this._animationStart();
//Remove clusters now off screen
this._topClusterLevel._recursivelyRemoveChildrenFromMap(this._currentShownBounds, Math.floor(this._map.getMinZoom()), this._zoom, this._getExpandedVisibleBounds());
this._animationZoomIn(this._zoom, mapZoom);
} else if (this._zoom > mapZoom) { //Zoom out, merge
this._animationStart();
this._animationZoomOut(this._zoom, mapZoom);
} else {
this._moveEnd();
}
},
//Gets the maps visible bounds expanded in each direction by the size of the screen (so the user cannot see an area we do not cover in one pan)
_getExpandedVisibleBounds: function () {
if (!this.options.removeOutsideVisibleBounds) {
return this._mapBoundsInfinite;
} else if (L.Browser.mobile) {
return this._checkBoundsMaxLat(this._map.getBounds());
}
return this._checkBoundsMaxLat(this._map.getBounds().pad(1)); // Padding expands the bounds by its own dimensions but scaled with the given factor.
},
/**
* Expands the latitude to Infinity (or -Infinity) if the input bounds reach the map projection maximum defined latitude
* (in the case of Web/Spherical Mercator, it is 85.0511287798 / see https://en.wikipedia.org/wiki/Web_Mercator#Formulas).
* Otherwise, the removeOutsideVisibleBounds option will remove markers beyond that limit, whereas the same markers without
* this option (or outside MCG) will have their position floored (ceiled) by the projection and rendered at that limit,
* making the user think that MCG "eats" them and never displays them again.
* @param bounds L.LatLngBounds
* @returns {L.LatLngBounds}
* @private
*/
_checkBoundsMaxLat: function (bounds) {
var maxLat = this._maxLat;
if (maxLat !== undefined) {
if (bounds.getNorth() >= maxLat) {
bounds._northEast.lat = Infinity;
}
if (bounds.getSouth() <= -maxLat) {
bounds._southWest.lat = -Infinity;
}
}
return bounds;
},
//Shared animation code
_animationAddLayerNonAnimated: function (layer, newCluster) {
if (newCluster === layer) {
this._featureGroup.addLayer(layer);
} else if (newCluster._childCount === 2) {
newCluster._addToMap();
var markers = newCluster.getAllChildMarkers();
this._featureGroup.removeLayer(markers[0]);
this._featureGroup.removeLayer(markers[1]);
} else {
newCluster._updateIcon();
}
},
/**
* Extracts individual (i.e. non-group) layers from a Layer Group.
* @param group to extract layers from.
* @param output {Array} in which to store the extracted layers.
* @returns {*|Array}
* @private
*/
_extractNonGroupLayers: function (group, output) {
var layers = group.getLayers(),
i = 0,
layer;
output = output || [];
for (; i < layers.length; i++) {
layer = layers[i];
if (layer instanceof L.LayerGroup) {
this._extractNonGroupLayers(layer, output);
continue;
}
output.push(layer);
}
return output;
},
/**
* Implements the singleMarkerMode option.
* @param layer Marker to re-style using the Clusters iconCreateFunction.
* @returns {L.Icon} The newly created icon.
* @private
*/
_overrideMarkerIcon: function (layer) {
var icon = layer.options.icon = this.options.iconCreateFunction({
getChildCount: function () {
return 1;
},
getAllChildMarkers: function () {
return [layer];
}
});
return icon;
}
});
// Constant bounds used in case option "removeOutsideVisibleBounds" is set to false.
L.MarkerClusterGroup.include({
_mapBoundsInfinite: new L.LatLngBounds(new L.LatLng(-Infinity, -Infinity), new L.LatLng(Infinity, Infinity))
});
L.MarkerClusterGroup.include({
_noAnimation: {
//Non Animated versions of everything
_animationStart: function () {
//Do nothing...
},
_animationZoomIn: function (previousZoomLevel, newZoomLevel) {
this._topClusterLevel._recursivelyRemoveChildrenFromMap(this._currentShownBounds, Math.floor(this._map.getMinZoom()), previousZoomLevel);
this._topClusterLevel._recursivelyAddChildrenToMap(null, newZoomLevel, this._getExpandedVisibleBounds());
//We didn't actually animate, but we use this event to mean "clustering animations have finished"
this.fire('animationend');
},
_animationZoomOut: function (previousZoomLevel, newZoomLevel) {
this._topClusterLevel._recursivelyRemoveChildrenFromMap(this._currentShownBounds, Math.floor(this._map.getMinZoom()), previousZoomLevel);
this._topClusterLevel._recursivelyAddChildrenToMap(null, newZoomLevel, this._getExpandedVisibleBounds());
//We didn't actually animate, but we use this event to mean "clustering animations have finished"
this.fire('animationend');
},
_animationAddLayer: function (layer, newCluster) {
this._animationAddLayerNonAnimated(layer, newCluster);
}
},
_withAnimation: {
//Animated versions here
_animationStart: function () {
this._map._mapPane.className += ' leaflet-cluster-anim';
this._inZoomAnimation++;
},
_animationZoomIn: function (previousZoomLevel, newZoomLevel) {
var bounds = this._getExpandedVisibleBounds(),
fg = this._featureGroup,
minZoom = Math.floor(this._map.getMinZoom()),
i;
this._ignoreMove = true;
//Add all children of current clusters to map and remove those clusters from map
this._topClusterLevel._recursively(bounds, previousZoomLevel, minZoom, function (c) {
var startPos = c._latlng,
markers = c._markers,
m;
if (!bounds.contains(startPos)) {
startPos = null;
}
if (c._isSingleParent() && previousZoomLevel + 1 === newZoomLevel) { //Immediately add the new child and remove us
fg.removeLayer(c);
c._recursivelyAddChildrenToMap(null, newZoomLevel, bounds);
} else {
//Fade out old cluster
c.clusterHide();
c._recursivelyAddChildrenToMap(startPos, newZoomLevel, bounds);
}
//Remove all markers that aren't visible any more
//TODO: Do we actually need to do this on the higher levels too?
for (i = markers.length - 1; i >= 0; i--) {
m = markers[i];
if (!bounds.contains(m._latlng)) {
fg.removeLayer(m);
}
}
});
this._forceLayout();
//Update opacities
this._topClusterLevel._recursivelyBecomeVisible(bounds, newZoomLevel);
//TODO Maybe? Update markers in _recursivelyBecomeVisible
fg.eachLayer(function (n) {
if (!(n instanceof L.MarkerCluster) && n._icon) {
n.clusterShow();
}
});
//update the positions of the just added clusters/markers
this._topClusterLevel._recursively(bounds, previousZoomLevel, newZoomLevel, function (c) {
c._recursivelyRestoreChildPositions(newZoomLevel);
});
this._ignoreMove = false;
//Remove the old clusters and close the zoom animation
this._enqueue(function () {
//update the positions of the just added clusters/markers
this._topClusterLevel._recursively(bounds, previousZoomLevel, minZoom, function (c) {
fg.removeLayer(c);
c.clusterShow();
});
this._animationEnd();
});
},
_animationZoomOut: function (previousZoomLevel, newZoomLevel) {
this._animationZoomOutSingle(this._topClusterLevel, previousZoomLevel - 1, newZoomLevel);
//Need to add markers for those that weren't on the map before but are now
this._topClusterLevel._recursivelyAddChildrenToMap(null, newZoomLevel, this._getExpandedVisibleBounds());
//Remove markers that were on the map before but won't be now
this._topClusterLevel._recursivelyRemoveChildrenFromMap(this._currentShownBounds, Math.floor(this._map.getMinZoom()), previousZoomLevel, this._getExpandedVisibleBounds());
},
_animationAddLayer: function (layer, newCluster) {
var me = this,
fg = this._featureGroup;
fg.addLayer(layer);
if (newCluster !== layer) {
if (newCluster._childCount > 2) { //Was already a cluster
newCluster._updateIcon();
this._forceLayout();
this._animationStart();
layer._setPos(this._map.latLngToLayerPoint(newCluster.getLatLng()));
layer.clusterHide();
this._enqueue(function () {
fg.removeLayer(layer);
layer.clusterShow();
me._animationEnd();
});
} else { //Just became a cluster
this._forceLayout();
me._animationStart();
me._animationZoomOutSingle(newCluster, this._map.getMaxZoom(), this._zoom);
}
}
}
},
// Private methods for animated versions.
_animationZoomOutSingle: function (cluster, previousZoomLevel, newZoomLevel) {
var bounds = this._getExpandedVisibleBounds(),
minZoom = Math.floor(this._map.getMinZoom());
//Animate all of the markers in the clusters to move to their cluster center point
cluster._recursivelyAnimateChildrenInAndAddSelfToMap(bounds, minZoom, previousZoomLevel + 1, newZoomLevel);
var me = this;
//Update the opacity (If we immediately set it they won't animate)
this._forceLayout();
cluster._recursivelyBecomeVisible(bounds, newZoomLevel);
//TODO: Maybe use the transition timing stuff to make this more reliable
//When the animations are done, tidy up
this._enqueue(function () {
//This cluster stopped being a cluster before the timeout fired
if (cluster._childCount === 1) {
var m = cluster._markers[0];
//If we were in a cluster animation at the time then the opacity and position of our child could be wrong now, so fix it
this._ignoreMove = true;
m.setLatLng(m.getLatLng());
this._ignoreMove = false;
if (m.clusterShow) {
m.clusterShow();
}
} else {
cluster._recursively(bounds, newZoomLevel, minZoom, function (c) {
c._recursivelyRemoveChildrenFromMap(bounds, minZoom, previousZoomLevel + 1);
});
}
me._animationEnd();
});
},
_animationEnd: function () {
if (this._map) {
this._map._mapPane.className = this._map._mapPane.className.replace(' leaflet-cluster-anim', '');
}
this._inZoomAnimation--;
this.fire('animationend');
},
//Force a browser layout of stuff in the map
// Should apply the current opacity and location to all elements so we can update them again for an animation
_forceLayout: function () {
//In my testing this works, infact offsetWidth of any element seems to work.
//Could loop all this._layers and do this for each _icon if it stops working
L.Util.falseFn(document.body.offsetWidth);
}
});
L.markerClusterGroup = function (options) {
return new L.MarkerClusterGroup(options);
};
var MarkerCluster = L.MarkerCluster = L.Marker.extend({
options: L.Icon.prototype.options,
initialize: function (group, zoom, a, b) {
L.Marker.prototype.initialize.call(this, a ? (a._cLatLng || a.getLatLng()) : new L.LatLng(0, 0),
{ icon: this, pane: group.options.clusterPane });
this._group = group;
this._zoom = zoom;
this._markers = [];
this._childClusters = [];
this._childCount = 0;
this._iconNeedsUpdate = true;
this._boundsNeedUpdate = true;
this._bounds = new L.LatLngBounds();
if (a) {
this._addChild(a);
}
if (b) {
this._addChild(b);
}
},
//Recursively retrieve all child markers of this cluster
getAllChildMarkers: function (storageArray, ignoreDraggedMarker) {
storageArray = storageArray || [];
for (var i = this._childClusters.length - 1; i >= 0; i--) {
this._childClusters[i].getAllChildMarkers(storageArray, ignoreDraggedMarker);
}
for (var j = this._markers.length - 1; j >= 0; j--) {
if (ignoreDraggedMarker && this._markers[j].__dragStart) {
continue;
}
storageArray.push(this._markers[j]);
}
return storageArray;
},
//Returns the count of how many child markers we have
getChildCount: function () {
return this._childCount;
},
//Zoom to the minimum of showing all of the child markers, or the extents of this cluster
zoomToBounds: function (fitBoundsOptions) {
var childClusters = this._childClusters.slice(),
map = this._group._map,
boundsZoom = map.getBoundsZoom(this._bounds),
zoom = this._zoom + 1,
mapZoom = map.getZoom(),
i;
//calculate how far we need to zoom down to see all of the markers
while (childClusters.length > 0 && boundsZoom > zoom) {
zoom++;
var newClusters = [];
for (i = 0; i < childClusters.length; i++) {
newClusters = newClusters.concat(childClusters[i]._childClusters);
}
childClusters = newClusters;
}
if (boundsZoom > zoom) {
this._group._map.setView(this._latlng, zoom);
} else if (boundsZoom <= mapZoom) { //If fitBounds wouldn't zoom us down, zoom us down instead
this._group._map.setView(this._latlng, mapZoom + 1);
} else {
this._group._map.fitBounds(this._bounds, fitBoundsOptions);
}
},
getBounds: function () {
var bounds = new L.LatLngBounds();
bounds.extend(this._bounds);
return bounds;
},
_updateIcon: function () {
this._iconNeedsUpdate = true;
if (this._icon) {
this.setIcon(this);
}
},
//Cludge for Icon, we pretend to be an icon for performance
createIcon: function () {
if (this._iconNeedsUpdate) {
this._iconObj = this._group.options.iconCreateFunction(this);
this._iconNeedsUpdate = false;
}
return this._iconObj.createIcon();
},
createShadow: function () {
return this._iconObj.createShadow();
},
_addChild: function (new1, isNotificationFromChild) {
this._iconNeedsUpdate = true;
this._boundsNeedUpdate = true;
this._setClusterCenter(new1);
if (new1 instanceof L.MarkerCluster) {
if (!isNotificationFromChild) {
this._childClusters.push(new1);
new1.__parent = this;
}
this._childCount += new1._childCount;
} else {
if (!isNotificationFromChild) {
this._markers.push(new1);
}
this._childCount++;
}
if (this.__parent) {
this.__parent._addChild(new1, true);
}
},
/**
* Makes sure the cluster center is set. If not, uses the child center if it is a cluster, or the marker position.
* @param child L.MarkerCluster|L.Marker that will be used as cluster center if not defined yet.
* @private
*/
_setClusterCenter: function (child) {
if (!this._cLatLng) {
// when clustering, take position of the first point as the cluster center
this._cLatLng = child._cLatLng || child._latlng;
}
},
/**
* Assigns impossible bounding values so that the next extend entirely determines the new bounds.
* This method avoids having to trash the previous L.LatLngBounds object and to create a new one, which is much slower for this class.
* As long as the bounds are not extended, most other methods would probably fail, as they would with bounds initialized but not extended.
* @private
*/
_resetBounds: function () {
var bounds = this._bounds;
if (bounds._southWest) {
bounds._southWest.lat = Infinity;
bounds._southWest.lng = Infinity;
}
if (bounds._northEast) {
bounds._northEast.lat = -Infinity;
bounds._northEast.lng = -Infinity;
}
},
_recalculateBounds: function () {
var markers = this._markers,
childClusters = this._childClusters,
latSum = 0,
lngSum = 0,
totalCount = this._childCount,
i, child, childLatLng, childCount;
// Case where all markers are removed from the map and we are left with just an empty _topClusterLevel.
if (totalCount === 0) {
return;
}
// Reset rather than creating a new object, for performance.
this._resetBounds();
// Child markers.
for (i = 0; i < markers.length; i++) {
childLatLng = markers[i]._latlng;
this._bounds.extend(childLatLng);
latSum += childLatLng.lat;
lngSum += childLatLng.lng;
}
// Child clusters.
for (i = 0; i < childClusters.length; i++) {
child = childClusters[i];
// Re-compute child bounds and weighted position first if necessary.
if (child._boundsNeedUpdate) {
child._recalculateBounds();
}
this._bounds.extend(child._bounds);
childLatLng = child._wLatLng;
childCount = child._childCount;
latSum += childLatLng.lat * childCount;
lngSum += childLatLng.lng * childCount;
}
this._latlng = this._wLatLng = new L.LatLng(latSum / totalCount, lngSum / totalCount);
// Reset dirty flag.
this._boundsNeedUpdate = false;
},
//Set our markers position as given and add it to the map
_addToMap: function (startPos) {
if (startPos) {
this._backupLatlng = this._latlng;
this.setLatLng(startPos);
}
this._group._featureGroup.addLayer(this);
},
_recursivelyAnimateChildrenIn: function (bounds, center, maxZoom) {
this._recursively(bounds, this._group._map.getMinZoom(), maxZoom - 1,
function (c) {
var markers = c._markers,
i, m;
for (i = markers.length - 1; i >= 0; i--) {
m = markers[i];
//Only do it if the icon is still on the map
if (m._icon) {
m._setPos(center);
m.clusterHide();
}
}
},
function (c) {
var childClusters = c._childClusters,
j, cm;
for (j = childClusters.length - 1; j >= 0; j--) {
cm = childClusters[j];
if (cm._icon) {
cm._setPos(center);
cm.clusterHide();
}
}
}
);
},
_recursivelyAnimateChildrenInAndAddSelfToMap: function (bounds, mapMinZoom, previousZoomLevel, newZoomLevel) {
this._recursively(bounds, newZoomLevel, mapMinZoom,
function (c) {
c._recursivelyAnimateChildrenIn(bounds, c._group._map.latLngToLayerPoint(c.getLatLng()).round(), previousZoomLevel);
//TODO: depthToAnimateIn affects _isSingleParent, if there is a multizoom we may/may not be.
//As a hack we only do a animation free zoom on a single level zoom, if someone does multiple levels then we always animate
if (c._isSingleParent() && previousZoomLevel - 1 === newZoomLevel) {
c.clusterShow();
c._recursivelyRemoveChildrenFromMap(bounds, mapMinZoom, previousZoomLevel); //Immediately remove our children as we are replacing them. TODO previousBounds not bounds
} else {
c.clusterHide();
}
c._addToMap();
}
);
},
_recursivelyBecomeVisible: function (bounds, zoomLevel) {
this._recursively(bounds, this._group._map.getMinZoom(), zoomLevel, null, function (c) {
c.clusterShow();
});
},
_recursivelyAddChildrenToMap: function (startPos, zoomLevel, bounds) {
this._recursively(bounds, this._group._map.getMinZoom() - 1, zoomLevel,
function (c) {
if (zoomLevel === c._zoom) {
return;
}
//Add our child markers at startPos (so they can be animated out)
for (var i = c._markers.length - 1; i >= 0; i--) {
var nm = c._markers[i];
if (!bounds.contains(nm._latlng)) {
continue;
}
if (startPos) {
nm._backupLatlng = nm.getLatLng();
nm.setLatLng(startPos);
if (nm.clusterHide) {
nm.clusterHide();
}
}
c._group._featureGroup.addLayer(nm);
}
},
function (c) {
c._addToMap(startPos);
}
);
},
_recursivelyRestoreChildPositions: function (zoomLevel) {
//Fix positions of child markers
for (var i = this._markers.length - 1; i >= 0; i--) {
var nm = this._markers[i];
if (nm._backupLatlng) {
nm.setLatLng(nm._backupLatlng);
delete nm._backupLatlng;
}
}
if (zoomLevel - 1 === this._zoom) {
//Reposition child clusters
for (var j = this._childClusters.length - 1; j >= 0; j--) {
this._childClusters[j]._restorePosition();
}
} else {
for (var k = this._childClusters.length - 1; k >= 0; k--) {
this._childClusters[k]._recursivelyRestoreChildPositions(zoomLevel);
}
}
},
_restorePosition: function () {
if (this._backupLatlng) {
this.setLatLng(this._backupLatlng);
delete this._backupLatlng;
}
},
//exceptBounds: If set, don't remove any markers/clusters in it
_recursivelyRemoveChildrenFromMap: function (previousBounds, mapMinZoom, zoomLevel, exceptBounds) {
var m, i;
this._recursively(previousBounds, mapMinZoom - 1, zoomLevel - 1,
function (c) {
//Remove markers at every level
for (i = c._markers.length - 1; i >= 0; i--) {
m = c._markers[i];
if (!exceptBounds || !exceptBounds.contains(m._latlng)) {
c._group._featureGroup.removeLayer(m);
if (m.clusterShow) {
m.clusterShow();
}
}
}
},
function (c) {
//Remove child clusters at just the bottom level
for (i = c._childClusters.length - 1; i >= 0; i--) {
m = c._childClusters[i];
if (!exceptBounds || !exceptBounds.contains(m._latlng)) {
c._group._featureGroup.removeLayer(m);
if (m.clusterShow) {
m.clusterShow();
}
}
}
}
);
},
//Run the given functions recursively to this and child clusters
// boundsToApplyTo: a L.LatLngBounds representing the bounds of what clusters to recurse in to
// zoomLevelToStart: zoom level to start running functions (inclusive)
// zoomLevelToStop: zoom level to stop running functions (inclusive)
// runAtEveryLevel: function that takes an L.MarkerCluster as an argument that should be applied on every level
// runAtBottomLevel: function that takes an L.MarkerCluster as an argument that should be applied at only the bottom level
_recursively: function (boundsToApplyTo, zoomLevelToStart, zoomLevelToStop, runAtEveryLevel, runAtBottomLevel) {
var childClusters = this._childClusters,
zoom = this._zoom,
i, c;
if (zoomLevelToStart <= zoom) {
if (runAtEveryLevel) {
runAtEveryLevel(this);
}
if (runAtBottomLevel && zoom === zoomLevelToStop) {
runAtBottomLevel(this);
}
}
if (zoom < zoomLevelToStart || zoom < zoomLevelToStop) {
for (i = childClusters.length - 1; i >= 0; i--) {
c = childClusters[i];
if (c._boundsNeedUpdate) {
c._recalculateBounds();
}
if (boundsToApplyTo.intersects(c._bounds)) {
c._recursively(boundsToApplyTo, zoomLevelToStart, zoomLevelToStop, runAtEveryLevel, runAtBottomLevel);
}
}
}
},
//Returns true if we are the parent of only one cluster and that cluster is the same as us
_isSingleParent: function () {
//Don't need to check this._markers as the rest won't work if there are any
return this._childClusters.length > 0 && this._childClusters[0]._childCount === this._childCount;
}
});
/*
* Extends L.Marker to include two extra methods: clusterHide and clusterShow.
*
* They work as setOpacity(0) and setOpacity(1) respectively, but
* don't overwrite the options.opacity
*
*/
2 years ago
1 year ago
L.Marker.include({
clusterHide: function () {
var backup = this.options.opacity;
this.setOpacity(0);
this.options.opacity = backup;
return this;
},
clusterShow: function () {
return this.setOpacity(this.options.opacity);
}
});
L.DistanceGrid = function (cellSize) {
this._cellSize = cellSize;
this._sqCellSize = cellSize * cellSize;
this._grid = {};
this._objectPoint = { };
};
L.DistanceGrid.prototype = {
addObject: function (obj, point) {
var x = this._getCoord(point.x),
y = this._getCoord(point.y),
grid = this._grid,
row = grid[y] = grid[y] || {},
cell = row[x] = row[x] || [],
stamp = L.Util.stamp(obj);
this._objectPoint[stamp] = point;
cell.push(obj);
},
updateObject: function (obj, point) {
this.removeObject(obj);
this.addObject(obj, point);
},
//Returns true if the object was found
removeObject: function (obj, point) {
var x = this._getCoord(point.x),
y = this._getCoord(point.y),
grid = this._grid,
row = grid[y] = grid[y] || {},
cell = row[x] = row[x] || [],
i, len;
delete this._objectPoint[L.Util.stamp(obj)];
for (i = 0, len = cell.length; i < len; i++) {
if (cell[i] === obj) {
cell.splice(i, 1);
if (len === 1) {
delete row[x];
}
return true;
}
}
},
eachObject: function (fn, context) {
var i, j, k, len, row, cell, removed,
grid = this._grid;
for (i in grid) {
row = grid[i];
for (j in row) {
cell = row[j];
for (k = 0, len = cell.length; k < len; k++) {
removed = fn.call(context, cell[k]);
if (removed) {
k--;
len--;
}
}
}
}
},
getNearObject: function (point) {
var x = this._getCoord(point.x),
y = this._getCoord(point.y),
i, j, k, row, cell, len, obj, dist,
objectPoint = this._objectPoint,
closestDistSq = this._sqCellSize,
closest = null;
for (i = y - 1; i <= y + 1; i++) {
row = this._grid[i];
if (row) {
for (j = x - 1; j <= x + 1; j++) {
cell = row[j];
if (cell) {
for (k = 0, len = cell.length; k < len; k++) {
obj = cell[k];
dist = this._sqDist(objectPoint[L.Util.stamp(obj)], point);
if (dist < closestDistSq ||
dist <= closestDistSq && closest === null) {
closestDistSq = dist;
closest = obj;
}
}
}
}
}
}
return closest;
},
_getCoord: function (x) {
var coord = Math.floor(x / this._cellSize);
return isFinite(coord) ? coord : x;
},
_sqDist: function (p, p2) {
var dx = p2.x - p.x,
dy = p2.y - p.y;
return dx * dx + dy * dy;
}
};
/* Copyright (c) 2012 the authors listed at the following URL, and/or
the authors of referenced articles or incorporated external code:
http://en.literateprograms.org/Quickhull_(Javascript)?action=history&offset=20120410175256
2 years ago
1 year ago
Permission is hereby granted, free of charge, to any person obtaining
a copy of this software and associated documentation files (the
"Software"), to deal in the Software without restriction, including
without limitation the rights to use, copy, modify, merge, publish,
distribute, sublicense, and/or sell copies of the Software, and to
permit persons to whom the Software is furnished to do so, subject to
the following conditions:
2 years ago
1 year ago
The above copyright notice and this permission notice shall be
included in all copies or substantial portions of the Software.
2 years ago
1 year ago
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT.
IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY
CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT,
TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE
SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
2 years ago
1 year ago
Retrieved from: http://en.literateprograms.org/Quickhull_(Javascript)?oldid=18434
*/
2 years ago
1 year ago
(function () {
L.QuickHull = {
/*
* @param {Object} cpt a point to be measured from the baseline
* @param {Array} bl the baseline, as represented by a two-element
* array of latlng objects.
* @returns {Number} an approximate distance measure
*/
getDistant: function (cpt, bl) {
var vY = bl[1].lat - bl[0].lat,
vX = bl[0].lng - bl[1].lng;
return (vX * (cpt.lat - bl[0].lat) + vY * (cpt.lng - bl[0].lng));
},
/*
* @param {Array} baseLine a two-element array of latlng objects
* representing the baseline to project from
* @param {Array} latLngs an array of latlng objects
* @returns {Object} the maximum point and all new points to stay
* in consideration for the hull.
*/
findMostDistantPointFromBaseLine: function (baseLine, latLngs) {
var maxD = 0,
maxPt = null,
newPoints = [],
i, pt, d;
for (i = latLngs.length - 1; i >= 0; i--) {
pt = latLngs[i];
d = this.getDistant(pt, baseLine);
if (d > 0) {
newPoints.push(pt);
} else {
continue;
}
if (d > maxD) {
maxD = d;
maxPt = pt;
}
}
return { maxPoint: maxPt, newPoints: newPoints };
},
/*
* Given a baseline, compute the convex hull of latLngs as an array
* of latLngs.
*
* @param {Array} latLngs
* @returns {Array}
*/
buildConvexHull: function (baseLine, latLngs) {
var convexHullBaseLines = [],
t = this.findMostDistantPointFromBaseLine(baseLine, latLngs);
if (t.maxPoint) { // if there is still a point "outside" the base line
convexHullBaseLines =
convexHullBaseLines.concat(
this.buildConvexHull([baseLine[0], t.maxPoint], t.newPoints)
);
convexHullBaseLines =
convexHullBaseLines.concat(
this.buildConvexHull([t.maxPoint, baseLine[1]], t.newPoints)
);
return convexHullBaseLines;
} else { // if there is no more point "outside" the base line, the current base line is part of the convex hull
return [baseLine[0]];
}
},
/*
* Given an array of latlngs, compute a convex hull as an array
* of latlngs
*
* @param {Array} latLngs
* @returns {Array}
*/
getConvexHull: function (latLngs) {
// find first baseline
var maxLat = false, minLat = false,
maxLng = false, minLng = false,
maxLatPt = null, minLatPt = null,
maxLngPt = null, minLngPt = null,
maxPt = null, minPt = null,
i;
for (i = latLngs.length - 1; i >= 0; i--) {
var pt = latLngs[i];
if (maxLat === false || pt.lat > maxLat) {
maxLatPt = pt;
maxLat = pt.lat;
}
if (minLat === false || pt.lat < minLat) {
minLatPt = pt;
minLat = pt.lat;
}
if (maxLng === false || pt.lng > maxLng) {
maxLngPt = pt;
maxLng = pt.lng;
}
if (minLng === false || pt.lng < minLng) {
minLngPt = pt;
minLng = pt.lng;
}
}
if (minLat !== maxLat) {
minPt = minLatPt;
maxPt = maxLatPt;
} else {
minPt = minLngPt;
maxPt = maxLngPt;
}
var ch = [].concat(this.buildConvexHull([minPt, maxPt], latLngs),
this.buildConvexHull([maxPt, minPt], latLngs));
return ch;
}
};
}());
L.MarkerCluster.include({
getConvexHull: function () {
var childMarkers = this.getAllChildMarkers(),
points = [],
p, i;
for (i = childMarkers.length - 1; i >= 0; i--) {
p = childMarkers[i].getLatLng();
points.push(p);
}
return L.QuickHull.getConvexHull(points);
}
});
//This code is 100% based on https://github.com/jawj/OverlappingMarkerSpiderfier-Leaflet
//Huge thanks to jawj for implementing it first to make my job easy :-)
L.MarkerCluster.include({
_2PI: Math.PI * 2,
_circleFootSeparation: 25, //related to circumference of circle
_circleStartAngle: 0,
_spiralFootSeparation: 28, //related to size of spiral (experiment!)
_spiralLengthStart: 11,
_spiralLengthFactor: 5,
_circleSpiralSwitchover: 9, //show spiral instead of circle from this marker count upwards.
// 0 -> always spiral; Infinity -> always circle
spiderfy: function () {
if (this._group._spiderfied === this || this._group._inZoomAnimation) {
return;
}
var childMarkers = this.getAllChildMarkers(null, true),
group = this._group,
map = group._map,
center = map.latLngToLayerPoint(this._latlng),
positions;
this._group._unspiderfy();
this._group._spiderfied = this;
//TODO Maybe: childMarkers order by distance to center
if (this._group.options.spiderfyShapePositions) {
positions = this._group.options.spiderfyShapePositions(childMarkers.length, center);
} else if (childMarkers.length >= this._circleSpiralSwitchover) {
positions = this._generatePointsSpiral(childMarkers.length, center);
} else {
center.y += 10; // Otherwise circles look wrong => hack for standard blue icon, renders differently for other icons.
positions = this._generatePointsCircle(childMarkers.length, center);
}
this._animationSpiderfy(childMarkers, positions);
},
unspiderfy: function (zoomDetails) {
/// <param Name="zoomDetails">Argument from zoomanim if being called in a zoom animation or null otherwise</param>
if (this._group._inZoomAnimation) {
return;
}
this._animationUnspiderfy(zoomDetails);
this._group._spiderfied = null;
},
_generatePointsCircle: function (count, centerPt) {
var circumference = this._group.options.spiderfyDistanceMultiplier * this._circleFootSeparation * (2 + count),
legLength = circumference / this._2PI, //radius from circumference
angleStep = this._2PI / count,
res = [],
i, angle;
legLength = Math.max(legLength, 35); // Minimum distance to get outside the cluster icon.
res.length = count;
for (i = 0; i < count; i++) { // Clockwise, like spiral.
angle = this._circleStartAngle + i * angleStep;
res[i] = new L.Point(centerPt.x + legLength * Math.cos(angle), centerPt.y + legLength * Math.sin(angle))._round();
}
return res;
},
_generatePointsSpiral: function (count, centerPt) {
var spiderfyDistanceMultiplier = this._group.options.spiderfyDistanceMultiplier,
legLength = spiderfyDistanceMultiplier * this._spiralLengthStart,
separation = spiderfyDistanceMultiplier * this._spiralFootSeparation,
lengthFactor = spiderfyDistanceMultiplier * this._spiralLengthFactor * this._2PI,
angle = 0,
res = [],
i;
res.length = count;
// Higher index, closer position to cluster center.
for (i = count; i >= 0; i--) {
// Skip the first position, so that we are already farther from center and we avoid
// being under the default cluster icon (especially important for Circle Markers).
if (i < count) {
res[i] = new L.Point(centerPt.x + legLength * Math.cos(angle), centerPt.y + legLength * Math.sin(angle))._round();
}
angle += separation / legLength + i * 0.0005;
legLength += lengthFactor / angle;
}
return res;
},
_noanimationUnspiderfy: function () {
var group = this._group,
map = group._map,
fg = group._featureGroup,
childMarkers = this.getAllChildMarkers(null, true),
m, i;
group._ignoreMove = true;
this.setOpacity(1);
for (i = childMarkers.length - 1; i >= 0; i--) {
m = childMarkers[i];
fg.removeLayer(m);
if (m._preSpiderfyLatlng) {
m.setLatLng(m._preSpiderfyLatlng);
delete m._preSpiderfyLatlng;
}
if (m.setZIndexOffset) {
m.setZIndexOffset(0);
}
if (m._spiderLeg) {
map.removeLayer(m._spiderLeg);
delete m._spiderLeg;
}
}
group.fire('unspiderfied', {
cluster: this,
markers: childMarkers
});
group._ignoreMove = false;
group._spiderfied = null;
}
});
//Non Animated versions of everything
L.MarkerClusterNonAnimated = L.MarkerCluster.extend({
_animationSpiderfy: function (childMarkers, positions) {
var group = this._group,
map = group._map,
fg = group._featureGroup,
legOptions = this._group.options.spiderLegPolylineOptions,
i, m, leg, newPos;
group._ignoreMove = true;
// Traverse in ascending order to make sure that inner circleMarkers are on top of further legs. Normal markers are re-ordered by newPosition.
// The reverse order trick no longer improves performance on modern browsers.
for (i = 0; i < childMarkers.length; i++) {
newPos = map.layerPointToLatLng(positions[i]);
m = childMarkers[i];
// Add the leg before the marker, so that in case the latter is a circleMarker, the leg is behind it.
leg = new L.Polyline([this._latlng, newPos], legOptions);
map.addLayer(leg);
m._spiderLeg = leg;
// Now add the marker.
m._preSpiderfyLatlng = m._latlng;
m.setLatLng(newPos);
if (m.setZIndexOffset) {
m.setZIndexOffset(1000000); //Make these appear on top of EVERYTHING
}
fg.addLayer(m);
}
this.setOpacity(0.3);
group._ignoreMove = false;
group.fire('spiderfied', {
cluster: this,
markers: childMarkers
});
},
_animationUnspiderfy: function () {
this._noanimationUnspiderfy();
}
});
//Animated versions here
L.MarkerCluster.include({
_animationSpiderfy: function (childMarkers, positions) {
var me = this,
group = this._group,
map = group._map,
fg = group._featureGroup,
thisLayerLatLng = this._latlng,
thisLayerPos = map.latLngToLayerPoint(thisLayerLatLng),
svg = L.Path.SVG,
legOptions = L.extend({}, this._group.options.spiderLegPolylineOptions), // Copy the options so that we can modify them for animation.
finalLegOpacity = legOptions.opacity,
i, m, leg, legPath, legLength, newPos;
if (finalLegOpacity === undefined) {
finalLegOpacity = L.MarkerClusterGroup.prototype.options.spiderLegPolylineOptions.opacity;
}
if (svg) {
// If the initial opacity of the spider leg is not 0 then it appears before the animation starts.
legOptions.opacity = 0;
// Add the class for CSS transitions.
legOptions.className = (legOptions.className || '') + ' leaflet-cluster-spider-leg';
} else {
// Make sure we have a defined opacity.
legOptions.opacity = finalLegOpacity;
}
group._ignoreMove = true;
// Add markers and spider legs to map, hidden at our center point.
// Traverse in ascending order to make sure that inner circleMarkers are on top of further legs. Normal markers are re-ordered by newPosition.
// The reverse order trick no longer improves performance on modern browsers.
for (i = 0; i < childMarkers.length; i++) {
m = childMarkers[i];
newPos = map.layerPointToLatLng(positions[i]);
// Add the leg before the marker, so that in case the latter is a circleMarker, the leg is behind it.
leg = new L.Polyline([thisLayerLatLng, newPos], legOptions);
map.addLayer(leg);
m._spiderLeg = leg;
// Explanations: https://jakearchibald.com/2013/animated-line-drawing-svg/
// In our case the transition property is declared in the CSS file.
if (svg) {
legPath = leg._path;
legLength = legPath.getTotalLength() + 0.1; // Need a small extra length to avoid remaining dot in Firefox.
legPath.style.strokeDasharray = legLength; // Just 1 length is enough, it will be duplicated.
legPath.style.strokeDashoffset = legLength;
}
// If it is a marker, add it now and we'll animate it out
if (m.setZIndexOffset) {
m.setZIndexOffset(1000000); // Make normal markers appear on top of EVERYTHING
}
if (m.clusterHide) {
m.clusterHide();
}
// Vectors just get immediately added
fg.addLayer(m);
if (m._setPos) {
m._setPos(thisLayerPos);
}
}
group._forceLayout();
group._animationStart();
// Reveal markers and spider legs.
for (i = childMarkers.length - 1; i >= 0; i--) {
newPos = map.layerPointToLatLng(positions[i]);
m = childMarkers[i];
//Move marker to new position
m._preSpiderfyLatlng = m._latlng;
m.setLatLng(newPos);
if (m.clusterShow) {
m.clusterShow();
}
// Animate leg (animation is actually delegated to CSS transition).
if (svg) {
leg = m._spiderLeg;
legPath = leg._path;
legPath.style.strokeDashoffset = 0;
//legPath.style.strokeOpacity = finalLegOpacity;
leg.setStyle({opacity: finalLegOpacity});
}
}
this.setOpacity(0.3);
group._ignoreMove = false;
setTimeout(function () {
group._animationEnd();
group.fire('spiderfied', {
cluster: me,
markers: childMarkers
});
}, 200);
},
_animationUnspiderfy: function (zoomDetails) {
var me = this,
group = this._group,
map = group._map,
fg = group._featureGroup,
thisLayerPos = zoomDetails ? map._latLngToNewLayerPoint(this._latlng, zoomDetails.zoom, zoomDetails.center) : map.latLngToLayerPoint(this._latlng),
childMarkers = this.getAllChildMarkers(null, true),
svg = L.Path.SVG,
m, i, leg, legPath, legLength, nonAnimatable;
group._ignoreMove = true;
group._animationStart();
//Make us visible and bring the child markers back in
this.setOpacity(1);
for (i = childMarkers.length - 1; i >= 0; i--) {
m = childMarkers[i];
//Marker was added to us after we were spiderfied
if (!m._preSpiderfyLatlng) {
continue;
}
//Close any popup on the marker first, otherwise setting the location of the marker will make the map scroll
m.closePopup();
//Fix up the location to the real one
m.setLatLng(m._preSpiderfyLatlng);
delete m._preSpiderfyLatlng;
//Hack override the location to be our center
nonAnimatable = true;
if (m._setPos) {
m._setPos(thisLayerPos);
nonAnimatable = false;
}
if (m.clusterHide) {
m.clusterHide();
nonAnimatable = false;
}
if (nonAnimatable) {
fg.removeLayer(m);
}
// Animate the spider leg back in (animation is actually delegated to CSS transition).
if (svg) {
leg = m._spiderLeg;
legPath = leg._path;
legLength = legPath.getTotalLength() + 0.1;
legPath.style.strokeDashoffset = legLength;
leg.setStyle({opacity: 0});
}
}
group._ignoreMove = false;
setTimeout(function () {
//If we have only <= one child left then that marker will be shown on the map so don't remove it!
var stillThereChildCount = 0;
for (i = childMarkers.length - 1; i >= 0; i--) {
m = childMarkers[i];
if (m._spiderLeg) {
stillThereChildCount++;
}
}
for (i = childMarkers.length - 1; i >= 0; i--) {
m = childMarkers[i];
if (!m._spiderLeg) { //Has already been unspiderfied
continue;
}
if (m.clusterShow) {
m.clusterShow();
}
if (m.setZIndexOffset) {
m.setZIndexOffset(0);
}
if (stillThereChildCount > 1) {
fg.removeLayer(m);
}
map.removeLayer(m._spiderLeg);
delete m._spiderLeg;
}
group._animationEnd();
group.fire('unspiderfied', {
cluster: me,
markers: childMarkers
});
}, 200);
}
});
L.MarkerClusterGroup.include({
//The MarkerCluster currently spiderfied (if any)
_spiderfied: null,
unspiderfy: function () {
this._unspiderfy.apply(this, arguments);
},
_spiderfierOnAdd: function () {
this._map.on('click', this._unspiderfyWrapper, this);
if (this._map.options.zoomAnimation) {
this._map.on('zoomstart', this._unspiderfyZoomStart, this);
}
//Browsers without zoomAnimation or a big zoom don't fire zoomstart
this._map.on('zoomend', this._noanimationUnspiderfy, this);
if (!L.Browser.touch) {
this._map.getRenderer(this);
//Needs to happen in the pageload, not after, or animations don't work in webkit
// http://stackoverflow.com/questions/8455200/svg-animate-with-dynamically-added-elements
//Disable on touch browsers as the animation messes up on a touch zoom and isn't very noticable
}
},
_spiderfierOnRemove: function () {
this._map.off('click', this._unspiderfyWrapper, this);
this._map.off('zoomstart', this._unspiderfyZoomStart, this);
this._map.off('zoomanim', this._unspiderfyZoomAnim, this);
this._map.off('zoomend', this._noanimationUnspiderfy, this);
//Ensure that markers are back where they should be
// Use no animation to avoid a sticky leaflet-cluster-anim class on mapPane
this._noanimationUnspiderfy();
},
//On zoom start we add a zoomanim handler so that we are guaranteed to be last (after markers are animated)
//This means we can define the animation they do rather than Markers doing an animation to their actual location
_unspiderfyZoomStart: function () {
if (!this._map) { //May have been removed from the map by a zoomEnd handler
return;
}
this._map.on('zoomanim', this._unspiderfyZoomAnim, this);
},
_unspiderfyZoomAnim: function (zoomDetails) {
//Wait until the first zoomanim after the user has finished touch-zooming before running the animation
if (L.DomUtil.hasClass(this._map._mapPane, 'leaflet-touching')) {
return;
}
this._map.off('zoomanim', this._unspiderfyZoomAnim, this);
this._unspiderfy(zoomDetails);
},
_unspiderfyWrapper: function () {
/// <summary>_unspiderfy but passes no arguments</summary>
this._unspiderfy();
},
_unspiderfy: function (zoomDetails) {
if (this._spiderfied) {
this._spiderfied.unspiderfy(zoomDetails);
}
},
_noanimationUnspiderfy: function () {
if (this._spiderfied) {
this._spiderfied._noanimationUnspiderfy();
}
},
//If the given layer is currently being spiderfied then we unspiderfy it so it isn't on the map anymore etc
_unspiderfyLayer: function (layer) {
if (layer._spiderLeg) {
this._featureGroup.removeLayer(layer);
if (layer.clusterShow) {
layer.clusterShow();
}
//Position will be fixed up immediately in _animationUnspiderfy
if (layer.setZIndexOffset) {
layer.setZIndexOffset(0);
}
this._map.removeLayer(layer._spiderLeg);
delete layer._spiderLeg;
}
}
});
/**
* Adds 1 public method to MCG and 1 to L.Marker to facilitate changing
* markers' icon options and refreshing their icon and their parent clusters
* accordingly (case where their iconCreateFunction uses data of childMarkers
* to make up the cluster icon).
*/
L.MarkerClusterGroup.include({
/**
* Updates the icon of all clusters which are parents of the given marker(s).
* In singleMarkerMode, also updates the given marker(s) icon.
* @param layers L.MarkerClusterGroup|L.LayerGroup|Array(L.Marker)|Map(L.Marker)|
* L.MarkerCluster|L.Marker (optional) list of markers (or single marker) whose parent
* clusters need to be updated. If not provided, retrieves all child markers of this.
* @returns {L.MarkerClusterGroup}
*/
refreshClusters: function (layers) {
if (!layers) {
layers = this._topClusterLevel.getAllChildMarkers();
} else if (layers instanceof L.MarkerClusterGroup) {
layers = layers._topClusterLevel.getAllChildMarkers();
} else if (layers instanceof L.LayerGroup) {
layers = layers._layers;
} else if (layers instanceof L.MarkerCluster) {
layers = layers.getAllChildMarkers();
} else if (layers instanceof L.Marker) {
layers = [layers];
} // else: must be an Array(L.Marker)|Map(L.Marker)
this._flagParentsIconsNeedUpdate(layers);
this._refreshClustersIcons();
// In case of singleMarkerMode, also re-draw the markers.
if (this.options.singleMarkerMode) {
this._refreshSingleMarkerModeMarkers(layers);
}
return this;
},
/**
* Simply flags all parent clusters of the given markers as having a "dirty" icon.
* @param layers Array(L.Marker)|Map(L.Marker) list of markers.
* @private
*/
_flagParentsIconsNeedUpdate: function (layers) {
var id, parent;
// Assumes layers is an Array or an Object whose prototype is non-enumerable.
for (id in layers) {
// Flag parent clusters' icon as "dirty", all the way up.
// Dumb process that flags multiple times upper parents, but still
// much more efficient than trying to be smart and make short lists,
// at least in the case of a hierarchy following a power law:
// http://jsperf.com/flag-nodes-in-power-hierarchy/2
parent = layers[id].__parent;
while (parent) {
parent._iconNeedsUpdate = true;
parent = parent.__parent;
}
}
},
/**
* Re-draws the icon of the supplied markers.
* To be used in singleMarkerMode only.
* @param layers Array(L.Marker)|Map(L.Marker) list of markers.
* @private
*/
_refreshSingleMarkerModeMarkers: function (layers) {
var id, layer;
for (id in layers) {
layer = layers[id];
// Make sure we do not override markers that do not belong to THIS group.
if (this.hasLayer(layer)) {
// Need to re-create the icon first, then re-draw the marker.
layer.setIcon(this._overrideMarkerIcon(layer));
}
}
}
});
L.Marker.include({
/**
* Updates the given options in the marker's icon and refreshes the marker.
* @param options map object of icon options.
* @param directlyRefreshClusters boolean (optional) true to trigger
* MCG.refreshClustersOf() right away with this single marker.
* @returns {L.Marker}
*/
refreshIconOptions: function (options, directlyRefreshClusters) {
var icon = this.options.icon;
L.setOptions(icon, options);
this.setIcon(icon);
// Shortcut to refresh the associated MCG clusters right away.
// To be used when refreshing a single marker.
// Otherwise, better use MCG.refreshClusters() once at the end with
// the list of modified markers.
if (directlyRefreshClusters && this.__parent) {
this.__parent._group.refreshClusters(this);
}
return this;
}
});
exports.MarkerClusterGroup = MarkerClusterGroup;
exports.MarkerCluster = MarkerCluster;
Object.defineProperty(exports, '__esModule', { value: true });
}));
2 years ago
});
L.Control.Fullscreen = L.Control.extend({
options: {
position: 'topleft',
title: {
1 year ago
'false': 'View Fullscreen',
'true': 'Exit Fullscreen'
}
2 years ago
},
onAdd: function (map) {
1 year ago
var container = L.DomUtil.create('div', 'leaflet-control-fullscreen leaflet-bar leaflet-control');
this.link = L.DomUtil.create('a', 'leaflet-control-fullscreen-button leaflet-bar-part', container);
2 years ago
this.link.href = '#';
this._map = map;
this._map.on('fullscreenchange', this._toggleTitle, this);
this._toggleTitle();
L.DomEvent.on(this.link, 'click', this._click, this);
return container;
},
_click: function (e) {
L.DomEvent.stopPropagation(e);
L.DomEvent.preventDefault(e);
this._map.toggleFullscreen(this.options);
},
1 year ago
_toggleTitle: function() {
2 years ago
this.link.title = this.options.title[this._map.isFullscreen()];
1 year ago
}
2 years ago
});
L.Map.include({
isFullscreen: function () {
return this._isFullscreen || false;
},
toggleFullscreen: function (options) {
var container = this.getContainer();
if (this.isFullscreen()) {
if (options && options.pseudoFullscreen) {
this._disablePseudoFullscreen(container);
} else if (document.exitFullscreen) {
document.exitFullscreen();
} else if (document.mozCancelFullScreen) {
document.mozCancelFullScreen();
} else if (document.webkitCancelFullScreen) {
document.webkitCancelFullScreen();
} else if (document.msExitFullscreen) {
document.msExitFullscreen();
} else {
this._disablePseudoFullscreen(container);
}
} else {
if (options && options.pseudoFullscreen) {
this._enablePseudoFullscreen(container);
} else if (container.requestFullscreen) {
container.requestFullscreen();
} else if (container.mozRequestFullScreen) {
container.mozRequestFullScreen();
} else if (container.webkitRequestFullscreen) {
container.webkitRequestFullscreen(Element.ALLOW_KEYBOARD_INPUT);
} else if (container.msRequestFullscreen) {
container.msRequestFullscreen();
} else {
this._enablePseudoFullscreen(container);
}
}
1 year ago
2 years ago
},
_enablePseudoFullscreen: function (container) {
L.DomUtil.addClass(container, 'leaflet-pseudo-fullscreen');
this._setFullscreen(true);
this.fire('fullscreenchange');
},
_disablePseudoFullscreen: function (container) {
L.DomUtil.removeClass(container, 'leaflet-pseudo-fullscreen');
this._setFullscreen(false);
this.fire('fullscreenchange');
},
1 year ago
_setFullscreen: function(fullscreen) {
2 years ago
this._isFullscreen = fullscreen;
var container = this.getContainer();
if (fullscreen) {
L.DomUtil.addClass(container, 'leaflet-fullscreen-on');
} else {
L.DomUtil.removeClass(container, 'leaflet-fullscreen-on');
}
this.invalidateSize();
},
_onFullscreenChange: function (e) {
var fullscreenElement =
document.fullscreenElement ||
document.mozFullScreenElement ||
document.webkitFullscreenElement ||
document.msFullscreenElement;
if (fullscreenElement === this.getContainer() && !this._isFullscreen) {
this._setFullscreen(true);
this.fire('fullscreenchange');
1 year ago
} else if (fullscreenElement !== this.getContainer() && this._isFullscreen) {
2 years ago
this._setFullscreen(false);
this.fire('fullscreenchange');
}
1 year ago
}
2 years ago
});
L.Map.mergeOptions({
1 year ago
fullscreenControl: false
2 years ago
});
L.Map.addInitHook(function () {
if (this.options.fullscreenControl) {
1 year ago
this.fullscreenControl = new L.Control.Fullscreen(this.options.fullscreenControl);
2 years ago
this.addControl(this.fullscreenControl);
}
var fullscreenchange;
if ('onfullscreenchange' in document) {
fullscreenchange = 'fullscreenchange';
} else if ('onmozfullscreenchange' in document) {
fullscreenchange = 'mozfullscreenchange';
} else if ('onwebkitfullscreenchange' in document) {
fullscreenchange = 'webkitfullscreenchange';
} else if ('onmsfullscreenchange' in document) {
fullscreenchange = 'MSFullscreenChange';
}
if (fullscreenchange) {
var onFullscreenChange = L.bind(this._onFullscreenChange, this);
this.whenReady(function () {
L.DomEvent.on(document, fullscreenchange, onFullscreenChange);
});
this.on('unload', function () {
L.DomEvent.off(document, fullscreenchange, onFullscreenChange);
});
}
});
L.control.fullscreen = function (options) {
return new L.Control.Fullscreen(options);
};
const DEFAULT_SETTINGS = {
defaultState: {
name: 'Default',
mapZoom: 1.0,
1 year ago
mapCenter: new leafletSrc.LatLng(40.44694705960048, -180.70312500000003),
2 years ago
query: '',
chosenMapSource: 0,
},
savedStates: [],
markerIconRules: [
{
ruleName: 'default',
preset: true,
iconDetails: {
prefix: 'fas',
icon: 'fa-circle',
markerColor: 'blue',
},
},
{
ruleName: '#trip',
preset: false,
iconDetails: {
prefix: 'fas',
icon: 'fa-hiking',
markerColor: 'green',
},
},
{
ruleName: '#trip-water',
preset: false,
iconDetails: { prefix: 'fas', markerColor: 'blue' },
},
{
ruleName: '#dogs',
preset: false,
iconDetails: { prefix: 'fas', icon: 'fa-paw' },
},
],
zoomOnGoFromNote: 15,
autoZoom: true,
markerClickBehavior: 'replaceCurrent',
markerCtrlClickBehavior: 'dedicatedPane',
markerMiddleClickBehavior: 'dedicatedTab',
openMapBehavior: 'replaceCurrent',
openMapCtrlClickBehavior: 'dedicatedPane',
openMapMiddleClickBehavior: 'dedicatedTab',
newNoteNameFormat: 'Location added on {{date:YYYY-MM-DD}}T{{date:HH-mm}}',
showNoteNamePopup: true,
showLinkNameInPopup: 'mobileOnly',
showNotePreview: true,
showClusterPreview: false,
debug: false,
openIn: [
{
name: 'Google Maps',
urlPattern: 'https://maps.google.com/?q={x},{y}',
},
],
urlParsingRules: [
{
name: 'OpenStreetMap Show Address',
regExp: /https:\/\/www.openstreetmap.org\S*query=([0-9\.\-]+%2C[0-9\.\-]+)\S*/
.source,
ruleType: 'latLng',
preset: true,
},
{
name: 'Generic Lat,Lng',
regExp: /([0-9\.\-]+), ([0-9\.\-]+)/.source,
ruleType: 'latLng',
preset: true,
},
1 year ago
{
name: 'Geolocation Link',
regExp: /\[.*\]\(geo:([0-9\.\-]+),([0-9\.\-]+)\)/.source,
ruleType: 'latLng',
preset: true,
},
2 years ago
],
mapControls: {
filtersDisplayed: true,
viewDisplayed: true,
presetsDisplayed: false,
},
maxClusterRadiusPixels: 20,
searchProvider: 'osm',
useGooglePlaces: false,
mapSources: [
{
name: 'CartoDB',
1 year ago
urlLight: 'https://{s}.basemaps.cartocdn.com/rastertiles/voyager/{z}/{x}/{y}.png',
2 years ago
preset: true,
},
],
chosenMapMode: 'auto',
saveHistory: true,
letZoomBeyondMax: false,
2 years ago
queryForFollowActiveNote: 'path:"$PATH$"',
supportRealTimeGeolocation: false,
fixFrontMatterOnPaste: true,
1 year ago
geoHelperType: 'url',
geoHelperCommand: 'chrome',
geoHelperUrl: 'https://esm7.github.io/obsidian-geo-helper/',
2 years ago
handleGeolinksInNotes: true,
showGeolinkPreview: false,
zoomOnGeolinkPreview: 10,
1 year ago
routingUrl: 'https://www.google.com/maps/dir/?api=1&origin={x0},{y0}&destination={x1},{y1}',
2 years ago
};
function convertLegacyMarkerIcons(settings) {
if (settings.markerIcons) {
settings.markerIconRules = [];
for (let key in settings.markerIcons) {
const newRule = {
ruleName: key,
preset: key === 'default',
iconDetails: settings.markerIcons[key],
};
settings.markerIconRules.push(newRule);
3 years ago
}
2 years ago
settings.markerIcons = null;
return true;
3 years ago
}
2 years ago
return false;
3 years ago
}
2 years ago
function convertLegacyTilesUrl(settings) {
if (settings.tilesUrl) {
settings.mapSources = [
{
name: 'Default',
urlLight: settings.tilesUrl,
maxZoom: DEFAULT_MAX_TILE_ZOOM,
},
];
settings.tilesUrl = null;
return true;
}
return false;
3 years ago
}
2 years ago
function convertLegacyDefaultState(settings) {
var _a;
1 year ago
if (settings.defaultTags ||
2 years ago
settings.defaultZoom ||
settings.defaultMapCenter ||
1 year ago
settings.chosenMapSource) {
2 years ago
settings.defaultState = {
name: 'Default',
1 year ago
mapZoom: settings.defaultZoom || DEFAULT_SETTINGS.defaultState.mapZoom,
mapCenter: settings.defaultMapCenter ||
2 years ago
DEFAULT_SETTINGS.defaultState.mapCenter,
1 year ago
query: settings.defaultTags.join(' OR ') ||
2 years ago
DEFAULT_SETTINGS.defaultState.query,
1 year ago
chosenMapSource: (_a = settings.chosenMapSource) !== null && _a !== void 0 ? _a : DEFAULT_SETTINGS.defaultState.chosenMapSource,
2 years ago
};
settings.defaultTags =
settings.defaultZoom =
1 year ago
settings.defaultMapCenter =
settings.chosenMapSource =
null;
2 years ago
return true;
3 years ago
}
2 years ago
return false;
3 years ago
}
2 years ago
function removeLegacyPresets1(settings) {
1 year ago
const googleMapsParsingRule = settings.urlParsingRules.findIndex((rule) => rule.name == 'Google Maps' && rule.preset);
2 years ago
if (googleMapsParsingRule > -1) {
settings.urlParsingRules.splice(googleMapsParsingRule, 1);
return true;
3 years ago
}
1 year ago
if (settings.mapSources.findIndex((item) => item.name == DEFAULT_SETTINGS.mapSources[0].name) === -1) {
2 years ago
settings.mapSources.unshift(DEFAULT_SETTINGS.mapSources[0]);
return true;
3 years ago
}
2 years ago
return false;
3 years ago
}
2 years ago
function convertTagsToQueries(settings) {
let changed = false;
let defaultState = settings.defaultState;
if (defaultState.tags && defaultState.tags.length > 0) {
defaultState.query = defaultState.tags.join(' OR ');
delete defaultState.tags;
changed = true;
}
for (let preset of settings.savedStates) {
let legacyPreset = preset;
if (legacyPreset.tags && legacyPreset.tags.length > 0) {
legacyPreset.query = legacyPreset.tags.join(' OR ');
delete legacyPreset.tags;
changed = true;
}
}
return changed;
3 years ago
}
2 years ago
function convertUrlParsingRules1(settings) {
let changed = false;
for (let rule of settings.urlParsingRules) {
const legacyRule = rule;
if (legacyRule.order) {
rule.ruleType =
legacyRule.order === 'latFirst' ? 'latLng' : 'lngLat';
delete legacyRule.order;
changed = true;
}
}
return changed;
}
function convertLegacyOpenBehavior(settings) {
let changed = false;
const legacyMarkerClick = settings.markerClickBehavior;
if (legacyMarkerClick === 'samePane') {
settings.markerClickBehavior = 'replaceCurrent';
settings.markerCtrlClickBehavior = 'dedicatedPane';
changed = true;
1 year ago
}
else if (legacyMarkerClick === 'secondPane') {
settings.markerClickBehavior = 'dedicatedPane';
settings.markerCtrlClickBehavior = 'replaceCurrent';
changed = true;
1 year ago
}
else if (legacyMarkerClick === 'alwaysNew') {
settings.markerClickBehavior = 'alwaysNewPane';
settings.markerCtrlClickBehavior = 'replaceCurrent';
changed = true;
}
return changed;
}
function convertLegacySettings(settings, plugin) {
return __awaiter(this, void 0, void 0, function* () {
let changed = false;
// Convert old settings formats that are no longer supported
if (convertLegacyMarkerIcons(settings)) {
changed = true;
1 year ago
new obsidian.Notice('Map View: legacy marker icons were converted to the new format');
}
if (convertLegacyTilesUrl(settings)) {
changed = true;
1 year ago
new obsidian.Notice('Map View: legacy tiles URL was converted to the new format');
}
if (convertLegacyDefaultState(settings)) {
changed = true;
1 year ago
new obsidian.Notice('Map View: legacy default state was converted to the new format');
}
if (removeLegacyPresets1(settings)) {
changed = true;
1 year ago
new obsidian.Notice('Map View: legacy URL parsing rules and/or map sources were converted. See the release notes');
}
if (convertTagsToQueries(settings)) {
changed = true;
1 year ago
new obsidian.Notice('Map View: legacy tag queries were converted to the new query format');
}
if (convertUrlParsingRules1(settings)) {
changed = true;
1 year ago
new obsidian.Notice('Map View: URL parsing rules were converted to the new format');
}
if (convertLegacyOpenBehavior(settings)) {
changed = true;
1 year ago
new obsidian.Notice('Map View: marker click settings were converted to the new settings format (check the settings for new options!)');
}
1 year ago
if (changed)
plugin.saveSettings();
});
}
2 years ago
class BaseGeoLayer {
/**
* Construct a new BaseGeoLayer object
* @param file The file the geo data comes from
*/
constructor(file) {
/** Tags that this marker includes */
this.tags = [];
this.file = file;
}
}
/** An object that represents a single marker in a file, which is either a complete note with a geolocation, or an inline geolocation inside a note */
2 years ago
class FileMarker extends BaseGeoLayer {
/**
* Construct a new FileMarker object
* @param file The file the pin comes from
* @param location The geolocation
*/
constructor(file, location) {
2 years ago
super(file);
this.layerType = 'fileMarker';
this.location = location;
this.generateId();
}
isSame(other) {
1 year ago
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v;
return (other instanceof FileMarker &&
2 years ago
this.file.name === other.file.name &&
this.location.toString() === other.location.toString() &&
this.fileLocation === other.fileLocation &&
this.fileLine === other.fileLine &&
this.extraName === other.extraName &&
1 year ago
((_b = (_a = this.icon) === null || _a === void 0 ? void 0 : _a.options) === null || _b === void 0 ? void 0 : _b.iconUrl) === ((_d = (_c = other.icon) === null || _c === void 0 ? void 0 : _c.options) === null || _d === void 0 ? void 0 : _d.iconUrl) &&
// @ts-ignore
1 year ago
((_f = (_e = this.icon) === null || _e === void 0 ? void 0 : _e.options) === null || _f === void 0 ? void 0 : _f.icon) === ((_h = (_g = other.icon) === null || _g === void 0 ? void 0 : _g.options) === null || _h === void 0 ? void 0 : _h.icon) &&
// @ts-ignore
1 year ago
((_k = (_j = this.icon) === null || _j === void 0 ? void 0 : _j.options) === null || _k === void 0 ? void 0 : _k.iconColor) === ((_m = (_l = other.icon) === null || _l === void 0 ? void 0 : _l.options) === null || _m === void 0 ? void 0 : _m.iconColor) &&
// @ts-ignore
1 year ago
((_p = (_o = this.icon) === null || _o === void 0 ? void 0 : _o.options) === null || _p === void 0 ? void 0 : _p.markerColor) ===
((_r = (_q = other.icon) === null || _q === void 0 ? void 0 : _q.options) === null || _r === void 0 ? void 0 : _r.markerColor) &&
// @ts-ignore
1 year ago
((_t = (_s = this.icon) === null || _s === void 0 ? void 0 : _s.options) === null || _t === void 0 ? void 0 : _t.shape) === ((_v = (_u = other.icon) === null || _u === void 0 ? void 0 : _u.options) === null || _v === void 0 ? void 0 : _v.shape));
}
generateId() {
1 year ago
this.id = generateMarkerId(this.file.name, this.location.lat.toString(), this.location.lng.toString(), this.fileLocation, this.fileLine);
2 years ago
}
getBounds() {
return [this.location];
}
}
2 years ago
function generateMarkerId(fileName, lat, lng, fileLocation, fileLine) {
1 year ago
return (djb2Hash(fileName) +
2 years ago
lat +
lng +
'loc-' +
(fileLocation
? fileLocation
: fileLine
1 year ago
? 'nofileloc' + fileLine
: 'nofileline'));
2 years ago
}
/**
* Create a FileMarker for every front matter and inline geolocation in the given file.
* Properties that are not essential for filtering, e.g. marker icons, are not created here yet.
2 years ago
* @param mapToAppendTo The list of markers to append to
* @param file The file object to parse
* @param settings The plugin settings
* @param app The Obsidian App instance
* @param skipMetadata If true will not find markers in the front matter
*/
1 year ago
function buildAndAppendFileMarkers(mapToAppendTo, file, settings, app, skipMetadata) {
2 years ago
var _a;
return __awaiter(this, void 0, void 0, function* () {
const fileCache = app.metadataCache.getFileCache(file);
1 year ago
const frontMatter = fileCache === null || fileCache === void 0 ? void 0 : fileCache.frontmatter;
const tagNameToSearch = (_a = settings.tagForGeolocationNotes) === null || _a === void 0 ? void 0 : _a.trim();
if (frontMatter || (tagNameToSearch === null || tagNameToSearch === void 0 ? void 0 : tagNameToSearch.length) > 0) {
2 years ago
if (frontMatter && !skipMetadata) {
const location = getFrontMatterLocation(file, app);
if (location) {
verifyLocation(location);
let marker = new FileMarker(file, location);
marker.tags = obsidian.getAllTags(fileCache);
mapToAppendTo.push(marker);
}
}
1 year ago
if ((frontMatter && 'locations' in frontMatter) ||
((tagNameToSearch === null || tagNameToSearch === void 0 ? void 0 : tagNameToSearch.length) > 0 &&
wildcard(tagNameToSearch, obsidian.getAllTags(fileCache)))) {
const markersFromFile = yield getMarkersFromFileContent(file, settings, app);
mapToAppendTo.push(...markersFromFile);
}
}
});
}
/**
* Create FileMarker instances for all the files in the given list
* @param files The list of file objects to find geolocations in.
* @param settings The plugin settings
* @param app The Obsidian App instance
*/
function buildMarkers(files, settings, app) {
return __awaiter(this, void 0, void 0, function* () {
1 year ago
if (settings.debug)
console.time('buildMarkers');
let markers = [];
for (const file of files) {
yield buildAndAppendFileMarkers(markers, file, settings, app);
}
1 year ago
if (settings.debug)
console.timeEnd('buildMarkers');
return markers;
});
}
/**
* Add more data to the markers, e.g. icons and other items that were not needed for the stage of filtering
* them.
* Modifies the markers in-place.
*/
function finalizeMarkers(markers, settings, iconCache) {
for (const marker of markers)
2 years ago
if (marker instanceof FileMarker) {
1 year ago
marker.icon = getIconFromRules(marker.tags, settings.markerIconRules, iconCache);
}
else {
2 years ago
throw 'Unsupported object type ' + marker.constructor.name;
}
}
/**
* Make sure that the coordinates are valid world coordinates
* -90 <= longitude <= 90 and -180 <= latitude <= 180
* @param location
*/
function verifyLocation(location) {
1 year ago
if (location.lng < LNG_LIMITS[0] ||
location.lng > LNG_LIMITS[1])
throw Error(`Lng ${location.lng} is outside the allowed limits`);
1 year ago
if (location.lat < LAT_LIMITS[0] ||
location.lat > LAT_LIMITS[1])
throw Error(`Lat ${location.lat} is outside the allowed limits`);
}
/**
* Find all inline geolocations in a string
* @param content The file contents to find the coordinates in
*/
function matchInlineLocation(content) {
// Old syntax of ` `location: ... ` `. This syntax doesn't support a name so we leave an empty capture group
const locationRegex1 = INLINE_LOCATION_OLD_SYNTAX;
// New syntax of `[name](geo:...)` and an optional tags as `tag:tagName` separated by whitespaces
const locationRegex2 = INLINE_LOCATION_WITH_TAGS;
const matches1 = content.matchAll(locationRegex1);
const matches2 = content.matchAll(locationRegex2);
return Array.from(matches1).concat(Array.from(matches2));
}
/**
* Build markers from inline locations in the file body.
* Properties non-essential for filtering, e.g. the marker icon, are not built here yet.
* @param file The file object to load
* @param settings The plugin settings
* @param app The Obsidian App instance
*/
function getMarkersFromFileContent(file, settings, app) {
return __awaiter(this, void 0, void 0, function* () {
let markers = [];
// Get the tags of the file, to these we will add the tags associated with each individual marker (inline tags)
1 year ago
const fileTags = obsidian.getAllTags(app.metadataCache.getFileCache(file));
const content = yield app.vault.read(file);
const matches = matchInlineLocation(content);
for (const match of matches) {
try {
1 year ago
const location = new leafletSrc.LatLng(parseFloat(match.groups.lat), parseFloat(match.groups.lng));
verifyLocation(location);
const marker = new FileMarker(file, location);
if (match.groups.name && match.groups.name.length > 0)
marker.extraName = match.groups.name;
if (match.groups.tags) {
// Parse the list of tags
const tagRegex = INLINE_TAG_IN_NOTE;
const tags = match.groups.tags.matchAll(tagRegex);
for (const tag of tags)
if (tag.groups.tag)
marker.tags.push('#' + tag.groups.tag);
}
marker.tags = marker.tags.concat(fileTags);
marker.fileLocation = match.index;
marker.fileLine =
1 year ago
content.substring(0, marker.fileLocation).split('\n').length -
1;
// Regenerate the ID because the marker details changed since it was generated
marker.generateId();
markers.push(marker);
1 year ago
}
catch (e) {
console.log(`Error converting location in file ${file.name}: could not parse ${match[0]}`, e);
}
}
return markers;
});
3 years ago
}
/**
* Get the geolocation stored in the front matter of a file
* @param file The file to load the front matter from
* @param app The Obsidian App instance
*/
function getFrontMatterLocation(file, app) {
const fileCache = app.metadataCache.getFileCache(file);
1 year ago
const frontMatter = fileCache === null || fileCache === void 0 ? void 0 : fileCache.frontmatter;
if (frontMatter && (frontMatter === null || frontMatter === void 0 ? void 0 : frontMatter.location)) {
try {
const location = frontMatter.location;
// We have a single location at hand
1 year ago
if (location.length == 2 &&
typeof location[0] === 'number' &&
1 year ago
typeof location[1] === 'number') {
const location = new leafletSrc.LatLng(frontMatter.location[0], frontMatter.location[1]);
verifyLocation(location);
return location;
1 year ago
}
else
console.log(`Unknown: `, location);
}
catch (e) {
console.log(`Error converting location in file ${file.name}:`, e);
2 years ago
}
}
return null;
3 years ago
}
2 years ago
function isSame(loc1, loc2) {
1 year ago
if (loc1 === null && loc2 === null)
return true;
if (loc1 === null || loc2 === null)
return false;
return (loc1.center.distanceTo(loc2.center) < 1 &&
loc1.accuracy == loc2.accuracy);
2 years ago
}
1 year ago
function askForLocation(settings, geoaction = 'locate', mvaction = 'showonmap', mvcontext = '') {
if (!settings.supportRealTimeGeolocation)
return false;
const geoHelperType = settings.geoHelperType;
2 years ago
switch (geoHelperType) {
1 year ago
case 'url': {
const url = settings.geoHelperUrl +
`?geoaction=${geoaction}&mvaction=${mvaction}&mvcontext=${mvcontext}`;
new obsidian.Notice('Asking GeoHelper URL for location');
open(url);
return true;
2 years ago
}
case 'app': {
1 year ago
open('geohelper://locate' +
`?geoaction=${geoaction}&mvaction=${mvaction}&mvcontext=${mvcontext}`);
new obsidian.Notice('Asking GeoHelper App for location');
2 years ago
return true;
}
1 year ago
case 'commandline': {
// We call in the format `command "url?params"`
const url = settings.geoHelperCommand +
` "${settings.geoHelperUrl}?geoaction=${geoaction}&mvaction=${mvaction}&mvcontext=${mvcontext}"`;
child_process.exec(url);
2 years ago
}
}
}
3 years ago
class NewPresetDialog extends obsidian.Modal {
constructor(app, stateToSave, plugin, settings, callback) {
super(app);
this.plugin = plugin;
this.settings = settings;
this.stateToSave = stateToSave;
this.callback = callback;
}
onOpen() {
let statusLabel = null;
const grid = this.contentEl.createDiv({ cls: 'newPresetDialogGrid' });
const row1 = grid.createDiv({ cls: 'newPresetDialogLine' });
const row2 = grid.createDiv({ cls: 'newPresetDialogLine' });
const row3 = grid.createDiv({ cls: 'newPresetDialogLine' });
3 years ago
let name = new obsidian.TextComponent(row1).onChange((value) => {
3 years ago
if (value == 'Default' || value.length === 0)
saveButton.disabled = true;
1 year ago
else
saveButton.disabled = false;
3 years ago
if (this.findPresetByName(value))
1 year ago
statusLabel.setText("Clicking 'Save' will overwrite an existing preset.");
else
statusLabel.setText('');
3 years ago
});
name.inputEl.style.width = '100%';
name.inputEl.addEventListener('keypress', (ev) => {
1 year ago
if (ev.key == 'Enter')
saveButton.buttonEl.click();
3 years ago
});
const includeMapSource = row2.createEl('input', { type: 'checkbox' });
includeMapSource.id = 'includeMapSource';
const includeMapSourceLabel = row2.createEl('label');
includeMapSourceLabel.setAttribute('for', 'includeMapSource');
includeMapSourceLabel.textContent = 'Include chosen map source';
let saveButton = new obsidian.ButtonComponent(row3)
.setButtonText('Save')
1 year ago
.onClick(() => __awaiter(this, void 0, void 0, function* () {
let existingPreset = this.findPresetByName(name.getValue());
let newState = Object.assign(Object.assign({}, this.stateToSave), { name: name.getValue() });
if (!includeMapSource.checked)
newState.chosenMapSource = undefined;
if (existingPreset) {
Object.assign(existingPreset, newState);
newState = existingPreset;
}
else {
this.settings.savedStates.push(newState);
}
yield this.plugin.saveSettings();
// Update the presets list
const presetIndex = this.settings.savedStates.indexOf(newState);
// Select the new preset in the view's controls
this.callback((presetIndex + 1).toString());
this.close();
}));
new obsidian.ButtonComponent(row3).setButtonText('Cancel').onClick(() => {
this.close();
});
2 years ago
statusLabel = row3.createDiv();
name.onChanged();
name.inputEl.focus();
}
findPresetByName(name) {
var _a;
1 year ago
return (_a = this.settings.savedStates) === null || _a === void 0 ? void 0 : _a.find((preset) => preset.name === name);
2 years ago
}
}
var types = createCommonjsModule(function (module, exports) {
1 year ago
exports.__esModule = true;
exports.Tokens = exports.StructuralCharacters = exports.Operators = void 0;
(function (Operators) {
Operators["AND"] = "AND";
Operators["OR"] = "OR";
Operators["XOR"] = "XOR";
Operators["NOT"] = "NOT";
})(exports.Operators || (exports.Operators = {}));
(function (StructuralCharacters) {
StructuralCharacters["OPEN_PARENTHESIS"] = "(";
StructuralCharacters["CLOSE_PARENTHESIS"] = ")";
})(exports.StructuralCharacters || (exports.StructuralCharacters = {}));
(function (Tokens) {
Tokens["IDENTIFIER"] = "IDENTIFIER";
Tokens["OPERATOR"] = "OPERATOR";
Tokens["STRUCTURAL_CHARACTER"] = "STRUCTURAL_CHARACTER";
Tokens["EOF"] = "EOF";
Tokens["COMMENT"] = "COMMENT";
})(exports.Tokens || (exports.Tokens = {}));
2 years ago
});
var _const$2 = createCommonjsModule(function (module, exports) {
1 year ago
exports.__esModule = true;
exports.VALID_TOKENS = exports.OPERATOR_PRECEDENCE = void 0;
exports.OPERATOR_PRECEDENCE = {
NOT: 0,
XOR: 1,
AND: 2,
OR: 3
};
exports.VALID_TOKENS = {
identifierOnly: [
{ name: types.Tokens.IDENTIFIER },
{
name: types.Tokens.STRUCTURAL_CHARACTER,
value: types.StructuralCharacters.OPEN_PARENTHESIS
},
],
identifierOrNot: [
{ name: types.Tokens.IDENTIFIER },
{
name: types.Tokens.STRUCTURAL_CHARACTER,
value: types.StructuralCharacters.OPEN_PARENTHESIS
},
{ name: types.Tokens.OPERATOR, value: types.Operators.NOT },
],
binaryOperator: [
{ name: types.Tokens.OPERATOR, value: types.Operators.AND },
{ name: types.Tokens.OPERATOR, value: types.Operators.OR },
{ name: types.Tokens.OPERATOR, value: types.Operators.XOR },
],
binaryOperatorOrClose: [
{ name: types.Tokens.OPERATOR, value: types.Operators.AND },
{ name: types.Tokens.OPERATOR, value: types.Operators.OR },
{ name: types.Tokens.OPERATOR, value: types.Operators.XOR },
{
name: types.Tokens.STRUCTURAL_CHARACTER,
value: types.StructuralCharacters.CLOSE_PARENTHESIS
},
]
};
2 years ago
});
var _const$1 = createCommonjsModule(function (module, exports) {
1 year ago
exports.__esModule = true;
exports.ESCAPE_CHARACTER = exports.EOL = exports.COMMENT_DELIMITER = exports.QUOTED_IDENTIFIER_DELIMITER = exports.SEPARATORS = exports.OPERATORS = exports.STRUCTURAL_CHARACTERS = void 0;
exports.STRUCTURAL_CHARACTERS = {
'(': types.StructuralCharacters.OPEN_PARENTHESIS,
')': types.StructuralCharacters.CLOSE_PARENTHESIS
};
exports.OPERATORS = {
AND: types.Operators.AND,
OR: types.Operators.OR,
XOR: types.Operators.XOR,
NOT: types.Operators.NOT
};
exports.SEPARATORS = new Set([
0x0020,
0x0009,
0x000a,
0x000d, // Carriage return
].map(function (separator) { return String.fromCodePoint(separator); }));
exports.QUOTED_IDENTIFIER_DELIMITER = String.fromCodePoint(0x0022);
exports.COMMENT_DELIMITER = String.fromCodePoint(0x0023);
exports.EOL = String.fromCodePoint(0x000a);
exports.ESCAPE_CHARACTER = String.fromCodePoint(0x005c);
2 years ago
});
var utils$2 = createCommonjsModule(function (module, exports) {
1 year ago
var __assign = (commonjsGlobal && commonjsGlobal.__assign) || function () {
__assign = Object.assign || function(t) {
for (var s, i = 1, n = arguments.length; i < n; i++) {
s = arguments[i];
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
t[p] = s[p];
}
return t;
2 years ago
};
1 year ago
return __assign.apply(this, arguments);
};
exports.__esModule = true;
exports.getQuotedIdentifier = exports.getComment = exports.createResult = void 0;
var createResult = function (name, value, remainingString) { return ({
token: __assign({ name: name }, (value !== null ? { value: value } : {})),
remainingString: remainingString
}); };
exports.createResult = createResult;
var getComment = function (expression) {
var tokenEnd = expression.length;
for (var i = 0; i < expression.length; i += 1) {
var letter = expression[i];
if (letter === _const$1.EOL) {
tokenEnd = i;
break;
2 years ago
}
1 year ago
}
return (0, exports.createResult)(types.Tokens.COMMENT, expression.slice(0, tokenEnd), expression.slice(tokenEnd + 1));
};
exports.getComment = getComment;
var getQuotedIdentifier = function (expression) {
var escapeQuotation = false;
var value = '';
var tokenEnd = null;
for (var i = 0; i < expression.length; i += 1) {
var char = expression[i];
if (tokenEnd === null) {
if (char === _const$1.QUOTED_IDENTIFIER_DELIMITER) {
if (escapeQuotation) {
value = value.slice(-1) + _const$1.QUOTED_IDENTIFIER_DELIMITER;
2 years ago
}
1 year ago
else {
tokenEnd = i;
2 years ago
}
1 year ago
}
else {
if (char === _const$1.ESCAPE_CHARACTER) {
escapeQuotation = true;
}
else {
escapeQuotation = false;
}
value = value += char;
2 years ago
}
}
1 year ago
else {
if (!_const$1.SEPARATORS.has(char) && !_const$1.STRUCTURAL_CHARACTERS[char]) {
throw new Error("Unexpected character: ".concat(char, " Expected ) character or separator"));
}
break;
2 years ago
}
1 year ago
}
if (tokenEnd === null) {
throw new Error("Unexpected end of expression: expected ".concat(_const$1.QUOTED_IDENTIFIER_DELIMITER, " character"));
}
return (0, exports.createResult)(types.Tokens.IDENTIFIER, value, expression.slice(tokenEnd + 1));
};
exports.getQuotedIdentifier = getQuotedIdentifier;
2 years ago
});
var lex_1 = createCommonjsModule(function (module, exports) {
1 year ago
exports.__esModule = true;
exports.lex = void 0;
var lex = function (expression) {
var tokenStart = null;
var tokenEnd = null;
var delimitingCharacter = null;
// Loops through characters in the expression until the next token is found
for (var i = 0; i < expression.length; i += 1) {
var char = expression[i];
// Finds tokem start and returns immediately returns any identifiable tokens
if (tokenStart === null) {
if (!_const$1.SEPARATORS.has(char)) {
var structuralChar = _const$1.STRUCTURAL_CHARACTERS[char];
if (structuralChar) {
var nextChar = expression[i + 1];
if (structuralChar === types.StructuralCharacters.CLOSE_PARENTHESIS &&
nextChar &&
!_const$1.SEPARATORS.has(nextChar) &&
nextChar !== types.StructuralCharacters.CLOSE_PARENTHESIS) {
throw new Error("Unexpected character: ".concat(nextChar, ". A closing parenthesis should be followed by another closing parenthesis or whitespace"));
}
return (0, utils$2.createResult)(types.Tokens.STRUCTURAL_CHARACTER, _const$1.STRUCTURAL_CHARACTERS[char], expression.slice(i + 1));
}
// Once a quoted identifier has been identified it is retrieved in a separate function
if (char === _const$1.QUOTED_IDENTIFIER_DELIMITER) {
return (0, utils$2.getQuotedIdentifier)(expression.slice(i + 1));
2 years ago
}
1 year ago
// Once a comment has been identified it is retrieved in a separate function
if (char === _const$1.COMMENT_DELIMITER) {
return (0, utils$2.getComment)(expression.slice(i + 1));
2 years ago
}
1 year ago
tokenStart = i;
2 years ago
}
}
1 year ago
else {
// Breaks on the end of the token and throws on invalid characters
if (_const$1.SEPARATORS.has(char) || _const$1.STRUCTURAL_CHARACTERS[char]) {
tokenEnd = i;
delimitingCharacter = char;
break;
}
else {
if (char === _const$1.QUOTED_IDENTIFIER_DELIMITER ||
char === _const$1.COMMENT_DELIMITER) {
throw new Error("Unexpected character: ".concat(char));
2 years ago
}
}
}
1 year ago
}
// Separates operators from identifiers and returns the correct token
if (tokenStart !== null) {
tokenEnd = tokenEnd !== null && tokenEnd !== void 0 ? tokenEnd : expression.length;
var value = expression.slice(tokenStart, tokenEnd);
var remainingString = expression.slice(tokenEnd);
if (_const$1.OPERATORS[value]) {
if (delimitingCharacter && !_const$1.SEPARATORS.has(delimitingCharacter)) {
throw new Error("Unexpected character: ".concat(delimitingCharacter, ". Operators should be separated using whitespace"));
}
return (0, utils$2.createResult)(types.Tokens.OPERATOR, _const$1.OPERATORS[value], remainingString);
}
else {
return (0, utils$2.createResult)(types.Tokens.IDENTIFIER, value, remainingString);
}
}
// If this is reached no tokens were found so EOF is returned
return (0, utils$2.createResult)(types.Tokens.EOF, null, '');
};
exports.lex = lex;
2 years ago
});
var utils$1 = createCommonjsModule(function (module, exports) {
1 year ago
var __spreadArray = (commonjsGlobal && commonjsGlobal.__spreadArray) || function (to, from, pack) {
if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
if (ar || !(i in from)) {
if (!ar) ar = Array.prototype.slice.call(from, 0, i);
ar[i] = from[i];
}
}
return to.concat(ar || Array.prototype.slice.call(from));
};
exports.__esModule = true;
exports.validateToken = exports.previousOperatorTakesPrecedent = exports.getValue = exports.newTokenGenerator = void 0;
var newTokenGenerator = function (expression) {
var remainingExpression = expression;
return function (validTokens, endIsValid) {
if (endIsValid === void 0) { endIsValid = false; }
while (true) {
var _a = (0, lex_1.lex)(remainingExpression), token = _a.token, remainingString = _a.remainingString;
remainingExpression = remainingString;
if (token.name !== types.Tokens.COMMENT) {
(0, exports.validateToken)(token, validTokens, endIsValid);
return token;
2 years ago
}
}
};
1 year ago
};
exports.newTokenGenerator = newTokenGenerator;
var getValue = function (getNextToken, parser) {
var nextToken = getNextToken(_const$2.VALID_TOKENS.identifierOrNot);
var negatedValue = nextToken.value === types.Operators.NOT;
if (negatedValue) {
nextToken = getNextToken(_const$2.VALID_TOKENS.identifierOnly);
}
var value = nextToken.name === types.Tokens.STRUCTURAL_CHARACTER
? parser(getNextToken, true)
: [nextToken];
return negatedValue
? __spreadArray(__spreadArray([], value, true), [{ name: types.Tokens.OPERATOR, value: types.Operators.NOT }], false) : value;
};
exports.getValue = getValue;
var previousOperatorTakesPrecedent = function (previousOperator, nextOperator) {
return _const$2.OPERATOR_PRECEDENCE[previousOperator] <= _const$2.OPERATOR_PRECEDENCE[nextOperator];
};
exports.previousOperatorTakesPrecedent = previousOperatorTakesPrecedent;
var validateToken = function (token, validTokens, endIsValid) {
if (endIsValid === void 0) { endIsValid = false; }
if (token.name === types.Tokens.EOF) {
if (endIsValid) {
return;
2 years ago
}
1 year ago
throw new Error('Unexpected end of expression');
}
for (var _i = 0, validTokens_1 = validTokens; _i < validTokens_1.length; _i++) {
var validToken = validTokens_1[_i];
if (validToken.name === token.name) {
if (!validToken.value || validToken.value === token.value) {
2 years ago
return;
}
}
1 year ago
}
throw new TypeError('Invalid token');
};
exports.validateToken = validateToken;
2 years ago
});
var parse_1 = createCommonjsModule(function (module, exports) {
1 year ago
var __spreadArray = (commonjsGlobal && commonjsGlobal.__spreadArray) || function (to, from, pack) {
if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
if (ar || !(i in from)) {
if (!ar) ar = Array.prototype.slice.call(from, 0, i);
ar[i] = from[i];
2 years ago
}
1 year ago
}
return to.concat(ar || Array.prototype.slice.call(from));
};
exports.__esModule = true;
exports.parse = void 0;
// Returns the tokens using postfix notation
var parse = function (expression) {
if (typeof expression !== 'string') {
throw new Error("Expected string but received ".concat(typeof expression));
}
// getNextToken keeps track of the remaining expression
// and return the next token each time it is called
var getNextToken = (0, utils$1.newTokenGenerator)(expression);
return parseInternal(getNextToken);
};
exports.parse = parse;
// parseInternal will recurse over bracketed expressions
var parseInternal = function (getNextToken, nested) {
if (nested === void 0) { nested = false; }
// This initialises the output with everything up the first unnested operator
var output = __spreadArray([], (0, utils$1.getValue)(getNextToken, parseInternal), true);
var operators = [];
while (true) {
var validTokens = nested
? _const$2.VALID_TOKENS.binaryOperatorOrClose
: _const$2.VALID_TOKENS.binaryOperator;
// Retrieves the next Token
var nextToken = getNextToken(validTokens, !nested);
if (nextToken.name === types.Tokens.EOF || // If the end of file is found here then return what we have
nextToken.name === types.Tokens.STRUCTURAL_CHARACTER // The expression will be returned and incorporated into the final expression
) {
return __spreadArray(__spreadArray([], output, true), __spreadArray([], operators, true).reverse(), true);
}
// In postfix notation operator order is determined by precedence
while (operators.length) {
var previousOperator = operators[operators.length - 1] || null;
if (previousOperator &&
(0, utils$1.previousOperatorTakesPrecedent)(previousOperator.value, nextToken.value)) {
output = __spreadArray(__spreadArray([], output, true), [previousOperator], false);
operators = operators.slice(0, -1);
3 years ago
}
1 year ago
else {
break;
3 years ago
}
2 years ago
}
1 year ago
// The new operator is now added to the stack
operators = __spreadArray(__spreadArray([], operators, true), [nextToken], false);
// Once this is done we can get everything until the next unnested
// operator and add it to the output
output = __spreadArray(__spreadArray([], output, true), (0, utils$1.getValue)(getNextToken, parseInternal), true);
}
};
3 years ago
});
2 years ago
var utils = createCommonjsModule(function (module, exports) {
1 year ago
exports.__esModule = true;
exports.throwInvalidExpression = exports.isOperator = exports.isIdentifier = exports.notUtil = exports.xorUtil = exports.orUtil = exports.andUtil = void 0;
var andUtil = function (left, right) { return left && right; };
exports.andUtil = andUtil;
var orUtil = function (left, right) { return left || right; };
exports.orUtil = orUtil;
var xorUtil = function (left, right) { return !(left === right); };
exports.xorUtil = xorUtil;
var notUtil = function (identifier) { return !identifier; };
exports.notUtil = notUtil;
var isIdentifier = function (_a) {
var name = _a.name, value = _a.value;
return name === types.Tokens.IDENTIFIER && typeof value === 'string';
};
exports.isIdentifier = isIdentifier;
var isOperator = function (_a) {
var name = _a.name, value = _a.value;
return name === types.Tokens.OPERATOR && typeof value === 'string';
};
exports.isOperator = isOperator;
var throwInvalidExpression = function (message) {
throw new TypeError("Invalid postfix expression: ".concat(message));
};
exports.throwInvalidExpression = throwInvalidExpression;
2 years ago
});
3 years ago
2 years ago
var _const = createCommonjsModule(function (module, exports) {
1 year ago
var _a;
exports.__esModule = true;
exports.OPERATOR_MAP = void 0;
exports.OPERATOR_MAP = (_a = {},
_a[types.Operators.AND] = utils.andUtil,
_a[types.Operators.OR] = utils.orUtil,
_a[types.Operators.XOR] = utils.xorUtil,
_a);
2 years ago
});
3 years ago
2 years ago
var evaluate_1 = createCommonjsModule(function (module, exports) {
1 year ago
var __spreadArray = (commonjsGlobal && commonjsGlobal.__spreadArray) || function (to, from, pack) {
if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
if (ar || !(i in from)) {
if (!ar) ar = Array.prototype.slice.call(from, 0, i);
ar[i] = from[i];
2 years ago
}
1 year ago
}
return to.concat(ar || Array.prototype.slice.call(from));
};
exports.__esModule = true;
exports.evaluate = exports.getEvaluator = void 0;
var getEvaluator = function (expression) {
var parsedExpression = (0, parse_1.parse)(expression);
return function (booleanMap) { return (0, exports.evaluate)(parsedExpression, booleanMap); };
};
exports.getEvaluator = getEvaluator;
var evaluate = function (expression, booleanMap) {
if (!Array.isArray(expression)) {
throw new Error("".concat(expression, " should be an array. evaluate takes in a parsed expression. Use in combination with parse or use getEvaluator"));
}
// Resolves each identifier and adds it to a stack
// When operator is found it operates on the top value(s)
// on the stack, removes them and replaces them with the
// result
var evaluatedExpression = expression.reduce(function (stack, token, i) {
if (!(token && ((0, utils.isIdentifier)(token) || (0, utils.isOperator)(token)))) {
throw new Error("Invalid token: ".concat(token, ". Found in parsed expression at index ").concat(i));
}
if (token.name === types.Tokens.IDENTIFIER) {
return __spreadArray(__spreadArray([], stack, true), [Boolean(booleanMap[token.value])], false);
}
var secondLastItem = stack[stack.length - 2];
var lastItem = stack[stack.length - 1];
if (token.value === types.Operators.NOT) {
if (lastItem === undefined) {
2 years ago
(0, utils.throwInvalidExpression)('missing identifier');
}
1 year ago
return __spreadArray(__spreadArray([], stack.slice(0, -1), true), [(0, utils.notUtil)(lastItem)], false);
3 years ago
}
1 year ago
if (lastItem === undefined || secondLastItem === undefined) {
(0, utils.throwInvalidExpression)('missing identifier');
}
var operatorUtil = _const.OPERATOR_MAP[token.value];
if (!operatorUtil) {
(0, utils.throwInvalidExpression)('unknown operator');
}
return __spreadArray(__spreadArray([], stack.slice(0, -2), true), [operatorUtil(secondLastItem, lastItem)], false);
}, []);
if (evaluatedExpression.length !== 1) {
(0, utils.throwInvalidExpression)('too many identifiers after evaluation');
}
return evaluatedExpression[0];
};
exports.evaluate = evaluate;
2 years ago
});
var lib = createCommonjsModule(function (module, exports) {
1 year ago
var __createBinding = (commonjsGlobal && commonjsGlobal.__createBinding) || (Object.create ? (function(o, m, k, k2) {
if (k2 === undefined) k2 = k;
var desc = Object.getOwnPropertyDescriptor(m, k);
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
desc = { enumerable: true, get: function() { return m[k]; } };
}
Object.defineProperty(o, k2, desc);
}) : (function(o, m, k, k2) {
if (k2 === undefined) k2 = k;
o[k2] = m[k];
}));
exports.__esModule = true;
exports.parse = exports.evaluate = exports.getEvaluator = void 0;
__createBinding(exports, evaluate_1, "getEvaluator");
__createBinding(exports, evaluate_1, "evaluate");
__createBinding(exports, parse_1, "parse");
2 years ago
});
class Query {
constructor(app, queryString) {
this.queryRpn = null;
this.queryEmpty = false;
this.app = app;
1 year ago
if ((queryString === null || queryString === void 0 ? void 0 : queryString.length) > 0) {
2 years ago
this.queryRpn = lib.parse(this.preprocessQueryString(queryString));
1 year ago
}
else
this.queryEmpty = true;
3 years ago
}
2 years ago
preprocessQueryString(queryString) {
// 1. Replace tag:#abc by "tag:#abc" because this parser doesn't like the '#' symbol
// 2. Replace path:"abc def/ghi" by "path:abc def/dhi" because the parser doesn't like quotes as part of the words
// 3. Same goes for linkedto:"", linkedfrom:"" and name:""
let newString = queryString
.replace(TAG_NAME_WITH_HEADER_AND_WILDCARD, '"tag:$1"')
.replace(PATH_QUERY_WITH_HEADER, '"path:$1"')
.replace(LINKEDTO_QUERY_WITH_HEADER, '"linkedto:$1"')
.replace(LINKEDFROM_QUERY_WITH_HEADER, '"linkedfrom:$1"')
.replace(NAME_QUERY_WITH_HEADER, '"name:$1"');
return newString;
}
testMarker(marker) {
1 year ago
if (this.queryEmpty)
return true;
2 years ago
const toBool = (s) => {
return s === 'true';
};
const toString = (b) => {
return b ? 'true' : 'false';
};
let booleanStack = [];
for (const token of this.queryRpn) {
if (token.name === 'IDENTIFIER') {
if (marker instanceof FileMarker) {
const result = this.testIdentifier(marker, token.value);
booleanStack.push(toString(result));
3 years ago
}
1 year ago
}
else if (token.name === 'OPERATOR') {
2 years ago
if (token.value === 'NOT') {
let arg1 = toBool(booleanStack.pop());
booleanStack.push(toString(!arg1));
1 year ago
}
else if (token.value === 'OR') {
2 years ago
let arg1 = toBool(booleanStack.pop());
let arg2 = toBool(booleanStack.pop());
booleanStack.push(toString(arg1 || arg2));
1 year ago
}
else if (token.value === 'AND') {
2 years ago
let arg1 = toBool(booleanStack.pop());
let arg2 = toBool(booleanStack.pop());
booleanStack.push(toString(arg1 && arg2));
1 year ago
}
else {
2 years ago
throw Error('Unsuppoted operator' + token.value);
3 years ago
}
1 year ago
}
else {
2 years ago
throw Error('Unsupported token type:' + token);
3 years ago
}
2 years ago
}
return toBool(booleanStack[0]);
}
testIdentifier(marker, value) {
var _a, _b;
if (value.startsWith('tag:#')) {
const queryTag = value.replace('tag:', '');
1 year ago
if (queryTag.length === 0)
return false;
if (checkTagPatternMatch(queryTag, marker.tags))
return true;
2 years ago
return false;
1 year ago
}
else if (value.startsWith('name:')) {
2 years ago
const query = value.replace('name:', '').toLowerCase();
1 year ago
if (query.length === 0)
return false;
2 years ago
// For inline geolocations, completely ignore the file name and use only the link name
if (marker.extraName)
return marker.extraName.toLowerCase().includes(query);
// For front matter geolocations, use the file name
return marker.file.name.toLowerCase().includes(query);
1 year ago
}
else if (value.startsWith('path:')) {
2 years ago
const queryPath = value.replace('path:', '').toLowerCase();
1 year ago
if (queryPath.length === 0)
return false;
2 years ago
return marker.file.path.toLowerCase().includes(queryPath);
1 year ago
}
else if (value.startsWith('linkedto:')) {
2 years ago
const query = value.replace('linkedto:', '').toLowerCase();
1 year ago
const linkedToDest = this.app.metadataCache.getFirstLinkpathDest(query, '');
if (!linkedToDest)
return false;
2 years ago
const fileCache = this.app.metadataCache.getFileCache(marker.file);
1 year ago
if ((_a = fileCache === null || fileCache === void 0 ? void 0 : fileCache.links) === null || _a === void 0 ? void 0 : _a.some((linkCache) => this.app.metadataCache.getFirstLinkpathDest(linkCache.link, '') == linkedToDest))
2 years ago
return true;
1 year ago
}
else if (value.startsWith('linkedfrom:')) {
2 years ago
const query = value.replace('linkedfrom:', '').toLowerCase();
1 year ago
const fileMatch = this.app.metadataCache.getFirstLinkpathDest(query, '');
2 years ago
if (fileMatch) {
1 year ago
const linksFrom = this.app.metadataCache.getFileCache(fileMatch);
2 years ago
// Check if the given marker is linked from 'fileMatch'
1 year ago
if ((_b = linksFrom === null || linksFrom === void 0 ? void 0 : linksFrom.links) === null || _b === void 0 ? void 0 : _b.some((linkCache) => linkCache.link.toLowerCase() ===
marker.file.basename.toLowerCase() ||
linkCache.displayText.toLowerCase() ===
marker.file.basename.toLowerCase())) {
2 years ago
return true;
3 years ago
}
2 years ago
// Also include the 'linked from' file itself
1 year ago
if (fileMatch.basename === marker.file.basename)
return true;
2 years ago
}
1 year ago
}
else if (value.startsWith('lines:')) {
2 years ago
const linesQueryMatch = value.match(/(lines:)([0-9]+)-([0-9]+)/);
if (linesQueryMatch && linesQueryMatch.length === 4) {
const fromLine = parseInt(linesQueryMatch[2]);
const toLine = parseInt(linesQueryMatch[3]);
1 year ago
return (marker.fileLine &&
2 years ago
marker.fileLine >= fromLine &&
1 year ago
marker.fileLine <= toLine);
2 years ago
}
1 year ago
}
else
throw new Error('Unsupported query format' + value);
2 years ago
}
}
class QuerySuggest extends obsidian.PopoverSuggest {
constructor(app, sourceElement, scope) {
super(app, scope);
this.selection = null;
// Event handers that were registered, in the format of [name, lambda]
this.eventHandlers = [];
this.app = app;
this.sourceElement = sourceElement;
}
open() {
this.suggestionsDiv = this.app.workspace.containerEl.createDiv({
cls: 'suggestion-container mod-search-suggestion',
});
this.suggestionsDiv.style.position = 'fixed';
this.suggestionsDiv.style.top =
this.sourceElement.inputEl.getClientRects()[0].bottom + 'px';
this.suggestionsDiv.style.left =
this.sourceElement.inputEl.getClientRects()[0].left + 'px';
1 year ago
const keyUp = () => __awaiter(this, void 0, void 0, function* () {
// We do this in keyup because we want the selection to update first
this.doSuggestIfNeeded();
});
const mouseUp = () => __awaiter(this, void 0, void 0, function* () {
// We do this in keyup because we want the selection to update first
this.doSuggestIfNeeded();
});
const keyDown = (ev) => __awaiter(this, void 0, void 0, function* () {
if (ev.key == 'Enter' && this.selection) {
this.selectSuggestion(this.selection, ev);
2 years ago
this.doSuggestIfNeeded();
1 year ago
}
else if (ev.key == 'ArrowDown' || ev.key == 'ArrowUp') {
if (this.lastSuggestions.length == 0)
return;
let index = this.lastSuggestions.findIndex((value) => value == this.selection);
const direction = ev.key == 'ArrowDown' ? 1 : -1;
do {
index += direction;
if (index >= this.lastSuggestions.length)
index = 0;
if (index < 0)
index = this.lastSuggestions.length - 1;
} while (this.lastSuggestions[index].group);
this.updateSelection(this.lastSuggestions[index]);
ev.preventDefault();
}
});
this.eventHandlers.push(['keyup', keyUp], ['mouseup', mouseUp], ['keydown', keyDown]);
2 years ago
this.sourceElement.inputEl.addEventListener('keyup', keyUp);
this.sourceElement.inputEl.addEventListener('mouseup', mouseUp);
this.sourceElement.inputEl.addEventListener('keydown', keyDown);
this.doSuggestIfNeeded();
}
doSuggestIfNeeded() {
const suggestions = this.createSuggestions();
suggestions.splice(MAX_QUERY_SUGGESTIONS);
if (!this.compareSuggestions(suggestions, this.lastSuggestions)) {
this.clear();
this.lastSuggestions = suggestions;
this.renderSuggestions(suggestions, this.suggestionsDiv);
}
}
compareSuggestions(suggestions1, suggestions2) {
1 year ago
if (!suggestions1 && !suggestions2)
return true;
if (!suggestions1 || !suggestions2)
return false;
if (suggestions1.length != suggestions2.length)
return false;
2 years ago
for (const [i, s1] of suggestions1.entries()) {
const s2 = suggestions2[i];
1 year ago
if (s1.text != s2.text ||
2 years ago
s1.textToInsert != s2.textToInsert ||
s1.append != s2.append ||
s1.insertAt != s2.insertAt ||
1 year ago
s1.insertSkip != s2.insertSkip)
2 years ago
return false;
}
return true;
}
clear() {
while (this.suggestionsDiv.firstChild)
this.suggestionsDiv.removeChild(this.suggestionsDiv.firstChild);
this.selection = null;
this.lastSuggestions = [];
}
createSuggestions() {
var _a;
const cursorPos = this.sourceElement.inputEl.selectionStart;
const input = this.sourceElement.getValue();
const tagMatch = getTagUnderCursor(input, cursorPos);
// Doesn't include a closing parenthesis
1 year ago
const pathMatch = matchByPosition(input, QUOTED_OR_NOT_QUOTED_PATH, cursorPos);
const linkedToMatch = matchByPosition(input, QUOTED_OR_NOT_QUOTED_LINKEDTO, cursorPos);
const linkedFromMatch = matchByPosition(input, QUOTED_OR_NOT_QUOTED_LINKEDFROM, cursorPos);
2 years ago
if (tagMatch) {
1 year ago
const tagQuery = (_a = tagMatch[1]) !== null && _a !== void 0 ? _a : '';
2 years ago
// Return a tag name with the pound (#) sign removed if any
const noPound = (tagName) => {
return tagName.startsWith('#') ? tagName.substring(1) : tagName;
};
// Find all tags that include the query, with the pound sign removed, case insensitive
1 year ago
const allTagNames = getAllTagNames(this.app)
.filter((value) => value
.toLowerCase()
.includes(noPound(tagQuery).toLowerCase()));
2 years ago
let toReturn = [{ text: 'TAGS', group: true }];
for (const tagName of allTagNames) {
toReturn.push({
text: tagName,
textToInsert: `tag:${tagName} `,
insertAt: tagMatch.index,
insertSkip: tagMatch[0].length,
});
3 years ago
}
2 years ago
return toReturn;
1 year ago
}
else if (pathMatch)
2 years ago
return this.createPathSuggestions(pathMatch, 'path');
else if (linkedToMatch)
return this.createPathSuggestions(linkedToMatch, 'linkedto');
else if (linkedFromMatch)
return this.createPathSuggestions(linkedFromMatch, 'linkedfrom');
else {
return [
{ text: 'SEARCH OPERATORS', group: true },
{ text: 'tag:', append: '#' },
{ text: 'name:', textToInsert: 'name:""', cursorOffset: -1 },
{ text: 'path:', textToInsert: 'path:""', cursorOffset: -1 },
{
text: 'linkedto:',
textToInsert: 'linkedto:""',
cursorOffset: -1,
},
{
text: 'linkedfrom:',
textToInsert: 'linkedfrom:""',
cursorOffset: -1,
},
{ text: 'LOGICAL OPERATORS', group: true },
{ text: 'AND', append: ' ' },
{ text: 'OR', append: ' ' },
{ text: 'NOT', append: ' ' },
];
}
}
createPathSuggestions(pathMatch, operator) {
var _a;
1 year ago
const pathQuery = (_a = pathMatch[3]) !== null && _a !== void 0 ? _a : pathMatch[4];
2 years ago
const allPathNames = this.getAllPathNames(pathQuery);
let toReturn = [{ text: 'PATHS', group: true }];
for (const pathName of allPathNames) {
toReturn.push({
text: pathName,
textToInsert: `${operator}:"${pathName}" `,
insertAt: pathMatch.index,
insertSkip: pathMatch[0].length,
});
3 years ago
}
2 years ago
return toReturn;
}
renderSuggestions(suggestions, el) {
for (const suggestion of suggestions) {
const element = el.createDiv({
cls: 'suggestion-item search-suggest-item',
});
1 year ago
if (suggestion.group)
element.addClass('mod-group');
2 years ago
suggestion.element = element;
if (this.selection == suggestion) {
element.addClass('is-selected');
this.selection = suggestion;
3 years ago
}
2 years ago
element.addEventListener('mousedown', (event) => {
this.selectSuggestion(suggestion, event);
});
element.addEventListener('mouseover', () => {
this.updateSelection(suggestion);
});
this.renderSuggestion(suggestion, element);
3 years ago
}
}
2 years ago
close() {
this.suggestionsDiv.remove();
this.clear();
for (const [eventName, handler] of this.eventHandlers)
this.sourceElement.inputEl.removeEventListener(eventName, handler);
3 years ago
}
2 years ago
updateSelection(newSelection) {
var _a;
if (this.selection && this.selection.element) {
this.selection.element.removeClass('is-selected');
3 years ago
}
2 years ago
if (!newSelection.group) {
1 year ago
(_a = newSelection.element) === null || _a === void 0 ? void 0 : _a.addClass('is-selected');
2 years ago
this.selection = newSelection;
3 years ago
}
}
2 years ago
renderSuggestion(value, el) {
el.setText(value.text);
3 years ago
}
2 years ago
selectSuggestion(suggestion, event) {
var _a, _b, _c, _d;
// We don't use it, but need it here to inherit from QuerySuggest
if (!suggestion.group) {
1 year ago
const insertAt = suggestion.insertAt != null
? suggestion.insertAt
: this.sourceElement.inputEl.selectionStart;
const insertSkip = (_a = suggestion.insertSkip) !== null && _a !== void 0 ? _a : 0;
let addedText = (_b = suggestion.textToInsert) !== null && _b !== void 0 ? _b : suggestion.text;
addedText += (_c = suggestion.append) !== null && _c !== void 0 ? _c : '';
2 years ago
const currentText = this.sourceElement.getValue();
1 year ago
const newText = currentText.substring(0, insertAt) +
2 years ago
addedText +
currentText.substring(insertAt + insertSkip);
this.sourceElement.setValue(newText);
this.sourceElement.inputEl.selectionEnd =
this.sourceElement.inputEl.selectionStart =
insertAt +
1 year ago
addedText.length +
((_d = suggestion === null || suggestion === void 0 ? void 0 : suggestion.cursorOffset) !== null && _d !== void 0 ? _d : 0);
2 years ago
// Don't allow a click to steal the focus from the text box
event.preventDefault();
// This causes the text area to scroll to the new cursor position
this.sourceElement.inputEl.blur();
this.sourceElement.inputEl.focus();
// Refresh the suggestion box
this.doSuggestIfNeeded();
// Make the UI react to the change
this.sourceElement.onChanged();
3 years ago
}
}
2 years ago
getAllPathNames(search) {
1 year ago
const allFiles = this.app.vault.getMarkdownFiles();
2 years ago
let toReturn = [];
for (const file of allFiles) {
1 year ago
if (!search ||
2 years ago
(search &&
1 year ago
file.path.toLowerCase().includes(search.toLowerCase())))
2 years ago
toReturn.push(file.path);
3 years ago
}
2 years ago
return toReturn;
3 years ago
}
2 years ago
}
3 years ago
2 years ago
// A global ID to differentiate instances of the controls for the purpose of label creation
let lastGlobalId = 0;
class ViewControls {
constructor(parentElement, settings, viewSettings, app, view, plugin) {
this.presetsDivContent = null;
this.lastSelectedPresetIndex = null;
this.lastSelectedPreset = null;
this.queryDelayMs = 250;
this.updateOngoing = false;
this.parentElement = parentElement;
this.settings = settings;
this.viewSettings = viewSettings;
this.app = app;
this.view = view;
this.plugin = plugin;
3 years ago
}
2 years ago
getCurrentState() {
return this.view.getState();
3 years ago
}
2 years ago
setNewState(newState, considerAutoFit) {
return __awaiter(this, void 0, void 0, function* () {
if (!this.updateOngoing)
1 year ago
this.view.internalSetViewState(newState, false, considerAutoFit);
2 years ago
});
}
setStateByNewMapSource(newSource) {
return __awaiter(this, void 0, void 0, function* () {
// Update the state assuming the controls are updated
const state = this.getCurrentState();
1 year ago
yield this.setNewState(Object.assign(Object.assign({}, state), { chosenMapSource: newSource }), false);
this.invalidateActivePreset();
2 years ago
});
}
setStateByFollowActiveNote(follow) {
return __awaiter(this, void 0, void 0, function* () {
const state = this.getCurrentState();
1 year ago
yield this.setNewState(Object.assign(Object.assign({}, state), { followActiveNote: follow }), false);
2 years ago
});
}
tryToGuessPreset() {
// Try to guess the preset based on the current state, and choose it in the dropdown
// (e.g. for when the plugin loads with a state)
const currentState = this.getCurrentState();
const states = [
this.settings.defaultState,
...(this.settings.savedStates || []),
];
for (const [index, state] of states.entries())
if (areStatesEqual(state, currentState)) {
this.presetsBox.setValue(index.toString());
this.lastSelectedPresetIndex = index;
1 year ago
this.lastSelectedPreset = structuredClone(currentState);
2 years ago
break;
3 years ago
}
}
2 years ago
updateControlsToState() {
// This updates the controls according to the given state, and prevents a feedback loop by
// raising the updateOngoing flag
this.updateOngoing = true;
this.setMapSourceBoxByState();
this.setQueryBoxByState();
if (this.followActiveNoteToggle)
1 year ago
this.followActiveNoteToggle.setValue(this.getCurrentState().followActiveNote == true);
2 years ago
this.updateSaveButtonVisibility();
this.updateOngoing = false;
3 years ago
}
2 years ago
setMapSourceBoxByState() {
if (this.mapSourceBox)
1 year ago
this.mapSourceBox.setValue(this.getCurrentState().chosenMapSource.toString());
3 years ago
}
2 years ago
setStateByQueryString(newQuery) {
return __awaiter(this, void 0, void 0, function* () {
// Start a timer and update the actual query only if no newer query came in
const timestamp = Date.now();
this.lastQueryTime = timestamp;
1 year ago
const Sleep = (ms) => new Promise((resolve) => setTimeout(resolve, ms));
2 years ago
yield Sleep(this.queryDelayMs);
if (this.lastQueryTime != timestamp) {
// Query is canceled by a newer query
return;
3 years ago
}
2 years ago
// Update the state assuming the UI is updated
const state = this.getCurrentState();
this.invalidateActivePreset();
this.updateSaveButtonVisibility();
1 year ago
yield this.setNewState(Object.assign(Object.assign({}, state), { query: newQuery }), newQuery.length > 0);
2 years ago
});
}
setQueryBoxByState() {
1 year ago
if (!this.queryBox)
return;
2 years ago
// Update the UI based on the state
const state = this.getCurrentState();
this.queryBox.setValue(state.query);
this.setQueryBoxErrorByState();
}
setQueryBoxErrorByState() {
1 year ago
if (!this.queryBox)
return;
2 years ago
const state = this.getCurrentState();
if (state.queryError)
this.queryBox.inputEl.addClass('graph-control-error');
1 year ago
else
this.queryBox.inputEl.removeClass('graph-control-error');
2 years ago
}
reload() {
1 year ago
if (this.controlsDiv)
this.controlsDiv.remove();
2 years ago
this.createControls();
}
createControls() {
var _a, _b, _c;
lastGlobalId += 1;
this.controlsDiv = createDiv({
cls: 'map-view-graph-controls',
});
if (this.viewSettings.showOpenButton) {
let openMapView = new obsidian.ButtonComponent(this.controlsDiv);
1 year ago
openMapView.buttonEl.addClass('mv-map-control', 'mv-control-button');
2 years ago
openMapView
.setButtonText('Open')
.setTooltip('Open a full Map View with the current state.')
1 year ago
.onClick((ev) => __awaiter(this, void 0, void 0, function* () {
const state = this.view.getState();
state.followActiveNote = false;
this.plugin.openMapWithState(state, mouseEventToOpenMode(this.settings, ev, 'openMap'), false);
}));
2 years ago
}
if (this.viewSettings.showEmbeddedControls) {
this.saveButton = new obsidian.ButtonComponent(this.controlsDiv);
1 year ago
this.saveButton.buttonEl.addClass('mv-map-control', 'mv-control-button');
2 years ago
this.saveButton
.setButtonText('Save')
1 year ago
.setTooltip('Update the source code block with the updated view state')
.onClick(() => __awaiter(this, void 0, void 0, function* () {
this.view.updateCodeBlockCallback();
this.markStateAsSaved();
this.updateSaveButtonVisibility();
}));
2 years ago
}
if (this.viewSettings.showFilters) {
let filtersDiv = this.controlsDiv.createDiv({
cls: 'graph-control-div',
});
filtersDiv.innerHTML = `
<input id="filtersCollapsible${lastGlobalId}" class="controls-toggle" type="checkbox">
<label for="filtersCollapsible${lastGlobalId}" class="lbl-triangle"></label>
<label for="filtersCollapsible${lastGlobalId}" class="lbl-toggle">Filters</label>
`;
1 year ago
const filtersButton = filtersDiv.getElementsByClassName('controls-toggle')[0];
2 years ago
filtersButton.checked = this.settings.mapControls.filtersDisplayed;
1 year ago
filtersButton.onclick = () => __awaiter(this, void 0, void 0, function* () {
this.settings.mapControls.filtersDisplayed =
filtersButton.checked;
this.plugin.saveSettings();
});
2 years ago
let filtersContent = filtersDiv.createDiv({
cls: 'graph-control-content',
});
// Wrapping the query box in a div so we can place a button in the right-middle of it
const queryDiv = filtersContent.createDiv('search-input-container');
queryDiv.addClass('mv-map-control');
queryDiv.style.margin = '0';
this.queryBox = new obsidian.TextComponent(queryDiv);
this.queryBox.inputEl.style.width = '100%';
this.queryBox.setPlaceholder('Query');
this.queryBox.onChange((query) => {
this.setStateByQueryString(query);
});
let suggestor = null;
this.queryBox.inputEl.addEventListener('focus', (ev) => {
if (!suggestor) {
suggestor = new QuerySuggest(this.app, this.queryBox);
suggestor.open();
3 years ago
}
2 years ago
});
this.queryBox.inputEl.addEventListener('focusout', (ev) => {
if (suggestor) {
suggestor.close();
suggestor = null;
3 years ago
}
2 years ago
});
let clearButton = queryDiv.createDiv('search-input-clear-button');
clearButton.onClickEvent((ev) => {
this.queryBox.setValue('');
this.setStateByQueryString('');
});
}
if (this.viewSettings.showView) {
let viewDiv = this.controlsDiv.createDiv({
cls: 'graph-control-div',
});
viewDiv.innerHTML = `
<input id="viewCollapsible${lastGlobalId}" class="controls-toggle" type="checkbox">
<label for="viewCollapsible${lastGlobalId}" class="lbl-triangle"></label>
<label for="viewCollapsible${lastGlobalId}" class="lbl-toggle">View</label>
`;
1 year ago
const viewButton = viewDiv.getElementsByClassName('controls-toggle')[0];
2 years ago
viewButton.checked = this.settings.mapControls.viewDisplayed;
1 year ago
viewButton.onclick = () => __awaiter(this, void 0, void 0, function* () {
this.settings.mapControls.viewDisplayed = viewButton.checked;
this.plugin.saveSettings();
});
2 years ago
let viewDivContent = viewDiv.createDiv({
cls: 'graph-control-content',
});
this.mapSourceBox = new obsidian.DropdownComponent(viewDivContent);
this.mapSourceBox.selectEl.addClass('mv-map-control');
for (const [index, source] of this.settings.mapSources.entries()) {
this.mapSourceBox.addOption(index.toString(), source.name);
3 years ago
}
1 year ago
this.mapSourceBox.onChange((value) => __awaiter(this, void 0, void 0, function* () {
this.setStateByNewMapSource(parseInt(value));
}));
2 years ago
this.setMapSourceBoxByState();
this.sourceMode = new obsidian.DropdownComponent(viewDivContent);
this.sourceMode.selectEl.addClass('mv-map-control');
this.sourceMode
.addOptions({ auto: 'Auto', light: 'Light', dark: 'Dark' })
1 year ago
.setValue((_a = this.settings.chosenMapMode) !== null && _a !== void 0 ? _a : 'auto')
.onChange((value) => __awaiter(this, void 0, void 0, function* () {
this.settings.chosenMapMode = value;
yield this.plugin.saveSettings();
this.view.refreshMap();
}));
2 years ago
let goDefault = new obsidian.ButtonComponent(viewDivContent);
goDefault
.setButtonText('Reset')
.setTooltip('Reset the view to the defined default.')
1 year ago
.onClick(() => __awaiter(this, void 0, void 0, function* () {
yield this.choosePresetAndUpdateState(0);
this.updateControlsToState();
}));
2 years ago
goDefault.buttonEl.addClass('mv-map-control');
if (this.viewSettings.showEmbeddedControls) {
1 year ago
this.updateFromActiveMapView = new obsidian.ButtonComponent(viewDivContent);
this.updateFromActiveMapView.buttonEl.addClass('mv-map-control');
2 years ago
this.updateFromActiveMapView
.setButtonText('Update from open Map View')
1 year ago
.setTooltip('Update the view and its source code block from an open Map View')
.onClick(() => __awaiter(this, void 0, void 0, function* () {
this.view.updateCodeBlockFromMapViewCallback();
}));
this.embeddedHeight = new obsidian.TextComponent(viewDivContent);
2 years ago
this.embeddedHeight
1 year ago
.setValue(((_c = (_b = this.getCurrentState()) === null || _b === void 0 ? void 0 : _b.embeddedHeight) !== null && _c !== void 0 ? _c : DEFAULT_EMBEDDED_HEIGHT).toString())
.onChange((value) => __awaiter(this, void 0, void 0, function* () {
const state = this.getCurrentState();
yield this.setNewState(Object.assign(Object.assign({}, state), { embeddedHeight: parseInt(value) }), false);
this.updateSaveButtonVisibility();
}));
2 years ago
this.embeddedHeight.inputEl.style.width = '4em';
this.embeddedHeight.inputEl.addClass('mv-map-control');
3 years ago
}
2 years ago
if (this.viewSettings.viewTabType === 'regular') {
let fitButton = new obsidian.ButtonComponent(viewDivContent);
fitButton
.setButtonText('Fit')
1 year ago
.setTooltip('Set the map view to fit all currently-displayed markers.')
2 years ago
.onClick(() => this.view.autoFitMapToMarkers());
fitButton.buttonEl.addClass('mv-map-control');
const followDiv = viewDivContent.createDiv({
cls: 'graph-control-follow-div',
});
1 year ago
this.followActiveNoteToggle = new obsidian.ToggleComponent(followDiv);
2 years ago
this.followActiveNoteToggle.toggleEl.addClass('mv-map-control');
const followLabel = followDiv.createEl('label');
followLabel.className = 'graph-control-follow-label';
const resetQueryOnFollowOff = (followValue) => {
if (!followValue) {
// To prevent user confusion, clearing "follow active note" resets the query
this.queryBox.setValue('');
this.setStateByQueryString('');
}
};
followLabel.addEventListener('click', () => {
this.followActiveNoteToggle.onClick();
1 year ago
resetQueryOnFollowOff(this.followActiveNoteToggle.getValue());
2 years ago
});
followLabel.innerHTML = 'Follow active note';
this.followActiveNoteToggle.onChange((value) => {
this.setStateByFollowActiveNote(value);
});
this.followActiveNoteToggle.toggleEl.onClickEvent(() => {
1 year ago
resetQueryOnFollowOff(this.followActiveNoteToggle.getValue());
2 years ago
});
3 years ago
}
2 years ago
this.markStateAsSaved();
this.updateSaveButtonVisibility();
3 years ago
}
2 years ago
if (this.viewSettings.showPresets) {
this.presetsDiv = this.controlsDiv.createDiv({
cls: 'graph-control-div',
});
this.presetsDiv.innerHTML = `
<input id="presetsCollapsible${lastGlobalId}" class="controls-toggle" type="checkbox">
<label for="presetsCollapsible${lastGlobalId}" class="lbl-triangle"></label>
<label for="presetsCollapsible${lastGlobalId}" class="lbl-toggle">Presets</label>
`;
1 year ago
const presetsButton = this.presetsDiv.getElementsByClassName('controls-toggle')[0];
2 years ago
presetsButton.checked = this.settings.mapControls.presetsDisplayed;
1 year ago
presetsButton.onclick = () => __awaiter(this, void 0, void 0, function* () {
this.settings.mapControls.presetsDisplayed =
presetsButton.checked;
this.plugin.saveSettings();
});
2 years ago
this.refreshPresets();
3 years ago
}
2 years ago
this.parentElement.append(this.controlsDiv);
}
choosePresetAndUpdateState(chosenPresetNumber) {
return __awaiter(this, void 0, void 0, function* () {
// Hacky code, not very happy with it... Entry 0 is the default, then 1 is assumed to be the first saved state
1 year ago
const chosenPreset = chosenPresetNumber == 0
? this.view.defaultState
: this.settings.savedStates[chosenPresetNumber - 1];
2 years ago
this.lastSelectedPresetIndex = chosenPresetNumber;
1 year ago
this.lastSelectedPreset = mergeStates(this.getCurrentState(), chosenPreset);
2 years ago
yield this.setNewState(Object.assign({}, chosenPreset), false);
this.updateControlsToState();
});
}
refreshPresets() {
1 year ago
if (this.presetsDivContent)
this.presetsDivContent.remove();
2 years ago
this.presetsDivContent = this.presetsDiv.createDiv({
cls: 'graph-control-content',
});
1 year ago
this.presetsBox = new obsidian.DropdownComponent(this.presetsDivContent);
2 years ago
const states = [
this.view.defaultState,
...(this.settings.savedStates || []),
];
this.presetsBox.selectEl.addClass('mv-map-control');
this.presetsBox.addOption('-1', '');
for (const [index, preset] of states.entries()) {
this.presetsBox.addOption(index.toString(), preset.name);
3 years ago
}
1 year ago
if (this.lastSelectedPresetIndex &&
2 years ago
this.lastSelectedPresetIndex < states.length &&
1 year ago
areStatesEqual(this.getCurrentState(), this.lastSelectedPreset))
2 years ago
this.presetsBox.setValue(this.lastSelectedPreset.toString());
1 year ago
this.presetsBox.onChange((value) => __awaiter(this, void 0, void 0, function* () {
const chosenPresetNumber = parseInt(value);
if (chosenPresetNumber == -1)
return;
yield this.choosePresetAndUpdateState(chosenPresetNumber);
}));
2 years ago
let savePreset = new obsidian.ButtonComponent(this.presetsDivContent);
savePreset.buttonEl.addClass('mv-map-control');
savePreset
.setButtonText('Save as...')
.setTooltip('Save the current view as a preset.')
.onClick(() => {
1 year ago
const dialog = new NewPresetDialog(this.app, this.getCurrentState(), this.plugin, this.settings, (index) => {
// If a new preset was added, this small function makes sure it's selected afterwards
this.refreshPresets();
if (index)
this.presetsBox.setValue(index);
2 years ago
});
1 year ago
dialog.open();
});
2 years ago
let deletePreset = new obsidian.ButtonComponent(this.presetsDivContent);
deletePreset.buttonEl.addClass('mv-map-control');
deletePreset
.setButtonText('Delete')
.setTooltip('Delete the currently-selected preset.')
1 year ago
.onClick(() => __awaiter(this, void 0, void 0, function* () {
const selectionIndex = parseInt(this.presetsBox.getValue());
if (selectionIndex > 0) {
this.settings.savedStates.splice(selectionIndex - 1, 1);
yield this.plugin.saveSettings();
this.refreshPresets();
}
}));
let saveAsDefault = new obsidian.ButtonComponent(this.presetsDivContent);
2 years ago
saveAsDefault.buttonEl.addClass('mv-map-control');
saveAsDefault
.setButtonText('Save as Default')
.setTooltip('Save the current view as the default one.')
1 year ago
.onClick(() => __awaiter(this, void 0, void 0, function* () {
this.settings.defaultState = Object.assign(Object.assign({}, this.getCurrentState()), { name: 'Default' });
yield this.plugin.saveSettings();
this.presetsBox.setValue('0');
new obsidian.Notice('Default preset updated');
}));
2 years ago
const copyAsUrl = new obsidian.ButtonComponent(this.presetsDivContent)
.setButtonText('Copy URL')
.setTooltip('Copy the current view as a URL.')
1 year ago
.onClick(() => __awaiter(this, void 0, void 0, function* () {
this.view.copyStateUrl();
}));
2 years ago
copyAsUrl.buttonEl.addClass('mv-map-control');
const copyBlock = new obsidian.ButtonComponent(this.presetsDivContent)
.setButtonText('Copy block')
1 year ago
.setTooltip('Copy the current view as a block code you can paste in notes for an inline map.')
.onClick(() => __awaiter(this, void 0, void 0, function* () {
this.view.copyCodeBlock();
}));
2 years ago
copyBlock.buttonEl.addClass('mv-map-control');
}
invalidateActivePreset() {
1 year ago
if (!this.presetsBox)
return;
2 years ago
if (!areStatesEqual(this.getCurrentState(), this.lastSelectedPreset)) {
this.presetsBox.setValue('-1');
2 years ago
}
2 years ago
}
updateSaveButtonVisibility() {
1 year ago
if (!this.saveButton)
return;
2 years ago
if (areStatesEqual(this.getCurrentState(), this.lastSavedState))
this.saveButton.buttonEl.style.display = 'none';
1 year ago
else
this.saveButton.buttonEl.style.display = 'inline';
2 years ago
}
markStateAsSaved(state = null) {
1 year ago
if (state)
this.lastSavedState = state;
else
this.lastSavedState = this.getCurrentState();
3 years ago
}
}
2 years ago
class SearchControl extends leafletSrc.Control {
constructor(options, view, app, plugin, settings) {
super(options);
this.view = view;
3 years ago
this.app = app;
2 years ago
this.plugin = plugin;
this.settings = settings;
3 years ago
}
2 years ago
onAdd(map) {
1 year ago
const div = leafletSrc.DomUtil.create('div', 'leaflet-bar leaflet-control');
2 years ago
this.searchButton = div.createEl('a');
this.searchButton.innerHTML = '🔍';
this.searchButton.addEventListener('click', (ev) => {
this.openSearch(this.view.getMarkers());
3 years ago
});
2 years ago
this.clearButton = div.createEl('a');
this.clearButton.innerHTML = 'X';
this.clearButton.style.display = 'none';
this.clearButton.addEventListener('click', (ev) => {
this.view.removeSearchResultMarker();
this.clearButton.style.display = 'none';
3 years ago
});
2 years ago
return div;
3 years ago
}
2 years ago
openSearch(existingMarkers) {
let markerSearchResults = [];
for (const marker of existingMarkers.values()) {
if (marker instanceof FileMarker) {
markerSearchResults.push({
name: marker.extraName
? `${marker.extraName} (${marker.file.basename})`
: marker.file.basename,
location: marker.location,
resultType: 'existingMarker',
existingMarker: marker,
icon: marker.icon.options,
3 years ago
});
}
}
1 year ago
const markersByDistanceToCenter = markerSearchResults.sort((item1, item2) => {
const center = this.view.state.mapCenter;
const d1 = item1.location.distanceTo(center);
const d2 = item2.location.distanceTo(center);
if (d1 < d2)
return -1;
else
return 1;
});
const searchDialog = new LocationSearchDialog(this.app, this.plugin, this.settings, 'custom', 'Find in map', null, markersByDistanceToCenter, true, [{ command: 'shift+enter', purpose: 'go without zoom & pan' }]);
2 years ago
searchDialog.customOnSelect = (selection, evt) => {
this.view.removeSearchResultMarker();
const keepZoom = evt.shiftKey;
if (selection && selection.resultType == 'existingMarker') {
1 year ago
this.view.goToSearchResult(selection.location, selection.existingMarker, keepZoom);
}
else if (selection && selection.location) {
2 years ago
this.view.addSearchResultMarker(selection, keepZoom);
this.clearButton.style.display = 'block';
}
};
searchDialog.searchArea = this.view.display.map.getBounds();
searchDialog.open();
3 years ago
}
2 years ago
}
class RealTimeControl extends leafletSrc.Control {
constructor(options, view, app, settings) {
super(options);
this.view = view;
this.app = app;
this.settings = settings;
3 years ago
}
2 years ago
onAdd(map) {
1 year ago
const div = leafletSrc.DomUtil.create('div', 'leaflet-bar leaflet-control');
2 years ago
this.locateButton = div.createEl('a');
this.locateButton.innerHTML = '⌖';
this.locateButton.style.fontSize = '25px';
this.locateButton.addEventListener('click', (ev) => {
1 year ago
askForLocation(this.settings, 'locate', 'showonmap');
2 years ago
});
this.clearButton = div.createEl('a');
this.clearButton.innerHTML = 'X';
this.clearButton.style.display = 'none';
this.clearButton.addEventListener('click', (ev) => {
this.view.setRealTimeLocation(null, 0, 'clear');
this.clearButton.style.display = 'none';
});
return div;
3 years ago
}
2 years ago
onLocationFound() {
// Show the 'clear' button
this.clearButton.style.display = 'block';
3 years ago
}
2 years ago
}
1 year ago
class LockControl extends leafletSrc.Control {
constructor(options, view, app, settings) {
super(options);
this.locked = false;
this.view = view;
this.app = app;
this.settings = settings;
}
onAdd(map) {
const div = leafletSrc.DomUtil.create('div', 'leaflet-bar leaflet-control');
this.lockButton = div.createEl('a', 'mv-icon-button');
const icon = obsidian.getIcon('lock');
this.lockButton.appendChild(icon);
this.lockButton.addEventListener('click', (ev) => {
this.locked = !this.locked;
this.updateIcon();
this.view.setLock(this.locked);
});
return div;
}
updateFromState(locked) {
this.locked = locked;
this.updateIcon();
}
updateIcon() {
if (this.locked)
this.lockButton.addClass('on');
else
this.lockButton.removeClass('on');
}
}
2 years ago
class MapContainer {
/**
* Construct a new map instance
* @param settings The plugin settings
* @param viewSettings The settings for what to display in this view
* @param plugin The plugin instance
*/
constructor(parentEl, settings, viewSettings, plugin, app) {
/** The map data */
this.display = new (class {
constructor() {
/** The markers currently on the map */
this.markers = new Map();
/** The search controls (search & clear buttons) */
this.searchControls = null;
/** The real-time geolocation controls */
this.realTimeControls = null;
1 year ago
/** The lock control */
this.lockControl = null;
2 years ago
/** A marker of the last search result */
this.searchResult = null;
/** The currently highlighted marker (if any) */
this.highlight = null;
/** The actual entity that is highlighted, which is either equal to the above, or the cluster group that it belongs to */
this.actualHighlight = null;
1 year ago
/** The marker used to denote a routing source if any */
this.routingSource = null;
2 years ago
// TODO document
this.realTimeLocationMarker = null;
this.realTimeLocationRadius = null;
}
})();
this.ongoingChanges = 0;
this.freezeMap = false;
this.lastRealTimeLocation = null;
/** Is the view currently open */
this.isOpen = false;
this.settings = settings;
this.viewSettings = viewSettings;
this.plugin = plugin;
this.app = app;
// Create the default state by the configuration
this.defaultState = this.settings.defaultState;
this.parentEl = parentEl;
// Listen to file changes so we can update markers accordingly
1 year ago
this.app.vault.on('delete', (file) => this.updateMarkersWithRelationToFile(file.path, null, true));
this.app.metadataCache.on('changed', (file) => this.updateMarkersWithRelationToFile(file.path, file, false));
2 years ago
// On rename we don't need to do anything because the markers hold a TFile, and the TFile object doesn't change
// when the file name changes. Only its internal path field changes accordingly.
// this.app.vault.on('rename', (file, oldPath) => this.updateMarkersWithRelationToFile(oldPath, file, true));
this.app.workspace.on('css-change', () => {
console.log('Map view: map refresh due to CSS change');
this.refreshMap();
});
3 years ago
}
2 years ago
getState() {
return this.state;
3 years ago
}
2 years ago
copyStateUrl() {
const params = stateToUrl(this.state);
const url = `obsidian://mapview?do=open&${params}`;
navigator.clipboard.writeText(url);
new obsidian.Notice('Copied state URL to clipboard');
3 years ago
}
2 years ago
copyCodeBlock() {
const block = getCodeBlock(this.state);
navigator.clipboard.writeText(block);
1 year ago
new obsidian.Notice('Copied state as code block which you can embed in any note');
3 years ago
}
2 years ago
getMarkers() {
return this.display.markers;
3 years ago
}
2 years ago
isDarkMode(settings) {
1 year ago
if (settings.chosenMapMode === 'dark')
return true;
if (settings.chosenMapMode === 'light')
return false;
2 years ago
// Auto mode - check if the theme is dark
1 year ago
if (this.app.vault.getConfig('theme') === 'obsidian')
return true;
2 years ago
return false;
3 years ago
}
2 years ago
onOpen() {
3 years ago
return __awaiter(this, void 0, void 0, function* () {
2 years ago
this.isOpen = true;
1 year ago
this.state = structuredClone(this.defaultState);
2 years ago
this.display.viewDiv = this.parentEl.createDiv('map-view-main');
if (this.viewSettings.showMapControls) {
1 year ago
this.display.controls = new ViewControls(this.display.viewDiv, this.settings, this.viewSettings, this.app, this, this.plugin);
2 years ago
this.display.controls.createControls();
}
this.parentEl.style.padding = '0px 0px';
1 year ago
this.display.mapDiv = this.display.viewDiv.createDiv({ cls: 'map' }, (el) => {
el.style.zIndex = '1';
el.style.width = '100%';
el.style.height = '100%';
});
2 years ago
// Make touch move nicer on mobile
this.display.viewDiv.addEventListener('touchmove', (ev) => {
ev.stopPropagation();
});
yield this.createMap();
3 years ago
});
3 years ago
}
2 years ago
onClose() {
this.isOpen = false;
3 years ago
}
2 years ago
/**
* This internal method of setting the state will NOT register the change to the Obsidian
* history stack. If you want that, use `this.leaf.setViewState(state)` instead.
*/
1 year ago
internalSetViewState(state, updateControls = false, considerAutoFit = false, freezeMap = false) {
3 years ago
return __awaiter(this, void 0, void 0, function* () {
2 years ago
if (state) {
const newState = mergeStates(this.state, state);
this.updateTileLayerByState(newState);
// This is delicate stuff and I've been working tediously to get to the best version of it.
// We are doing our best to prevent updating the map while it is being interacted with, but
// we cannot prevent this completely because there are async scenarios that can still unfreeze
// the map during ongoing changes (especially in fast zooms and pans).
// There are therefore multiple layers of safeguards here, i.e. both the freezeMap boolean,
// the ongoingChanges counter, and inside updateMarkersToState there are additional safeguards
if (!freezeMap && this.ongoingChanges == 0) {
1 year ago
const willAutoFit = state.autoFit || // State auto-fit
(considerAutoFit && // Global auto-fit
(this.settings.autoZoom || this.viewSettings.autoZoom));
yield this.updateMarkersToState(newState, false, willAutoFit);
if (willAutoFit)
yield this.autoFitMapToMarkers();
this.applyLock();
}
if (updateControls && this.display.controls) {
2 years ago
this.display.controls.updateControlsToState();
1 year ago
}
if (this.display.lockControl)
this.display.lockControl.updateFromState(state.lock);
3 years ago
}
2 years ago
});
}
2 years ago
/**
* Change the view state according to a given partial state.
* In this class it just merges the states and calls internalSetViewState, but *this method gets overridden
* by BaseMapView, which adds to it an update to the Obsidian state for tracking history.
* This is deliberately *not* an async method, because in the version that calls the Obsidian setState method,
* we want to reliably get the status of freezeMap
*/
highLevelSetViewState(partialState) {
1 year ago
if (Object.keys(partialState).length === 0)
return;
2 years ago
const state = this.getState();
if (state) {
1 year ago
const newState = mergeStates(state, partialState);
2 years ago
this.internalSetViewState(newState);
return newState;
}
return null;
3 years ago
}
2 years ago
/**
* Same as above, but an async version, that can be awaited, for cases that an updated map is required
* after the method returns.
*/
highLevelSetViewStateAsync(partialState) {
3 years ago
return __awaiter(this, void 0, void 0, function* () {
1 year ago
if (Object.keys(partialState).length === 0)
return;
2 years ago
const state = this.getState();
if (state) {
1 year ago
const newState = mergeStates(state, partialState);
yield this.internalSetViewState(newState, false);
2 years ago
return newState;
3 years ago
}
2 years ago
return null;
3 years ago
});
}
2 years ago
/**
* This method saves in the state object a change that was already done in the map (e.g. by a user interaction
* with Leaflet).
* This is tricky: on one hand we want to sometimes save the state to the Obsidian history (thus
* the version of highLevelSetViewState set in BaseMapView calls setState), however we don't
* want setState to think it needs to update the map...
* For this purpose, this part of the flow is synchronuous.
*/
updateStateAfterMapChange(partialState) {
1 year ago
this.state = mergeStates(this.state, partialState);
2 years ago
this.freezeMap = true;
this.highLevelSetViewState(partialState);
if (this.ongoingChanges <= 0) {
this.freezeMap = false;
this.ongoingChanges = 0;
}
3 years ago
}
2 years ago
getMapSource() {
return this.settings.mapSources[this.state.chosenMapSource];
3 years ago
}
2 years ago
updateTileLayerByState(newState) {
var _a;
1 year ago
if (this.display.tileLayer &&
this.state.chosenMapSource != newState.chosenMapSource) {
2 years ago
this.display.tileLayer.remove();
this.display.tileLayer = null;
2 years ago
}
2 years ago
this.state.chosenMapSource = newState.chosenMapSource;
if (!this.display.tileLayer) {
const isDark = this.isDarkMode(this.settings);
const chosenMapSource = this.getMapSource();
1 year ago
const attribution = chosenMapSource.urlLight ===
2 years ago
DEFAULT_SETTINGS.mapSources[0].urlLight
1 year ago
? '&copy; <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors'
: '';
2 years ago
let revertMap = false;
let mapSourceUrl = chosenMapSource.urlLight;
if (isDark) {
if (chosenMapSource.urlDark)
mapSourceUrl = chosenMapSource.urlDark;
1 year ago
else
revertMap = true;
2 years ago
}
const neededClassName = revertMap ? 'dark-mode' : '';
1 year ago
const maxNativeZoom = (_a = chosenMapSource.maxZoom) !== null && _a !== void 0 ? _a : DEFAULT_MAX_TILE_ZOOM;
2 years ago
this.display.tileLayer = new leafletSrc.TileLayer(mapSourceUrl, {
maxZoom: this.settings.letZoomBeyondMax
? MAX_ZOOM
: maxNativeZoom,
maxNativeZoom: maxNativeZoom,
subdomains: ['mt0', 'mt1', 'mt2', 'mt3'],
attribution: attribution,
className: neededClassName,
2 years ago
});
2 years ago
this.display.map.addLayer(this.display.tileLayer);
1 year ago
if (!(chosenMapSource === null || chosenMapSource === void 0 ? void 0 : chosenMapSource.ignoreErrors)) {
2 years ago
let recentTileError = false;
this.display.tileLayer.on('tileerror', (event) => {
if (!recentTileError) {
1 year ago
new obsidian.Notice(`Map view: unable to load map tiles. If your Internet access is ok, try switching the map source using the View controls.`, 20000);
2 years ago
recentTileError = true;
setTimeout(() => {
recentTileError = false;
}, 5000);
}
});
}
}
}
refreshMap() {
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q;
return __awaiter(this, void 0, void 0, function* () {
1 year ago
(_b = (_a = this.display) === null || _a === void 0 ? void 0 : _a.tileLayer) === null || _b === void 0 ? void 0 : _b.remove();
2 years ago
this.display.tileLayer = null;
1 year ago
(_d = (_c = this.display) === null || _c === void 0 ? void 0 : _c.map) === null || _d === void 0 ? void 0 : _d.off();
(_f = (_e = this.display) === null || _e === void 0 ? void 0 : _e.map) === null || _f === void 0 ? void 0 : _f.remove();
(_h = (_g = this.display) === null || _g === void 0 ? void 0 : _g.markers) === null || _h === void 0 ? void 0 : _h.clear();
(_l = (_k = (_j = this.display) === null || _j === void 0 ? void 0 : _j.controls) === null || _k === void 0 ? void 0 : _k.controlsDiv) === null || _l === void 0 ? void 0 : _l.remove();
(_o = (_m = this.display) === null || _m === void 0 ? void 0 : _m.controls) === null || _o === void 0 ? void 0 : _o.reload();
2 years ago
yield this.createMap();
this.updateMarkersToState(this.state, true);
1 year ago
(_q = (_p = this.display) === null || _p === void 0 ? void 0 : _p.controls) === null || _q === void 0 ? void 0 : _q.updateControlsToState();
2 years ago
});
}
createMap() {
var _a;
return __awaiter(this, void 0, void 0, function* () {
this.display.map = new leafletSrc.Map(this.display.mapDiv, {
center: this.defaultState.mapCenter,
zoom: this.defaultState.mapZoom,
zoomControl: false,
worldCopyJump: true,
maxBoundsViscosity: 1.0,
2 years ago
});
1 year ago
if (this.viewSettings.showLockButton) {
this.display.lockControl = new LockControl({ position: 'topright' }, this, this.app, this.settings);
this.display.map.addControl(this.display.lockControl);
}
this.addZoomButtons();
2 years ago
this.updateTileLayerByState(this.state);
this.display.clusterGroup = new leafletSrc.MarkerClusterGroup({
1 year ago
maxClusterRadius: (_a = this.settings.maxClusterRadiusPixels) !== null && _a !== void 0 ? _a : DEFAULT_SETTINGS.maxClusterRadiusPixels,
2 years ago
animate: false,
chunkedLoading: true,
2 years ago
});
2 years ago
this.display.map.addLayer(this.display.clusterGroup);
1 year ago
this.display.map.on('zoomend', (event) => __awaiter(this, void 0, void 0, function* () {
var _b, _c, _d, _e;
this.ongoingChanges -= 1;
this.updateStateAfterMapChange({
mapZoom: this.display.map.getZoom(),
mapCenter: this.display.map.getCenter(),
});
(_c = (_b = this.display) === null || _b === void 0 ? void 0 : _b.controls) === null || _c === void 0 ? void 0 : _c.invalidateActivePreset();
(_e = (_d = this.display) === null || _d === void 0 ? void 0 : _d.controls) === null || _e === void 0 ? void 0 : _e.updateSaveButtonVisibility();
this.setHighlight(this.display.highlight);
this.updateRealTimeLocationMarkers();
}));
this.display.map.on('moveend', (event) => __awaiter(this, void 0, void 0, function* () {
var _f, _g, _h, _j;
this.ongoingChanges -= 1;
this.updateStateAfterMapChange({
mapZoom: this.display.map.getZoom(),
mapCenter: this.display.map.getCenter(),
});
(_g = (_f = this.display) === null || _f === void 0 ? void 0 : _f.controls) === null || _g === void 0 ? void 0 : _g.invalidateActivePreset();
(_j = (_h = this.display) === null || _h === void 0 ? void 0 : _h.controls) === null || _j === void 0 ? void 0 : _j.updateSaveButtonVisibility();
this.setHighlight(this.display.highlight);
this.updateRealTimeLocationMarkers();
}));
2 years ago
this.display.map.on('movestart', (event) => {
this.ongoingChanges += 1;
2 years ago
});
2 years ago
this.display.map.on('zoomstart', (event) => {
this.ongoingChanges += 1;
2 years ago
});
2 years ago
this.display.map.on('doubleClickZoom', (event) => {
this.ongoingChanges += 1;
2 years ago
});
2 years ago
this.display.map.on('viewreset', () => {
this.setHighlight(this.display.highlight);
this.updateRealTimeLocationMarkers();
2 years ago
});
2 years ago
if (this.viewSettings.showSearch) {
1 year ago
this.display.searchControls = new SearchControl({ position: 'topright' }, this, this.app, this.plugin, this.settings);
2 years ago
this.display.map.addControl(this.display.searchControls);
2 years ago
}
1 year ago
if (this.viewSettings.showRealTimeButton &&
this.settings.supportRealTimeGeolocation) {
this.display.realTimeControls = new RealTimeControl({ position: 'topright' }, this, this.app, this.settings);
2 years ago
this.display.map.addControl(this.display.realTimeControls);
}
2 years ago
if (this.settings.showClusterPreview) {
this.display.clusterGroup.on('clustermouseover', (event) => {
if (!isMobile(this.app))
this.openClusterPreviewPopup(event);
2 years ago
});
2 years ago
this.display.clusterGroup.on('clustercontextmenu', (event) => {
1 year ago
if (isMobile(this.app))
this.openClusterPreviewPopup(event);
2 years ago
});
2 years ago
this.display.clusterGroup.on('clustermouseout', (event) => {
event.propagatedFrom.closePopup();
2 years ago
});
2 years ago
this.display.clusterGroup.on('clusterclick', () => {
this.setHighlight(this.display.highlight);
this.updateRealTimeLocationMarkers();
});
}
this.display.map.on('click', (event) => {
this.setHighlight(null);
});
// Build the map marker right-click context menu
1 year ago
this.display.map.on('contextmenu', (event) => __awaiter(this, void 0, void 0, function* () {
let mapPopup = new obsidian.Menu();
addNewNoteItems(mapPopup, event.latlng, this, this.settings, this.app);
addCopyGeolocationItems(mapPopup, event.latlng);
populateRouting(this, event.latlng, mapPopup, this.settings);
addOpenWith(mapPopup, event.latlng, this.settings);
mapPopup.showAtPosition(event.originalEvent);
}));
2 years ago
});
}
/**
* Set the map state
* @param state The map state to set
* @param force Force setting the state. Will ignore if the state is old
* @param freezeMap Do not update the map, because we know it will need another update after this one
*/
updateMarkersToState(state, force = false, freezeMap = false) {
var _a;
return __awaiter(this, void 0, void 0, function* () {
1 year ago
if (this.settings.debug)
console.time('updateMarkersToState');
let files = this.app.vault.getMarkdownFiles();
2 years ago
// Build the markers and filter them according to the query
let newMarkers = yield buildMarkers(files, this.settings, this.app);
try {
newMarkers = this.filterMarkers(newMarkers, state.query);
state.queryError = false;
1 year ago
}
catch (e) {
2 years ago
newMarkers = [];
state.queryError = true;
}
finalizeMarkers(newMarkers, this.settings, this.plugin.iconCache);
1 year ago
this.state = structuredClone(state);
2 years ago
this.updateMapMarkers(newMarkers);
// There are multiple layers of safeguards here, in an attempt to minimize the cases where a series
// of interactions and async updates compete over the map.
// See the comment in internalSetViewState to get more context
1 year ago
if (!freezeMap &&
2 years ago
!this.freezeMap &&
this.ongoingChanges == 0 &&
(this.display.map.getCenter().distanceTo(this.state.mapCenter) >
1 ||
1 year ago
this.display.map.getZoom() != this.state.mapZoom)) {
2 years ago
// We want to call setView only if there was an actual change, because even the tiniest (epsilon) change can
// cause Leaflet to think it's worth triggering map center change callbacks.
// Also, in the case that we know the view is about to be changed immediately (e.g. due to a fitBounds call
// that would follow this method), we want to skip the change too
1 year ago
this.display.map.setView(this.state.mapCenter, this.state.mapZoom, {
animate: this.viewSettings.skipAnimations ? false : true,
duration: 0.1,
});
2 years ago
}
1 year ago
if ((_a = this.display) === null || _a === void 0 ? void 0 : _a.controls)
2 years ago
this.display.controls.setQueryBoxErrorByState();
1 year ago
if (this.settings.debug)
console.timeEnd('updateMarkersToState');
2 years ago
});
}
filterMarkers(allMarkers, queryString) {
let results = [];
const query = new Query(this.app, queryString);
for (const marker of allMarkers)
1 year ago
if (query.testMarker(marker))
results.push(marker);
2 years ago
return results;
}
/**
* Update the actual Leaflet markers of the map according to a new list of logical markers.
* Unchanged markers are not touched, new markers are created and old markers that are not in the updated list are removed.
* @param newMarkers The new array of FileMarkers
*/
updateMapMarkers(newMarkers) {
let newMarkersMap = new Map();
let markersToAdd = [];
let markersToRemove = [];
for (let marker of newMarkers) {
const existingMarker = this.display.markers.has(marker.id)
? this.display.markers.get(marker.id)
: null;
if (existingMarker && existingMarker.isSame(marker)) {
// This marker exists, so just keep it
1 year ago
newMarkersMap.set(marker.id, this.display.markers.get(marker.id));
2 years ago
this.display.markers.delete(marker.id);
1 year ago
}
else if (marker instanceof FileMarker) {
2 years ago
// New marker - create it
marker.geoLayer = this.newLeafletMarker(marker);
markersToAdd.push(marker.geoLayer);
if (newMarkersMap.get(marker.id))
1 year ago
console.log('Map view: warning, marker ID', marker.id, 'already exists, please open an issue if you see this.');
2 years ago
newMarkersMap.set(marker.id, marker);
}
}
for (let [key, value] of this.display.markers) {
markersToRemove.push(value.geoLayer);
}
this.display.clusterGroup.removeLayers(markersToRemove);
this.display.clusterGroup.addLayers(markersToAdd);
this.display.markers = newMarkersMap;
}
newLeafletMarker(marker) {
let newMarker = leafletSrc.marker(marker.location, {
icon: marker.icon || new leafletSrc.Icon.Default(),
});
newMarker.on('click', (event) => {
1 year ago
if (isMobile(this.app))
this.showMarkerPopups(marker, newMarker);
2 years ago
else
1 year ago
this.goToMarker(marker, mouseEventToOpenMode(this.settings, event.originalEvent, 'openNote'), true);
2 years ago
});
newMarker.on('mousedown', (event) => {
// Middle click is supported only on mousedown and not on click, so we're checking for it here
if (event.originalEvent.button === 1)
1 year ago
this.goToMarker(marker, mouseEventToOpenMode(this.settings, event.originalEvent, 'openNote'), true);
2 years ago
});
newMarker.on('mouseover', (event) => {
1 year ago
if (!isMobile(this.app))
this.showMarkerPopups(marker, newMarker);
2 years ago
});
newMarker.on('mouseout', (event) => {
1 year ago
if (!isMobile(this.app))
newMarker.closePopup();
2 years ago
});
newMarker.on('add', (event) => {
1 year ago
newMarker
.getElement()
.addEventListener('contextmenu', (ev) => {
2 years ago
this.openMarkerContextMenu(marker, newMarker, ev);
ev.stopPropagation();
});
});
return newMarker;
}
openMarkerContextMenu(marker, mapMarker, ev) {
this.setHighlight(mapMarker);
let mapPopup = new obsidian.Menu();
if (marker instanceof FileMarker) {
populateOpenNote(this, marker, mapPopup, this.settings);
1 year ago
populateRouting(this, marker.location, mapPopup, this.settings);
2 years ago
populateOpenInItems(mapPopup, marker.location, this.settings);
}
1 year ago
if (ev)
mapPopup.showAtPosition(ev);
2 years ago
}
showMarkerPopups(fileMarker, mapMarker) {
if (this.settings.showNotePreview) {
const previewDetails = {
scroll: fileMarker.fileLine,
line: fileMarker.fileLine,
startLoc: {
line: fileMarker.fileLine,
col: 0,
offset: fileMarker.fileLocation,
},
endLoc: {
line: fileMarker.fileLine,
col: 0,
offset: fileMarker.fileLocation,
},
};
1 year ago
this.app.workspace.trigger('link-hover', mapMarker.getElement(), mapMarker.getElement(), fileMarker.file.path, '', previewDetails);
2 years ago
}
if (this.settings.showNoteNamePopup) {
const fileName = fileMarker.file.name;
const fileNameWithoutExtension = fileName.endsWith('.md')
? fileName.substring(0, fileName.lastIndexOf('.md'))
: fileName;
let content = `<p class="map-view-marker-name">${fileNameWithoutExtension}</p>`;
const showLinkSetting = this.settings.showLinkNameInPopup;
1 year ago
if ((showLinkSetting === 'always' ||
(showLinkSetting === 'mobileOnly' &&
isMobile(this.app))) &&
2 years ago
fileMarker.extraName &&
1 year ago
fileMarker.extraName.length > 0)
2 years ago
content += `<p class="map-view-marker-sub-name">${fileMarker.extraName}</p>`;
mapMarker
.bindPopup(content, {
1 year ago
closeButton: true,
autoPan: false,
className: 'marker-popup',
})
2 years ago
.on('popupopen', (event) => {
1 year ago
var _a;
(_a = event.popup.getElement()) === null || _a === void 0 ? void 0 : _a.onClickEvent((ev) => {
this.goToMarker(fileMarker, mouseEventToOpenMode(this.settings, ev, 'openNote'), true);
});
})
2 years ago
.openPopup()
.on('popupclose', (event) => {
1 year ago
// For some reason popups don't recycle on mobile if this is not added
mapMarker.unbindPopup();
});
2 years ago
}
2 years ago
}
openClusterPreviewPopup(event) {
let content = this.display.viewDiv.createDiv();
content.classList.add('clusterPreviewContainer');
for (const m of event.propagatedFrom.getAllChildMarkers()) {
const marker = m;
const iconElement = marker.options.icon.createIcon();
iconElement.classList.add('clusterPreviewIcon');
content.appendChild(iconElement);
1 year ago
if (content.children.length >= MAX_CLUSTER_PREVIEW_ICONS)
break;
}
1 year ago
event.propagatedFrom
.bindPopup(content, {
closeButton: true,
autoPan: false,
className: 'marker-popup',
})
2 years ago
.openPopup();
event.propagatedFrom.activePopup = content;
3 years ago
}
2 years ago
/** Zoom the map to fit all markers on the screen */
autoFitMapToMarkers() {
var _a;
3 years ago
return __awaiter(this, void 0, void 0, function* () {
2 years ago
if (this.display.markers.size > 0) {
const locations = [];
for (const marker of this.display.markers.values()) {
locations.push(...marker.getBounds());
}
this.display.map.fitBounds(leafletSrc.latLngBounds(locations), {
1 year ago
maxZoom: Math.min(this.settings.zoomOnGoFromNote, (_a = this.getMapSource().maxZoom) !== null && _a !== void 0 ? _a : DEFAULT_MAX_TILE_ZOOM),
2 years ago
});
1 year ago
}
else if (this.viewSettings.emptyFitRevertsToDefault) {
this.display.map.setView(this.defaultState.mapCenter, this.defaultState.mapZoom);
2 years ago
}
3 years ago
});
}
2 years ago
/**
* Open a file in an editor window
* @param file The file object to open
* @param openBehavior the required type of action
* @param editorAction Optional callback to run when the file is opened
*/
goToFile(file, openBehavior, editorAction) {
return __awaiter(this, void 0, void 0, function* () {
// Find the best candidate for a leaf to open the note according to the required behavior.
// This is similar to MainViewPlugin.openMap and should be in sync with that code.
let chosenLeaf = null;
1 year ago
const paneToReuse = this.lastPaneLeaf && this.lastPaneLeaf.parent
? this.lastPaneLeaf
: null;
const tabToReuse = this.lastTabLeaf && this.lastTabLeaf.parent
? this.lastTabLeaf
: null;
2 years ago
const otherExistingLeaf = this.app.workspace.getLeaf(false);
const emptyLeaf = this.app.workspace.getLeavesOfType('empty');
let createPane = false;
let createTab = false;
switch (openBehavior) {
case 'replaceCurrent':
chosenLeaf = otherExistingLeaf;
1 year ago
if (!chosenLeaf && emptyLeaf)
chosenLeaf = emptyLeaf[0];
2 years ago
break;
case 'dedicatedPane':
chosenLeaf = paneToReuse;
1 year ago
if (!chosenLeaf)
createPane = true;
2 years ago
break;
case 'dedicatedTab':
chosenLeaf = tabToReuse;
1 year ago
if (!chosenLeaf)
createTab = true;
2 years ago
break;
case 'alwaysNewPane':
createPane = true;
break;
case 'alwaysNewTab':
createTab = true;
break;
case 'lastUsed':
chosenLeaf = getLastUsedValidMarkdownLeaf();
1 year ago
if (!chosenLeaf)
createPane = true;
2 years ago
}
if (createTab) {
chosenLeaf = this.app.workspace.getLeaf('tab');
this.lastTabLeaf = chosenLeaf;
}
if (createPane) {
1 year ago
chosenLeaf = this.app.workspace.getLeaf('split', this.settings.newPaneSplitDirection);
2 years ago
this.lastPaneLeaf = chosenLeaf;
}
if (!chosenLeaf) {
chosenLeaf = this.app.workspace.getLeaf(true);
}
yield chosenLeaf.openFile(file);
const editor = yield getEditor(this.app, chosenLeaf);
1 year ago
if (editor && editorAction)
yield editorAction(editor);
3 years ago
});
2 years ago
}
/**
* Open and go to the editor location represented by the marker
* @param marker The FileMarker to open
* @param openBehavior the required type of action
* @param highlight If true will highlight the line
*/
goToMarker(marker, openBehavior, highlight) {
return __awaiter(this, void 0, void 0, function* () {
1 year ago
return this.goToFile(marker.file, openBehavior, (editor) => __awaiter(this, void 0, void 0, function* () {
yield goToEditorLocation(editor, marker.fileLocation, highlight);
}));
3 years ago
});
}
2 years ago
/**
* Update the map markers with a list of markers not from the removed file plus the markers from the new file.
* Run when a file is deleted, renamed or changed.
* @param fileRemoved The old file path
* @param fileAddedOrChanged The new file data
*/
1 year ago
updateMarkersWithRelationToFile(fileRemoved, fileAddedOrChanged, skipMetadata) {
2 years ago
return __awaiter(this, void 0, void 0, function* () {
if (!this.display.map || !this.isOpen)
// If the map has not been set up yet then do nothing
return;
let newMarkers = [];
// Create an array of all file markers not in the removed file
for (let [_markerId, existingMarker] of this.display.markers) {
if (existingMarker.file.path !== fileRemoved)
newMarkers.push(existingMarker);
}
1 year ago
if (fileAddedOrChanged && fileAddedOrChanged instanceof obsidian.TFile)
2 years ago
// Add file markers from the added file
1 year ago
yield buildAndAppendFileMarkers(newMarkers, fileAddedOrChanged, this.settings, this.app);
2 years ago
finalizeMarkers(newMarkers, this.settings, this.plugin.iconCache);
this.updateMapMarkers(newMarkers);
});
3 years ago
}
2 years ago
addSearchResultMarker(details, keepZoom) {
this.display.searchResult = leafletSrc.marker(details.location, {
1 year ago
icon: getIconFromOptions(SEARCH_RESULT_MARKER, this.plugin.iconCache),
2 years ago
});
const marker = this.display.searchResult;
marker.on('mouseover', (event) => {
marker
.bindPopup(details.name, {
1 year ago
closeButton: true,
className: 'marker-popup',
})
2 years ago
.openPopup();
});
marker.on('mouseout', (event) => {
marker.closePopup();
});
marker.addTo(this.display.map);
this.goToSearchResult(details.location, marker, keepZoom);
}
2 years ago
goToSearchResult(location, marker, keepZoom = false) {
this.setHighlight(marker);
let newState = {};
if (!keepZoom) {
newState = {
mapCenter: location,
mapZoom: this.settings.zoomOnGoFromNote,
};
1 year ago
}
else {
2 years ago
// If the user asked to go to the search result while keeping the current zoom, we indeed
// don't the zoom.
// We try to also not touch the pan, and pan to it only if the wanted location is outside the
// displayed map area.
if (!this.display.map.getBounds().contains(location))
newState.mapCenter = location;
}
this.highLevelSetViewState(newState);
}
2 years ago
removeSearchResultMarker() {
if (this.display.searchResult) {
this.display.searchResult.removeFrom(this.display.map);
this.display.searchResult = null;
}
3 years ago
}
2 years ago
openSearch() {
if (this.display.searchControls)
this.display.searchControls.openSearch(this.display.markers);
3 years ago
}
2 years ago
setHighlight(mapOrFileMarker) {
// The Marker object that should be highlighted
let highlight = mapOrFileMarker
? mapOrFileMarker instanceof leafletSrc.Layer
? mapOrFileMarker
: mapOrFileMarker.geoLayer
: null;
// In case the marker is hidden in a cluster group, we actually want the cluster group
// to be the highlighted item
let actualHighlight = null;
if (highlight) {
if (highlight instanceof leafletSrc.Marker) {
1 year ago
const parent = this.display.clusterGroup.getVisibleParent(highlight);
2 years ago
actualHighlight = parent || actualHighlight;
}
3 years ago
}
1 year ago
if (this.display.actualHighlight &&
this.display.actualHighlight != actualHighlight) {
2 years ago
const existingElement = this.display.actualHighlight.getElement();
if (existingElement)
existingElement.removeClass(HIGHLIGHT_CLASS_NAME);
}
if (actualHighlight) {
// If the marker is currently part of a cluster, make the cluster the actual highlight.
// The parent can be either the marker itself or its cluster
const newElement = actualHighlight.getElement();
if (newElement) {
newElement.addClass(HIGHLIGHT_CLASS_NAME);
3 years ago
}
2 years ago
// Update even if there is no HTML element yet
}
this.display.highlight = highlight;
this.display.actualHighlight = actualHighlight;
}
/** Try to find the marker that corresponds to a specific file (front matter) or a line in the file (inline) */
findMarkerByFileLine(file, fileLine = null) {
for (let [_, fileMarker] of this.display.markers) {
if (fileMarker.file == file) {
1 year ago
if (!fileLine)
return fileMarker;
if (fileLine == fileMarker.fileLine)
return fileMarker;
3 years ago
}
2 years ago
}
return null;
3 years ago
}
2 years ago
findMarkerById(markerId) {
return this.display.markers.get(markerId);
2 years ago
}
2 years ago
updateRealTimeLocationMarkers() {
if (this.display.realTimeLocationMarker)
this.display.realTimeLocationMarker.removeFrom(this.display.map);
if (this.display.realTimeLocationRadius)
this.display.realTimeLocationRadius.removeFrom(this.display.map);
1 year ago
if (this.lastRealTimeLocation === null)
return;
2 years ago
const center = this.lastRealTimeLocation.center;
const accuracy = this.lastRealTimeLocation.accuracy;
1 year ago
this.display.realTimeLocationMarker = leafletSrc.marker(center, {
icon: getIconFromOptions(CURRENT_LOCATION_MARKER, this.plugin.iconCache),
})
2 years ago
.addTo(this.display.map);
1 year ago
this.display.realTimeLocationRadius = leafletSrc.circle(center, { radius: accuracy })
2 years ago
.addTo(this.display.map);
this.display.realTimeControls.onLocationFound();
}
1 year ago
setRealTimeLocation(center, accuracy, source, forceRefresh = false) {
const location = center === null
? null
: {
center: center,
accuracy: accuracy,
source: source,
timestamp: Date.now(),
};
2 years ago
console.log(`New location received from source '${source}':`, location);
1 year ago
if (!isSame(location, this.lastRealTimeLocation) || forceRefresh) {
2 years ago
this.lastRealTimeLocation = location;
this.updateRealTimeLocationMarkers();
if (location) {
// If there's a real location (contrary to clearing an existing location), update the view
let newState = {};
1 year ago
if (this.state.mapZoom < this.settings.zoomOnGoFromNote)
newState.mapZoom = this.settings.zoomOnGoFromNote;
2 years ago
// If the new zoom is higher than the current zoom, OR the new center isn't already visible, change
// the map center.
// Or maybe easier to understand it this way: if the new center is already visible in the viewport, AND
// the new zoom is lower (meaning it will remain visible), we don't need to bother the user with a center change
1 year ago
if (newState.mapZoom != this.state.mapZoom ||
!this.display.map.getBounds().contains(location.center))
2 years ago
newState.mapCenter = location.center;
this.highLevelSetViewState(newState);
}
}
2 years ago
}
1 year ago
setRoutingSource(location) {
if (this.display.routingSource) {
this.display.routingSource.removeFrom(this.display.map);
this.display.routingSource = null;
}
if (location) {
this.display.routingSource = leafletSrc.marker(location, {
icon: getIconFromOptions(ROUTING_SOURCE_MARKER, this.plugin.iconCache),
})
.addTo(this.display.map);
this.display.routingSource.on('contextmenu', (ev) => {
let routingSourcePopup = new obsidian.Menu();
routingSourcePopup.addItem((item) => {
item.setTitle('Remove');
item.setIcon('trash');
item.onClick(() => {
this.setRoutingSource(null);
});
});
routingSourcePopup.showAtPosition(ev.originalEvent);
});
}
}
setLock(lock) {
var _a, _b;
this.state.lock = lock;
this.applyLock();
(_b = (_a = this.display) === null || _a === void 0 ? void 0 : _a.controls) === null || _b === void 0 ? void 0 : _b.updateSaveButtonVisibility();
}
addZoomButtons() {
if (this.viewSettings.showZoomButtons && !this.state.lock) {
this.display.zoomControls = leafletSrc.control
.zoom({
position: 'topright',
})
.addTo(this.display.map);
}
}
applyLock() {
// If the view does not support locking, refuse to lock.
// This is important if the MapState is taken from another view, e.g. Open is clicked in a locked embedded map
// to open it in a full Map View, which cannot be locked.
if (this.state.lock && !this.viewSettings.showLockButton) {
this.setLock(false);
return;
}
if (this.state.lock) {
this.display.map.dragging.disable();
this.display.map.touchZoom.disable();
this.display.map.doubleClickZoom.disable();
this.display.map.scrollWheelZoom.disable();
this.display.map.boxZoom.disable();
this.display.map.keyboard.disable();
if (this.display.map.tap)
this.display.map.tap.disable();
if (this.display.zoomControls) {
this.display.zoomControls.remove();
this.display.zoomControls = null;
}
}
else {
this.display.map.dragging.enable();
this.display.map.touchZoom.enable();
this.display.map.doubleClickZoom.enable();
this.display.map.scrollWheelZoom.enable();
this.display.map.boxZoom.enable();
this.display.map.keyboard.enable();
if (this.display.map.tap)
this.display.map.tap.disable();
if (!this.display.zoomControls)
this.addZoomButtons();
}
}
2 years ago
}
2 years ago
class BaseMapView extends obsidian.ItemView {
3 years ago
/**
* Construct a new map instance
2 years ago
* @param leaf The leaf the map should be put in
3 years ago
* @param settings The plugin settings
* @param plugin The plugin instance
*/
2 years ago
constructor(leaf, settings, viewSettings, plugin) {
super(leaf);
this.navigation = true;
1 year ago
this.mapContainer = new MapContainer(this.contentEl, settings, viewSettings, plugin, plugin.app);
2 years ago
this.mapContainer.highLevelSetViewState = (partialState) => {
var _a;
1 year ago
if (!this.leaf || this.leaf.view == null)
return;
const viewState = (_a = this.leaf) === null || _a === void 0 ? void 0 : _a.getViewState();
if (viewState === null || viewState === void 0 ? void 0 : viewState.state) {
const newState = mergeStates(viewState.state, partialState);
this.leaf.setViewState(Object.assign(Object.assign({}, viewState), { state: newState }));
2 years ago
return newState;
3 years ago
}
2 years ago
return null;
};
1 year ago
this.app.workspace.on('file-open', (file) => __awaiter(this, void 0, void 0, function* () { return yield this.onFileOpen(file); }));
this.app.workspace.on('active-leaf-change', (leaf) => __awaiter(this, void 0, void 0, function* () {
if (leaf.view instanceof obsidian.MarkdownView) {
const file = leaf.view.file;
this.onFileOpen(file);
}
}));
3 years ago
}
2 years ago
onPaneMenu(menu, source) {
menu.addItem((item) => {
item.setTitle('Copy Map View URL').onClick(() => {
this.mapContainer.copyStateUrl();
3 years ago
});
2 years ago
item.setIcon('curly-braces');
});
menu.addItem((item) => {
item.setTitle('Copy Map View code block').onClick(() => {
this.mapContainer.copyCodeBlock();
3 years ago
});
2 years ago
item.setIcon('curly-braces');
3 years ago
});
2 years ago
super.onPaneMenu(menu, source);
3 years ago
}
3 years ago
/**
2 years ago
* This is the native Obsidian setState method.
* You should *not* call it directly, but rather through this.leaf.setViewState(state), which will
* take care of preserving the Obsidian history if required.
3 years ago
*/
2 years ago
setState(state, result) {
return __awaiter(this, void 0, void 0, function* () {
2 years ago
if (this.shouldSaveToHistory(state)) {
result.history = true;
this.lastSavedState = copyState(state);
3 years ago
}
1 year ago
yield this.mapContainer.internalSetViewState(state, true, false, this.mapContainer.freezeMap);
2 years ago
if (this.mapContainer.display.controls)
this.mapContainer.display.controls.tryToGuessPreset();
});
}
2 years ago
/**
2 years ago
* Native Obsidian getState method.
2 years ago
*/
2 years ago
getState() {
return this.mapContainer.state;
3 years ago
}
2 years ago
/** Decides and returns true if the given state change, compared to the last saved state, is substantial
* enough to be saved as an Obsidian history state */
shouldSaveToHistory(newState) {
1 year ago
if (!this.mapContainer.settings.saveHistory)
return false;
if (!this.lastSavedState)
return true;
2 years ago
if (newState.forceHistorySave) {
newState.forceHistorySave = false;
return true;
3 years ago
}
2 years ago
// If the zoom changed by HISTORY_SAVE_ZOOM_DIFF -- save the history
1 year ago
if (Math.abs(newState.mapZoom - this.lastSavedState.mapZoom) >=
HISTORY_SAVE_ZOOM_DIFF)
2 years ago
return true;
// If the previous center is no longer visible -- save the history
// (this is partially cheating because we use the actual map and not the state object)
1 year ago
if (this.lastSavedState.mapCenter &&
2 years ago
!this.mapContainer.display.map
.getBounds()
1 year ago
.contains(this.lastSavedState.mapCenter))
2 years ago
return true;
1 year ago
if (newState.query != this.lastSavedState.query ||
newState.chosenMapSource != this.lastSavedState.chosenMapSource)
2 years ago
return true;
return false;
3 years ago
}
2 years ago
isDarkMode(settings) {
1 year ago
if (settings.chosenMapMode === 'dark')
return true;
if (settings.chosenMapMode === 'light')
return false;
2 years ago
// Auto mode - check if the theme is dark
1 year ago
if (this.app.vault.getConfig('theme') === 'obsidian')
return true;
2 years ago
return false;
}
onOpen() {
const _super = Object.create(null, {
1 year ago
onOpen: { get: () => super.onOpen }
2 years ago
});
3 years ago
return __awaiter(this, void 0, void 0, function* () {
2 years ago
yield this.mapContainer.onOpen();
return _super.onOpen.call(this);
3 years ago
});
}
2 years ago
onClose() {
this.mapContainer.onClose();
return super.onClose();
}
onResize() {
this.mapContainer.display.map.invalidateSize();
}
onFileOpen(file) {
3 years ago
var _a;
return __awaiter(this, void 0, void 0, function* () {
2 years ago
if (this.getState().followActiveNote) {
if (file) {
1 year ago
if (!this.leaf || this.leaf.view == null)
return;
let viewState = (_a = this.leaf) === null || _a === void 0 ? void 0 : _a.getViewState();
2 years ago
if (viewState) {
let mapState = viewState.state;
1 year ago
const newQuery = replaceFollowActiveNoteQuery(file, this.mapContainer.settings);
2 years ago
// Change the map state only if the file has actually changed. If the user just went back
// and forth and the map is still focused on the same file, don't ruin the user's possible
// zoom and pan.
// However, if the view is an auto-zoom view (unlike an auto-zoom global setting), we re-zoom
// on every switch
1 year ago
if (mapState.query != newQuery ||
this.mapContainer.viewSettings.autoZoom) {
2 years ago
mapState.query = newQuery;
1 year ago
this.mapContainer.internalSetViewState(mapState, true, true);
2 years ago
}
}
}
3 years ago
}
3 years ago
});
}
2 years ago
}
class MainMapView extends BaseMapView {
constructor(leaf, settings, plugin) {
const viewSettings = {
showZoomButtons: true,
showMapControls: true,
showFilters: true,
showView: true,
viewTabType: 'regular',
showEmbeddedControls: false,
showPresets: true,
showSearch: true,
showRealTimeButton: true,
1 year ago
showLockButton: false,
2 years ago
showOpenButton: false,
};
super(leaf, settings, viewSettings, plugin);
}
getViewType() {
return 'map';
}
getDisplayText() {
return 'Interactive Map View';
}
}
class EmbeddedMap {
1 year ago
constructor(parentEl, ctx, app, settings, plugin, customViewSettings = null) {
2 years ago
this.app = app;
this.settings = settings;
this.markdownContext = ctx;
this.parentEl = parentEl;
1 year ago
const viewSettings = Object.assign({ showZoomButtons: true, showMapControls: true, showFilters: false, showView: true, viewTabType: 'mini', showEmbeddedControls: true, showPresets: false, showSearch: false, showRealTimeButton: false, showLockButton: true, showOpenButton: true, autoZoom: true, emptyFitRevertsToDefault: true }, customViewSettings);
this.mapContainer = new MapContainer(parentEl, settings, viewSettings, plugin, plugin.app);
this.mapContainer.updateCodeBlockCallback = () => __awaiter(this, void 0, void 0, function* () {
this.updateCodeBlockWithState(this.mapContainer.state);
});
this.mapContainer.updateCodeBlockFromMapViewCallback = () => __awaiter(this, void 0, void 0, function* () {
const view = findOpenMapView(this.app);
if (!view) {
new obsidian.Notice("Can't find another Map View instance to copy the state from");
return;
}
const state = view.mapContainer.state;
const success = this.updateCodeBlockWithState(state);
if (success)
new obsidian.Notice('Successfully copied another open Map View');
});
2 years ago
}
updateCodeBlockWithState(state) {
3 years ago
return __awaiter(this, void 0, void 0, function* () {
1 year ago
const sectionInfo = this.markdownContext.getSectionInfo(this.parentEl);
2 years ago
if (!sectionInfo) {
new obsidian.Notice('Unable to find section info');
return false;
3 years ago
}
2 years ago
const editor = yield getEditor(this.app);
if (!editor) {
new obsidian.Notice('Unable to find the current editor');
return false;
1 year ago
}
else {
const lastLineLength = editor.getLine(sectionInfo.lineEnd).length;
2 years ago
const newBlock = getCodeBlock(state);
1 year ago
editor.replaceRange(newBlock, { line: sectionInfo.lineStart, ch: 0 }, { line: sectionInfo.lineEnd, ch: lastLineLength });
2 years ago
// If the cursor was in an invisible location of the document (e.g. above the current viewport),
// calling replaceRange above would scroll back to it. In order to prevent such a jump, and ensure
// the map stays in view after the replacement, we move the cursor to be next to it
let freeLine;
if (sectionInfo.lineEnd != editor.lastLine())
freeLine = sectionInfo.lineEnd + 1;
1 year ago
else
freeLine = sectionInfo.lineStart - 1;
2 years ago
editor.setCursor({ line: freeLine, ch: 0 });
return true;
3 years ago
}
2 years ago
});
}
open(state) {
var _a;
return __awaiter(this, void 0, void 0, function* () {
this.mapContainer.defaultState = state;
yield this.mapContainer.onOpen();
this.resizeObserver = new ResizeObserver(() => {
this.onResize();
});
this.resizeObserver.observe(this.mapContainer.display.mapDiv);
yield this.mapContainer.highLevelSetViewStateAsync(state);
1 year ago
if ((_a = this.mapContainer.display) === null || _a === void 0 ? void 0 : _a.controls) {
2 years ago
this.mapContainer.display.controls.markStateAsSaved(state);
this.mapContainer.display.controls.updateSaveButtonVisibility();
3 years ago
}
2 years ago
if (state.embeddedHeight)
this.parentEl.style.height = `${state.embeddedHeight}px`;
this.settings.mapControls.viewDisplayed = false;
3 years ago
});
}
2 years ago
setState(state) {
return __awaiter(this, void 0, void 0, function* () {
return this.mapContainer.highLevelSetViewState(state);
});
3 years ago
}
2 years ago
onResize() {
if (this.mapContainer.display.mapDiv)
this.mapContainer.display.map.invalidateSize();
}
}
/*
* This is a CodeMirror editor View plugin that modifies editor links to have custom 'onclick' and mouse enter/leave
* events, to handle Map View links and map preview popups.
*/
function getLinkReplaceEditorPlugin(mapViewPlugin) {
1 year ago
return view.ViewPlugin.fromClass(class {
constructor(view) {
this.active = false;
this.mapViewPlugin = mapViewPlugin;
this.decorations = this.buildDecorations(view);
}
update(vu) {
if (vu.viewportChanged || vu.docChanged) {
this.decorations = this.buildDecorations(vu.view);
3 years ago
}
1 year ago
}
/*
* This basically searches the document (within the visible viewport) for inline and front matter
* geolocations, and makes these links that Map View handles internally.
*/
buildDecorations(view) {
var _a;
const builder = new state.RangeSetBuilder();
if (!this.mapViewPlugin.settings.handleGeolinksInNotes)
return builder.finish();
if (view == null || view.state == null)
return builder.finish();
let matches = [];
const viewport = view.viewport;
// Make sure that only the visible area is searched, for performance reasons
const text = view.state.doc.sliceString(viewport.from, viewport.to);
const editorInfo = view.state.field(obsidian.editorInfoField);
const fileName = editorInfo instanceof obsidian.MarkdownView
? (_a = editorInfo === null || editorInfo === void 0 ? void 0 : editorInfo.file) === null || _a === void 0 ? void 0 : _a.name
: null;
// Search for inline geolocations
let inlineMatches = matchInlineLocation(text);
for (const match of inlineMatches) {
const lat = match.groups.lat;
const lng = match.groups.lng;
if (match.groups.link &&
match.groups.link.length > 0 &&
lat &&
lng) {
// For each such link we calculate the marker ID of Map View so it can find the relevant
// marker to highlight, and we then tell CodeMirror to add a "decoration" that modifies
// the DOM for the relevant mouse events.
const from = viewport.from + match.index;
const to = from + match.groups.link.length;
const markerId = generateMarkerId(fileName, lat, lng, from, null);
matches.push({
markerId,
lat,
lng,
from,
to,
});
2 years ago
}
}
1 year ago
// Now do the same for the document front matter -- convert it into a link
let frontMatterMatch = text.match(FRONT_MATTER_LOCATION);
if (frontMatterMatch) {
const lat = frontMatterMatch.groups.lat;
const lng = frontMatterMatch.groups.lng;
if (lat && lng) {
const from = viewport.from +
frontMatterMatch.index +
frontMatterMatch.groups.header.length;
const to = from + frontMatterMatch.groups.loc.length;
const markerId = generateMarkerId(fileName, lat, lng, null, null);
matches.push({
markerId,
lat,
lng,
from,
to,
});
2 years ago
}
}
1 year ago
// The range builder needs the ranges sorted by 'from'
matches.sort((a, b) => a.from - b.from);
for (const match of matches) {
builder.add(match.from, match.to, this.makeDecoration(match.from, match.to, match.markerId, match.lat, match.lng));
2 years ago
}
1 year ago
return builder.finish();
}
makeDecoration(from, to, markerId, lat, lng) {
return view.Decoration.mark({
from,
to,
tagName: 'a',
attributes: {
// The functions referenced here need to be given as text, and are therefore defined in
// the main plugin module on a 'window' level.
onclick: `handleMapViewGeoLink(event, ${from}, "${markerId}", "${lat}", "${lng}")`,
// This is not ideal since it ruins scrolling and other default behaviors on touches that
// start from the link, but without this, in mobile links launch their default behavior
// in addition to the one I set above
ontouchstart: `handleMapViewGeoLink(event, ${from}, "${markerId}", "${lat}", "${lng}")`,
onmouseover: `createMapPopup(event, ${from}, "${markerId}", "${lat}", "${lng}")`,
onmouseout: 'closeMapPopup(event)',
},
class: 'geolink',
});
}
destroy() { }
}, { decorations: (v) => v.decorations });
2 years ago
}
// This returns a Markdown post-processor that adds attributes to geolinks, similarly to the editor extension above.
const replaceLinksPostProcessor = (mapViewPlugin) => {
return (el, ctx) => {
1 year ago
if (!mapViewPlugin.settings.handleGeolinksInNotes)
return;
2 years ago
const links = Array.from(el.querySelectorAll('a'));
for (const link of links) {
if (link.href.startsWith('geo:')) {
// This is very similar to the editor extension above, with the same reason that the functions here need to be
// defined as strings.
// However one main difference is that we don't have a reliable way to calculate the document position
// of the links, and thus don't have a marker ID to highlight.
const match = link.href.substring(4).match(COORDINATES);
1 year ago
if (match &&
match.groups &&
match.groups.lat &&
match.groups.lng) {
link.setAttribute('onclick', `handleMapViewGeoLink(event, null, null, "${match.groups.lat}", "${match.groups.lng}")`);
link.setAttribute('ontouchstart', `handleMapViewGeoLink(event, null, null, "${match.groups.lat}", "${match.groups.lng}")`);
link.setAttribute('onmouseover', `createMapPopup(event, null, null, "${match.groups.lat}", "${match.groups.lng}")`);
link.setAttribute('onmouseout', 'closeMapPopup(event)');
}
3 years ago
}
}
2 years ago
};
};
class SettingsTab extends obsidian.PluginSettingTab {
constructor(app, plugin) {
super(app, plugin);
this.refreshPluginOnHide = false;
this.plugin = plugin;
3 years ago
}
2 years ago
display() {
let { containerEl } = this;
containerEl.empty();
containerEl.createEl('h2', {
text: 'Settings for the map view plugin.',
3 years ago
});
2 years ago
new obsidian.Setting(containerEl)
.setName('Map follows search results')
1 year ago
.setDesc('Auto zoom & pan the map to fit search results, including Follow Active Note.')
2 years ago
.addToggle((component) => {
1 year ago
component
.setValue(this.plugin.settings.autoZoom)
.onChange((value) => __awaiter(this, void 0, void 0, function* () {
this.plugin.settings.autoZoom = value;
yield this.plugin.saveSettings();
}));
});
2 years ago
let apiKeyControl = null;
new obsidian.Setting(containerEl)
.setName('Geocoding search provider')
1 year ago
.setDesc('The service used for searching for geolocations. To use Google, see details in the plugin documentation.')
2 years ago
.addDropdown((component) => {
1 year ago
component
.addOption('osm', 'OpenStreetMap')
.addOption('google', 'Google (API key required)')
.setValue(this.plugin.settings.searchProvider ||
DEFAULT_SETTINGS.searchProvider)
.onChange((value) => __awaiter(this, void 0, void 0, function* () {
this.plugin.settings.searchProvider = value;
yield this.plugin.saveSettings();
this.refreshPluginOnHide = true;
apiKeyControl.settingEl.style.display =
value === 'google' ? '' : 'none';
googlePlacesControl.settingEl.style.display =
this.plugin.settings.searchProvider === 'google'
? ''
: 'none';
}));
});
2 years ago
apiKeyControl = new obsidian.Setting(containerEl)
.setName('Gecoding API key')
1 year ago
.setDesc('If using Google as the geocoding search provider, paste the API key here. See the plugin documentation for more details. Changes are applied after restart.')
2 years ago
.addText((component) => {
1 year ago
component
.setValue(this.plugin.settings.geocodingApiKey)
.onChange((value) => __awaiter(this, void 0, void 0, function* () {
this.plugin.settings.geocodingApiKey = value;
yield this.plugin.saveSettings();
component.inputEl.style.borderColor = value
2 years ago
? ''
: 'red';
1 year ago
}));
component.inputEl.style.borderColor = this.plugin.settings
.geocodingApiKey
? ''
: 'red';
});
2 years ago
let googlePlacesControl = new obsidian.Setting(containerEl)
.setName('Use Google Places for searches')
1 year ago
.setDesc('Use Google Places API instead of Google Geocoding to get higher-quality results. Your API key must have a specific Google Places permission turned on! See the plugin documentation for more details.')
2 years ago
.addToggle((component) => {
1 year ago
var _a;
component
.setValue((_a = this.plugin.settings.useGooglePlaces) !== null && _a !== void 0 ? _a : DEFAULT_SETTINGS.useGooglePlaces)
.onChange((value) => __awaiter(this, void 0, void 0, function* () {
this.plugin.settings.useGooglePlaces = value;
yield this.plugin.saveSettings();
}));
});
2 years ago
// Display the API key control only if the search provider requires it
apiKeyControl.settingEl.style.display =
this.plugin.settings.searchProvider === 'google' ? '' : 'none';
googlePlacesControl.settingEl.style.display =
this.plugin.settings.searchProvider === 'google' ? '' : 'none';
new obsidian.Setting(containerEl)
.setName('New note name format')
1 year ago
.setDesc('Date/times in the format can be wrapped in {{date:...}}, e.g. "note-{{date:YYYY-MM-DD}}". Search queries can be added with {{query}}.')
2 years ago
.addText((component) => {
1 year ago
component
.setValue(this.plugin.settings.newNoteNameFormat ||
DEFAULT_SETTINGS.newNoteNameFormat)
.onChange((value) => __awaiter(this, void 0, void 0, function* () {
this.plugin.settings.newNoteNameFormat = value;
this.plugin.saveSettings();
}));
});
2 years ago
new obsidian.Setting(containerEl)
.setName('New note path')
.setDesc('Disk path for notes created from the map.')
.addText((component) => {
1 year ago
component
.setValue(this.plugin.settings.newNotePath || '')
.onChange((value) => __awaiter(this, void 0, void 0, function* () {
this.plugin.settings.newNotePath = value;
this.plugin.saveSettings();
}));
});
2 years ago
new obsidian.Setting(containerEl)
.setName('Template file path')
1 year ago
.setDesc('Choose the file to use as a template, e.g. "templates/map-log.md".')
2 years ago
.addText((component) => {
1 year ago
component
.setValue(this.plugin.settings.newNoteTemplate || '')
.onChange((value) => __awaiter(this, void 0, void 0, function* () {
this.plugin.settings.newNoteTemplate = value;
this.plugin.saveSettings();
}));
});
2 years ago
new obsidian.Setting(containerEl)
.setName('Max cluster size in pixels')
1 year ago
.setDesc('Maximal radius in pixels to cover in a marker cluster. Lower values will produce smaller map clusters. (Requires restart.)')
2 years ago
.addSlider((slider) => {
1 year ago
var _a;
slider
.setLimits(0, 200, 5)
.setDynamicTooltip()
.setValue((_a = this.plugin.settings.maxClusterRadiusPixels) !== null && _a !== void 0 ? _a : DEFAULT_SETTINGS.maxClusterRadiusPixels)
.onChange((value) => __awaiter(this, void 0, void 0, function* () {
this.plugin.settings.maxClusterRadiusPixels = value;
this.plugin.saveSettings();
}));
});
2 years ago
new obsidian.Setting(containerEl)
.setName('Default zoom for "show on map" action')
1 year ago
.setDesc('When jumping to the map from a note, what should be the display zoom? This is also used as a max zoom for "Map follows search results" above.')
2 years ago
.addSlider((component) => {
1 year ago
var _a;
component
.setLimits(1, 18, 1)
.setDynamicTooltip()
.setValue((_a = this.plugin.settings.zoomOnGoFromNote) !== null && _a !== void 0 ? _a : DEFAULT_SETTINGS.zoomOnGoFromNote)
.onChange((value) => __awaiter(this, void 0, void 0, function* () {
this.plugin.settings.zoomOnGoFromNote = value;
yield this.plugin.saveSettings();
}));
});
2 years ago
new obsidian.Setting(containerEl)
.setName('Allow zooming beyond the defined maximum')
1 year ago
.setDesc('Allow zooming further than the maximum defined for the map source, interpolating the image of the highest available zoom.')
2 years ago
.addToggle((component) => {
1 year ago
var _a;
component
.setValue((_a = this.plugin.settings.letZoomBeyondMax) !== null && _a !== void 0 ? _a : DEFAULT_SETTINGS.letZoomBeyondMax)
.onChange((value) => __awaiter(this, void 0, void 0, function* () {
this.plugin.settings.letZoomBeyondMax = value;
this.refreshPluginOnHide = true;
yield this.plugin.saveSettings();
}));
});
2 years ago
new obsidian.Setting(containerEl)
.setName('Save back/forward history')
1 year ago
.setDesc('While making changes to the map, save the history to be browsable through Obsidian back/forward buttons.')
2 years ago
.addToggle((component) => {
1 year ago
component
.setValue(this.plugin.settings.saveHistory)
.onChange((value) => __awaiter(this, void 0, void 0, function* () {
this.plugin.settings.saveHistory = value;
yield this.plugin.saveSettings();
}));
});
2 years ago
new obsidian.Setting(containerEl)
.setName('Query format for "follow active note"')
1 year ago
.setDesc('What query to use for following active notes (in the main or mini view), $PATH$ being the file path.')
2 years ago
.addText((component) => {
1 year ago
component
.setValue(this.plugin.settings.queryForFollowActiveNote ||
DEFAULT_SETTINGS.queryForFollowActiveNote)
.onChange((value) => __awaiter(this, void 0, void 0, function* () {
this.plugin.settings.queryForFollowActiveNote = value;
this.plugin.saveSettings();
}));
});
2 years ago
new obsidian.Setting(containerEl)
.setName('Fix front-matter on inline geolocation paste')
1 year ago
.setDesc('Monitor the clipboard and add a "locations:" front-matter if a supported geolocation is pasted from the keyboard.')
2 years ago
.addToggle((component) => {
1 year ago
var _a;
component
.setValue((_a = this.plugin.settings.fixFrontMatterOnPaste) !== null && _a !== void 0 ? _a : DEFAULT_SETTINGS.fixFrontMatterOnPaste)
.onChange((value) => __awaiter(this, void 0, void 0, function* () {
this.plugin.settings.fixFrontMatterOnPaste = value;
this.plugin.saveSettings();
}));
});
2 years ago
new obsidian.Setting(containerEl)
.setName('Tag name to denote inline geolocations')
1 year ago
.setDesc('Instead or in addition to the "locations:" YAML tag, you can use a regular tag that will mark for Map View that a note has inline geolocations, e.g. "#hasLocations". (Note: this has a performance penalty for the time being.)')
2 years ago
.addText((component) => {
1 year ago
var _a;
component
.setValue((_a = this.plugin.settings.tagForGeolocationNotes) !== null && _a !== void 0 ? _a : '')
.onChange((value) => __awaiter(this, void 0, void 0, function* () {
this.plugin.settings.tagForGeolocationNotes = value;
this.plugin.saveSettings();
}));
});
new obsidian.Setting(containerEl)
.setName('Routing service URL')
.setDesc('URL to use for calculating and showing routes and directions, used for "route to point". {x0},{y0} are the source lat,lng and {x1},{y1} are the destination lat,lng.')
.addText((component) => {
var _a;
component
.setValue((_a = this.plugin.settings.routingUrl) !== null && _a !== void 0 ? _a : DEFAULT_SETTINGS.routingUrl)
.onChange((value) => __awaiter(this, void 0, void 0, function* () {
this.plugin.settings.routingUrl = value;
this.plugin.saveSettings();
}));
});
2 years ago
new obsidian.Setting(containerEl)
.setHeading()
.setName('Geolinks in Notes')
1 year ago
.setDesc('How and if Map View handles geolinks in notes (both front matter and inline)');
2 years ago
new obsidian.Setting(containerEl)
.setName('Handle geolinks in notes')
1 year ago
.setDesc('When turned on, Map View will handle geolinks internally, and turn front matter locations into links. (Requires restarting Obsidian to update correctly.)')
2 years ago
.addToggle((component) => {
1 year ago
var _a;
component
.setValue((_a = this.plugin.settings.handleGeolinksInNotes) !== null && _a !== void 0 ? _a : DEFAULT_SETTINGS.handleGeolinksInNotes)
.onChange((value) => __awaiter(this, void 0, void 0, function* () {
this.plugin.settings.handleGeolinksInNotes = value;
yield this.plugin.saveSettings();
}));
});
2 years ago
new obsidian.Setting(containerEl)
.setName('Show geolink previews in notes')
1 year ago
.setDesc('Show a popup with a map preview when hovering on geolinks in notes. Requires "Geolinks in Notes" above.')
2 years ago
.addToggle((component) => {
1 year ago
var _a;
component
.setValue((_a = this.plugin.settings.showGeolinkPreview) !== null && _a !== void 0 ? _a : DEFAULT_SETTINGS.showGeolinkPreview)
.onChange((value) => __awaiter(this, void 0, void 0, function* () {
this.plugin.settings.showGeolinkPreview = value;
yield this.plugin.saveSettings();
}));
});
2 years ago
new obsidian.Setting(containerEl)
.setName('Zoom of the geolink map preview')
.setDesc('Zoom level to use for the geolink map preview popup.')
.addSlider((component) => {
1 year ago
var _a;
component
.setLimits(1, 18, 1)
.setDynamicTooltip()
.setValue((_a = this.plugin.settings.zoomOnGeolinkPreview) !== null && _a !== void 0 ? _a : DEFAULT_SETTINGS.zoomOnGeolinkPreview)
.onChange((value) => __awaiter(this, void 0, void 0, function* () {
this.plugin.settings.zoomOnGeolinkPreview = value;
yield this.plugin.saveSettings();
}));
});
2 years ago
new obsidian.Setting(containerEl)
.setHeading()
.setName('Marker Hover & Previews')
1 year ago
.setDesc('What is shown when hovering (desktop) or clicking (mobile) map markers.');
2 years ago
new obsidian.Setting(containerEl)
.setName('Show note name on marker hover')
1 year ago
.setDesc('Show a popup with the note name when hovering on a map marker.')
2 years ago
.addToggle((component) => {
1 year ago
component
.setValue(this.plugin.settings.showNoteNamePopup)
.onChange((value) => __awaiter(this, void 0, void 0, function* () {
this.plugin.settings.showNoteNamePopup = value;
yield this.plugin.saveSettings();
}));
});
2 years ago
new obsidian.Setting(containerEl)
.setName('Show inline link name on marker hover')
1 year ago
.setDesc('In the popup above, show also the link name, in the case of an inline link.')
2 years ago
.addDropdown((component) => {
1 year ago
var _a;
component
.addOption('always', 'Always')
.addOption('mobileOnly', 'Only on mobile')
.addOption('never', 'Never')
.setValue((_a = this.plugin.settings.showLinkNameInPopup) !== null && _a !== void 0 ? _a : DEFAULT_SETTINGS.showLinkNameInPopup)
.onChange((value) => __awaiter(this, void 0, void 0, function* () {
this.plugin.settings.showLinkNameInPopup =
value;
yield this.plugin.saveSettings();
}));
});
2 years ago
new obsidian.Setting(containerEl)
.setName('Show note preview on map marker hover')
1 year ago
.setDesc('In addition to the note name, show the native Obsidian note preview.')
2 years ago
.addToggle((component) => {
1 year ago
component
.setValue(this.plugin.settings.showNotePreview)
.onChange((value) => __awaiter(this, void 0, void 0, function* () {
this.plugin.settings.showNotePreview = value;
yield this.plugin.saveSettings();
}));
});
2 years ago
new obsidian.Setting(containerEl)
.setName('Show preview for marker clusters')
1 year ago
.setDesc('Show a hover popup summarizing the icons inside a marker cluster.')
2 years ago
.addToggle((component) => {
1 year ago
component
.setValue(this.plugin.settings.showClusterPreview)
.onChange((value) => __awaiter(this, void 0, void 0, function* () {
this.plugin.settings.showClusterPreview = value;
this.refreshPluginOnHide = true;
yield this.plugin.saveSettings();
}));
});
2 years ago
new obsidian.Setting(containerEl)
.setHeading()
.setName('Pane & Tab Usage')
1 year ago
.setDesc('Control when and if Map View should use panes vs tabs, new panes vs existing ones etc.');
2 years ago
// Name is 'click', 'Ctrl+click' and 'middle click'
1 year ago
const addOpenBehaviorOptions = (setting, setValue, getValue, includeLatest) => {
2 years ago
setting.addDropdown((component) => {
component
1 year ago
.addOption('replaceCurrent', 'Open in same pane (replace Map View)')
.addOption('dedicatedPane', 'Open in a 2nd pane and keep reusing it')
2 years ago
.addOption('alwaysNew', 'Always open a new pane')
1 year ago
.addOption('dedicatedTab', 'Open in a new tab and keep reusing it')
2 years ago
.addOption('alwaysNewTab', 'Always open a new tab');
if (includeLatest)
component.addOption('lastUsed', 'Open in last-used pane');
1 year ago
component
.setValue(getValue() || 'samePane')
.onChange((value) => __awaiter(this, void 0, void 0, function* () {
setValue(value);
this.plugin.saveSettings();
}));
2 years ago
});
};
1 year ago
addOpenBehaviorOptions(new obsidian.Setting(containerEl)
.setName('Default action for map marker click')
.setDesc('How should the corresponding note be opened following a click on a marker?'), (value) => {
this.plugin.settings.markerClickBehavior = value;
}, () => {
return this.plugin.settings.markerClickBehavior;
}, true);
addOpenBehaviorOptions(new obsidian.Setting(containerEl)
.setName('Default action for map marker Ctrl+click')
.setDesc('How should the corresponding note be opened following a Ctrl+click on a marker?'), (value) => {
this.plugin.settings.markerCtrlClickBehavior = value;
}, () => {
return this.plugin.settings.markerCtrlClickBehavior;
}, true);
addOpenBehaviorOptions(new obsidian.Setting(containerEl)
.setName('Default action for map marker middle-click')
.setDesc('How should the corresponding note be opened following a middle-click on a marker?'), (value) => {
this.plugin.settings.markerMiddleClickBehavior = value;
}, () => {
return this.plugin.settings.markerMiddleClickBehavior;
}, true);
addOpenBehaviorOptions(new obsidian.Setting(containerEl)
.setName('Default mode for opening Map View')
.setDesc('How should Map View open by default (e.g. when clicking the ribbon icon, or from within a note).'), (value) => {
this.plugin.settings.openMapBehavior = value;
}, () => {
return this.plugin.settings.openMapBehavior;
}, false);
addOpenBehaviorOptions(new obsidian.Setting(containerEl)
.setName('Opening Map View with Ctrl+Click')
.setDesc('How should Map View open when Ctrl is pressed.'), (value) => {
this.plugin.settings.openMapCtrlClickBehavior = value;
}, () => {
return this.plugin.settings.openMapCtrlClickBehavior;
}, false);
addOpenBehaviorOptions(new obsidian.Setting(containerEl)
.setName('Opening Map View with middle-Click')
.setDesc('How should Map View open when using middle-click.'), (value) => {
this.plugin.settings.openMapMiddleClickBehavior = value;
}, () => {
return this.plugin.settings.openMapMiddleClickBehavior;
}, false);
2 years ago
new obsidian.Setting(containerEl)
.setName('New pane split direction')
1 year ago
.setDesc('Which way should the pane be split when opening in a new pane.')
2 years ago
.addDropdown((component) => {
1 year ago
component
.addOption('horizontal', 'Horizontal')
.addOption('vertical', 'Vertical')
.setValue(this.plugin.settings.newPaneSplitDirection ||
'horizontal')
.onChange((value) => __awaiter(this, void 0, void 0, function* () {
this.plugin.settings.newPaneSplitDirection = value;
this.plugin.saveSettings();
}));
});
2 years ago
new obsidian.Setting(containerEl)
.setHeading()
.setName('Map Sources')
1 year ago
.setDesc('Change and switch between sources for map tiles. An optional dark mode URL can be defined for each source. If no such URL is defined and dark mode is used, the map colors are reverted. See the documentation for more details.');
2 years ago
let mapSourcesDiv = null;
1 year ago
new obsidian.Setting(containerEl).addButton((component) => component.setButtonText('New map source').onClick(() => {
this.plugin.settings.mapSources.push({
name: '',
urlLight: '',
maxZoom: DEFAULT_MAX_TILE_ZOOM,
currentMode: 'auto',
});
this.refreshMapSourceSettings(mapSourcesDiv);
this.refreshPluginOnHide = true;
}));
2 years ago
mapSourcesDiv = containerEl.createDiv();
this.refreshMapSourceSettings(mapSourcesDiv);
new obsidian.Setting(containerEl)
.setHeading()
.setName('Custom "Open In" Actions')
1 year ago
.setDesc("'Open in' actions showing in geolocation-relevant popup menus. URL should have {x} and {y} as parameters to transfer.");
2 years ago
let openInActionsDiv = null;
1 year ago
new obsidian.Setting(containerEl).addButton((component) => component.setButtonText('New Custom Action').onClick(() => {
this.plugin.settings.openIn.push({ name: '', urlPattern: '' });
this.refreshOpenInSettings(openInActionsDiv);
}));
2 years ago
openInActionsDiv = containerEl.createDiv();
this.refreshOpenInSettings(openInActionsDiv);
new obsidian.Setting(containerEl)
.setHeading()
.setName('URL Parsing Rules')
1 year ago
.setDesc('Customizable rules for converting URLs of various mapping services to coordinates, for the purpose of the "Convert URL" action.');
2 years ago
let parsingRulesDiv = null;
1 year ago
new obsidian.Setting(containerEl).addButton((component) => component.setButtonText('New Parsing Rule').onClick(() => {
this.plugin.settings.urlParsingRules.push({
name: '',
regExp: '',
preset: false,
ruleType: 'latLng',
});
this.refreshUrlParsingRules(parsingRulesDiv);
}));
2 years ago
parsingRulesDiv = containerEl.createDiv();
this.refreshUrlParsingRules(parsingRulesDiv);
const iconRulesHeading = new obsidian.Setting(containerEl)
.setHeading()
.setName('Marker Icon Rules');
iconRulesHeading.descEl.innerHTML = `Customize map markers by note tags.
Refer to <a href="https://fontawesome.com/">Font Awesome</a> for icon names and see <a href="https://github.com/coryasilva/Leaflet.ExtraMarkers#properties">here</a> for the other properties.
<br>The rules override each other, starting from the default. Refer to the plugin documentation for more details.
`;
let markerIconsDiv = null;
1 year ago
new obsidian.Setting(containerEl).addButton((component) => component.setButtonText('New Icon Rule').onClick(() => {
this.plugin.settings.markerIconRules.push({
ruleName: '',
preset: false,
iconDetails: { prefix: 'fas' },
});
this.refreshMarkerIcons(markerIconsDiv);
}));
2 years ago
markerIconsDiv = containerEl.createDiv();
this.refreshMarkerIcons(markerIconsDiv);
1 year ago
const gpsTitle = new obsidian.Setting(containerEl).setHeading().setName('GPS');
const warningFragment = document.createDocumentFragment();
const warningText = warningFragment.createDiv();
warningText.innerHTML =
'<strong>Warning!</strong> This is an experimental feature -- your milage may vary.<br>Make sure to read <a href="https://github.com/esm7/obsidian-map-view#gps-location-support">the documentation</a> before using.';
gpsTitle.setDesc(warningFragment);
new obsidian.Setting(containerEl)
.setName('Enable experimental GPS support')
.addToggle((component) => {
var _a;
component
.setValue((_a = this.plugin.settings.supportRealTimeGeolocation) !== null && _a !== void 0 ? _a : DEFAULT_SETTINGS.supportRealTimeGeolocation)
.onChange((value) => __awaiter(this, void 0, void 0, function* () {
this.plugin.settings.supportRealTimeGeolocation = value;
yield this.plugin.saveSettings();
}));
});
new obsidian.Setting(containerEl)
.setName('Geo helper type')
.addDropdown((component) => {
var _a;
component
.addOption('url', 'External URL')
.addOption('app', 'Installed app')
.addOption('commandline', 'Command line')
.setValue((_a = this.plugin.settings.geoHelperType) !== null && _a !== void 0 ? _a : DEFAULT_SETTINGS.geoHelperType)
.onChange((value) => __awaiter(this, void 0, void 0, function* () {
this.plugin.settings.geoHelperType =
value;
geoHelperUrl.settingEl.style.display =
value === 'url' || 'commandline' ? '' : 'none';
geoHelperCommand.settingEl.style.display =
value === 'commandline' ? '' : 'none';
yield this.plugin.saveSettings();
}));
});
const geoHelperCommand = new obsidian.Setting(containerEl).setName('Geo Helper Command');
geoHelperCommand.addText((component) => {
var _a;
component
.setValue((_a = this.plugin.settings.geoHelperCommand) !== null && _a !== void 0 ? _a : DEFAULT_SETTINGS.geoHelperCommand)
.onChange((value) => __awaiter(this, void 0, void 0, function* () {
this.plugin.settings.geoHelperCommand = value;
yield this.plugin.saveSettings();
}));
});
const geoHelperUrl = new obsidian.Setting(containerEl).setName('Geo Helper URL');
geoHelperUrl.addText((component) => {
var _a;
component
.setPlaceholder('URL to open (directly or using the defined command; see README for more details)')
.setValue((_a = this.plugin.settings.geoHelperUrl) !== null && _a !== void 0 ? _a : '')
.onChange((value) => __awaiter(this, void 0, void 0, function* () {
this.plugin.settings.geoHelperUrl = value;
yield this.plugin.saveSettings();
}));
});
geoHelperUrl.settingEl.style.display =
this.plugin.settings.geoHelperUrl === 'url' || 'commandline'
? ''
: 'none';
geoHelperCommand.settingEl.style.display =
this.plugin.settings.geoHelperType === 'commandline' ? '' : 'none';
2 years ago
new obsidian.Setting(containerEl).setHeading().setName('Advanced');
new obsidian.Setting(containerEl)
.setName('Debug logs (advanced)')
.addToggle((component) => {
1 year ago
component
.setValue(this.plugin.settings.debug != null
? this.plugin.settings.debug
: DEFAULT_SETTINGS.debug)
.onChange((value) => __awaiter(this, void 0, void 0, function* () {
this.plugin.settings.debug = value;
yield this.plugin.saveSettings();
}));
});
2 years ago
}
hide() {
if (this.refreshPluginOnHide) {
const mapViews = this.app.workspace.getLeavesOfType(MAP_VIEW_NAME);
for (const leaf of mapViews) {
if (leaf.view) {
const mapView = leaf.view;
mapView.mapContainer.refreshMap();
}
}
2 years ago
}
}
2 years ago
refreshMapSourceSettings(containerEl) {
containerEl.innerHTML = '';
for (const setting of this.plugin.settings.mapSources) {
const controls = new obsidian.Setting(containerEl)
.addText((component) => {
1 year ago
component
.setPlaceholder('Name')
.setValue(setting.name)
.onChange((value) => __awaiter(this, void 0, void 0, function* () {
setting.name = value;
this.refreshPluginOnHide = true;
yield this.plugin.saveSettings();
})).inputEl.style.width = '10em';
})
2 years ago
.addText((component) => {
1 year ago
component
.setPlaceholder('URL (light/default)')
.setValue(setting.urlLight)
.onChange((value) => __awaiter(this, void 0, void 0, function* () {
setting.urlLight = value;
this.refreshPluginOnHide = true;
yield this.plugin.saveSettings();
}));
})
2 years ago
.addText((component) => {
1 year ago
component
.setPlaceholder('URL (dark) (opt.)')
.setValue(setting.urlDark)
.onChange((value) => __awaiter(this, void 0, void 0, function* () {
setting.urlDark = value;
this.refreshPluginOnHide = true;
yield this.plugin.saveSettings();
})).inputEl.style.width = '10em';
})
2 years ago
.addText((component) => {
1 year ago
var _a;
component
.setPlaceholder('Max Tile Zoom')
.setValue(((_a = setting.maxZoom) !== null && _a !== void 0 ? _a : DEFAULT_MAX_TILE_ZOOM).toString())
.onChange((value) => __awaiter(this, void 0, void 0, function* () {
let zoom = parseInt(value);
if (typeof zoom == 'number') {
zoom = Math.min(Math.max(0, zoom), MAX_ZOOM);
setting.maxZoom = zoom;
this.refreshPluginOnHide = true;
yield this.plugin.saveSettings();
}
})).inputEl.style.width = '3em';
});
2 years ago
if (!setting.preset)
1 year ago
controls.addButton((component) => component.setButtonText('Delete').onClick(() => __awaiter(this, void 0, void 0, function* () {
this.plugin.settings.mapSources.remove(setting);
this.refreshPluginOnHide = true;
yield this.plugin.saveSettings();
this.refreshMapSourceSettings(containerEl);
})));
2 years ago
controls.settingEl.style.padding = '5px';
controls.settingEl.style.borderTop = 'none';
2 years ago
}
}
2 years ago
refreshOpenInSettings(containerEl) {
containerEl.innerHTML = '';
for (const setting of this.plugin.settings.openIn) {
const controls = new obsidian.Setting(containerEl)
.addText((component) => {
1 year ago
component
.setPlaceholder('Name')
.setValue(setting.name)
.onChange((value) => __awaiter(this, void 0, void 0, function* () {
setting.name = value;
yield this.plugin.saveSettings();
}));
})
2 years ago
.addText((component) => {
1 year ago
component
.setPlaceholder('URL template')
.setValue(setting.urlPattern)
.onChange((value) => __awaiter(this, void 0, void 0, function* () {
setting.urlPattern = value;
yield this.plugin.saveSettings();
}));
})
.addButton((component) => component.setButtonText('Delete').onClick(() => __awaiter(this, void 0, void 0, function* () {
this.plugin.settings.openIn.remove(setting);
yield this.plugin.saveSettings();
this.refreshOpenInSettings(containerEl);
})));
2 years ago
controls.settingEl.style.padding = '5px';
controls.settingEl.style.borderTop = 'none';
}
}
refreshUrlParsingRules(containerEl) {
3 years ago
var _a;
2 years ago
containerEl.innerHTML = '';
const parsingRules = this.plugin.settings.urlParsingRules;
// Make sure that the default settings are included. That's because I'll want to add more parsing
// rules in the future, and I want existing users to receive them
for (const defaultSetting of DEFAULT_SETTINGS.urlParsingRules)
1 year ago
if (parsingRules.findIndex((rule) => rule.name === defaultSetting.name) === -1) {
2 years ago
parsingRules.push(defaultSetting);
this.plugin.saveSettings();
2 years ago
}
2 years ago
for (const setting of parsingRules) {
const parsingRuleDiv = containerEl.createDiv('parsing-rule');
const line1 = parsingRuleDiv.createDiv('parsing-rule-line-1');
let line2 = null;
let adjustToRuleType = (ruleType) => {
1 year ago
text.setPlaceholder(ruleType === 'fetch'
? 'Regex with 1 capture group'
: 'Regex with 2 capture groups');
2 years ago
if (line2)
line2.style.display =
ruleType === 'fetch' ? 'block' : 'none';
};
1 year ago
const controls = new obsidian.Setting(line1).addText((component) => {
component
.setPlaceholder('Name')
.setValue(setting.name)
.onChange((value) => __awaiter(this, void 0, void 0, function* () {
setting.name = value;
2 years ago
yield this.plugin.saveSettings();
1 year ago
}));
});
const text = new obsidian.TextComponent(controls.controlEl);
text.setValue(setting.regExp).onChange((value) => __awaiter(this, void 0, void 0, function* () {
setting.regExp = value;
yield this.plugin.saveSettings();
}));
2 years ago
controls.addDropdown((component) => {
var _a;
return component
.addOption('latLng', '(lat)(lng)')
.addOption('lngLat', '(lng)(lat)')
.addOption('fetch', 'fetch')
1 year ago
.setValue((_a = setting.ruleType) !== null && _a !== void 0 ? _a : 'latLng')
.onChange((value) => __awaiter(this, void 0, void 0, function* () {
setting.ruleType = value;
adjustToRuleType(value);
yield this.plugin.saveSettings();
}))
2 years ago
.selectEl.addClass('url-rule-dropdown');
});
controls.settingEl.style.padding = '0px';
controls.settingEl.style.borderTop = 'none';
if (!setting.preset)
1 year ago
controls.addButton((component) => component.setButtonText('Delete').onClick(() => __awaiter(this, void 0, void 0, function* () {
this.plugin.settings.urlParsingRules.remove(setting);
yield this.plugin.saveSettings();
this.refreshUrlParsingRules(containerEl);
})));
2 years ago
line2 = parsingRuleDiv.createDiv('parsing-rule-line-2');
adjustToRuleType(setting.ruleType);
const contentLabel = line2.createEl('label');
contentLabel.setText('Content parsing expression:');
contentLabel.style.paddingRight = '10px';
new obsidian.TextComponent(line2)
.setPlaceholder('Regex with 1-2 capture groups')
.setValue(setting.contentParsingRegExp)
1 year ago
.onChange((value) => __awaiter(this, void 0, void 0, function* () {
setting.contentParsingRegExp = value;
yield this.plugin.saveSettings();
}));
2 years ago
new obsidian.DropdownComponent(line2)
.addOption('latLng', '(lat)(lng)')
.addOption('lngLat', '(lng)(lat)')
.addOption('googlePlace', '(google-place)')
1 year ago
.setValue((_a = setting.contentType) !== null && _a !== void 0 ? _a : 'latLng')
.onChange((value) => __awaiter(this, void 0, void 0, function* () {
setting.contentType = value;
yield this.plugin.saveSettings();
}));
2 years ago
}
3 years ago
}
2 years ago
refreshMarkerIcons(containerEl) {
containerEl.innerHTML = '';
let jsonControl = null;
let rulesDiv = containerEl.createDiv();
// The functions to update all icons, needed when the default rule changes
let iconUpdateFunctions = [];
const createRules = () => {
rulesDiv.innerHTML = '';
const rules = this.plugin.settings.markerIconRules;
for (const rule of rules) {
// Assign each icon on the default one, so the preview will show how it looks when the icon properties
// override the default one
const setting = new obsidian.Setting(rulesDiv)
1 year ago
.addText((component) => (component
.setPlaceholder('Tag name')
.setDisabled(rule.preset)
.setValue(rule.ruleName)
.onChange((value) => __awaiter(this, void 0, void 0, function* () {
rule.ruleName = value;
yield this.plugin.saveSettings();
updateIconAndJson();
})).inputEl.style.width = '10em'))
2 years ago
.addText((component) => {
1 year ago
var _a;
return (component
.setPlaceholder('Icon name')
.setValue((_a = rule.iconDetails.icon) !== null && _a !== void 0 ? _a : '')
.onChange((value) => __awaiter(this, void 0, void 0, function* () {
if (value)
rule.iconDetails.icon = value;
else
delete rule.iconDetails.icon;
yield this.plugin.saveSettings();
if (rule.preset)
iconUpdateFunctions.forEach((update) => update());
else
updateIconAndJson();
})).inputEl.style.width = '8em');
})
2 years ago
.addText((component) => {
1 year ago
var _a;
return (component
.setPlaceholder('Color name')
.setValue((_a = rule.iconDetails.markerColor) !== null && _a !== void 0 ? _a : '')
.onChange((value) => __awaiter(this, void 0, void 0, function* () {
if (value)
rule.iconDetails.markerColor = value;
else
delete rule.iconDetails.markerColor;
yield this.plugin.saveSettings();
if (rule.preset)
iconUpdateFunctions.forEach((update) => update());
else
updateIconAndJson();
})).inputEl.style.width = '8em');
})
2 years ago
.addText((component) => {
1 year ago
var _a;
return (component
.setPlaceholder('Shape')
.setValue((_a = rule.iconDetails.shape) !== null && _a !== void 0 ? _a : '')
.onChange((value) => __awaiter(this, void 0, void 0, function* () {
if (value)
rule.iconDetails.shape = value;
else
delete rule.iconDetails.shape;
yield this.plugin.saveSettings();
if (rule.preset)
iconUpdateFunctions.forEach((update) => update());
else
updateIconAndJson();
})).inputEl.style.width = '6em');
});
2 years ago
setting.settingEl.style.padding = '5px';
setting.settingEl.style.borderTop = 'none';
if (!rule.preset) {
1 year ago
setting.addButton((component) => component
.setButtonText('Delete')
.onClick(() => __awaiter(this, void 0, void 0, function* () {
rules.remove(rule);
yield this.plugin.saveSettings();
this.refreshMarkerIcons(containerEl);
}))
.buttonEl.classList.add('settings-dense-button'));
2 years ago
const ruleIndex = rules.indexOf(rule);
1 year ago
setting.addButton((component) => component
.setButtonText('\u2191')
.onClick(() => __awaiter(this, void 0, void 0, function* () {
// Move up
if (ruleIndex > 1) {
rules.splice(ruleIndex, 1);
rules.splice(ruleIndex - 1, 0, rule);
yield this.plugin.saveSettings();
this.refreshMarkerIcons(containerEl);
}
}))
.buttonEl.classList.add('settings-dense-button'));
setting.addButton((component) => component
.setButtonText('\u2193')
.onClick(() => __awaiter(this, void 0, void 0, function* () {
// Move down
if (ruleIndex < rules.length - 1) {
rules.splice(ruleIndex, 1);
rules.splice(ruleIndex + 1, 0, rule);
yield this.plugin.saveSettings();
this.refreshMarkerIcons(containerEl);
}
}))
.buttonEl.classList.add('settings-dense-button'));
2 years ago
}
let iconElement = null;
const updateIconAndJson = () => {
1 year ago
if (iconElement)
setting.controlEl.removeChild(iconElement);
const compiledIcon = getIconFromOptions(Object.assign({}, rules.find((element) => element.ruleName === 'default').iconDetails, rule.iconDetails), this.plugin.iconCache);
2 years ago
iconElement = compiledIcon.createIcon();
let style = iconElement.style;
style.marginLeft = style.marginTop = '0';
style.position = 'relative';
setting.controlEl.append(iconElement);
if (jsonControl)
1 year ago
jsonControl.setValue(JSON.stringify(this.plugin.settings.markerIconRules, null, 2));
2 years ago
};
iconUpdateFunctions.push(updateIconAndJson);
updateIconAndJson();
}
2 years ago
let multiTagIconElement = null;
let testTagsBox = null;
const ruleTestSetting = new obsidian.Setting(containerEl)
.setName('Marker preview tester')
.addText((component) => {
1 year ago
component
.setPlaceholder('#tagOne #tagTwo')
.onChange((value) => {
updateMultiTagPreview();
2 years ago
});
1 year ago
testTagsBox = component;
});
2 years ago
const updateMultiTagPreview = () => {
if (multiTagIconElement)
ruleTestSetting.controlEl.removeChild(multiTagIconElement);
1 year ago
const compiledIcon = getIconFromRules(testTagsBox.getValue().split(' '), rules, this.plugin.iconCache);
2 years ago
multiTagIconElement = compiledIcon.createIcon();
let style = multiTagIconElement.style;
style.marginLeft = style.marginTop = '0';
style.position = 'relative';
ruleTestSetting.controlEl.append(multiTagIconElement);
};
updateMultiTagPreview();
};
createRules();
new obsidian.Setting(containerEl)
.setName('Edit marker icons as JSON (advanced)')
1 year ago
.setDesc('Use this for advanced settings not controllable by the GUI above. Beware - uncareful edits can get Map View to faulty behaviors!')
2 years ago
.addTextArea((component) => {
1 year ago
component
.setValue(JSON.stringify(this.plugin.settings.markerIconRules, null, 2))
.onChange((value) => __awaiter(this, void 0, void 0, function* () {
try {
const newMarkerIcons = JSON.parse(value);
this.plugin.settings.markerIconRules =
newMarkerIcons;
yield this.plugin.saveSettings();
createRules();
}
catch (e) { }
}));
jsonControl = component;
});
3 years ago
}
2 years ago
}
class TagSuggest extends obsidian.EditorSuggest {
constructor(app, settings) {
super(app);
this.app = app;
3 years ago
}
2 years ago
onTrigger(cursor, editor, file) {
const line = editor.getLine(cursor.line);
// Start by verifying that the current line has an inline location.
// If it doesn't, we don't wanna trigger the completion even if the user
// starts typing 'tag:'
const hasLocationMatch = matchInlineLocation(line);
1 year ago
if (!hasLocationMatch || hasLocationMatch.length == 0)
return null;
2 years ago
const tagMatch = getTagUnderCursor(line, cursor.ch);
if (tagMatch)
return {
start: { line: cursor.line, ch: tagMatch.index },
end: {
line: cursor.line,
ch: tagMatch.index + tagMatch[0].length,
},
query: tagMatch[1],
};
return null;
3 years ago
}
2 years ago
getSuggestions(context) {
var _a;
const noPound = (tagName) => {
return tagName.startsWith('#') ? tagName.substring(1) : tagName;
};
1 year ago
const tagQuery = (_a = context.query) !== null && _a !== void 0 ? _a : '';
2 years ago
// Find all tags that include the query
const matchingTags = getAllTagNames(this.app)
.map((value) => noPound(value))
1 year ago
.filter((value) => value.toLowerCase().includes(tagQuery.toLowerCase()));
2 years ago
return matchingTags.map((tagName) => {
return {
tagName: tagName,
context: context,
};
3 years ago
});
}
2 years ago
renderSuggestion(value, el) {
el.setText(value.tagName);
3 years ago
}
2 years ago
selectSuggestion(value, evt) {
value.context.editor.getCursor();
const linkResult = `tag:${value.tagName} `;
1 year ago
value.context.editor.replaceRange(linkResult, value.context.start, value.context.end);
3 years ago
}
2 years ago
}
var top = 'top';
var bottom = 'bottom';
var right = 'right';
var left = 'left';
var auto = 'auto';
var basePlacements = [top, bottom, right, left];
var start = 'start';
var end = 'end';
var clippingParents = 'clippingParents';
var viewport = 'viewport';
var popper = 'popper';
var reference = 'reference';
1 year ago
var variationPlacements = /*#__PURE__*/basePlacements.reduce(function (acc, placement) {
return acc.concat([placement + "-" + start, placement + "-" + end]);
}, []);
var placements = /*#__PURE__*/[].concat(basePlacements, [auto]).reduce(function (acc, placement) {
return acc.concat([placement, placement + "-" + start, placement + "-" + end]);
}, []); // modifiers that need to read the DOM
2 years ago
var beforeRead = 'beforeRead';
var read = 'read';
var afterRead = 'afterRead'; // pure-logic modifiers
var beforeMain = 'beforeMain';
var main = 'main';
var afterMain = 'afterMain'; // modifier with the purpose to write to the DOM (or write into a framework state)
var beforeWrite = 'beforeWrite';
var write = 'write';
var afterWrite = 'afterWrite';
1 year ago
var modifierPhases = [beforeRead, read, afterRead, beforeMain, main, afterMain, beforeWrite, write, afterWrite];
2 years ago
function getNodeName(element) {
1 year ago
return element ? (element.nodeName || '').toLowerCase() : null;
2 years ago
}
function getWindow(node) {
1 year ago
if (node == null) {
return window;
}
2 years ago
1 year ago
if (node.toString() !== '[object Window]') {
var ownerDocument = node.ownerDocument;
return ownerDocument ? ownerDocument.defaultView || window : window;
}
2 years ago
1 year ago
return node;
2 years ago
}
function isElement(node) {
1 year ago
var OwnElement = getWindow(node).Element;
return node instanceof OwnElement || node instanceof Element;
2 years ago
}
function isHTMLElement(node) {
1 year ago
var OwnElement = getWindow(node).HTMLElement;
return node instanceof OwnElement || node instanceof HTMLElement;
2 years ago
}
function isShadowRoot(node) {
1 year ago
// IE 11 has no ShadowRoot
if (typeof ShadowRoot === 'undefined') {
return false;
}
2 years ago
1 year ago
var OwnElement = getWindow(node).ShadowRoot;
return node instanceof OwnElement || node instanceof ShadowRoot;
2 years ago
}
// and applies them to the HTMLElements such as popper and arrow
function applyStyles(_ref) {
1 year ago
var state = _ref.state;
Object.keys(state.elements).forEach(function (name) {
var style = state.styles[name] || {};
var attributes = state.attributes[name] || {};
var element = state.elements[name]; // arrow is optional + virtual elements
if (!isHTMLElement(element) || !getNodeName(element)) {
return;
} // Flow doesn't support to extend this property, but it's the most
// effective way to apply styles to an HTMLElement
// $FlowFixMe[cannot-write]
Object.assign(element.style, style);
Object.keys(attributes).forEach(function (name) {
var value = attributes[name];
if (value === false) {
element.removeAttribute(name);
} else {
element.setAttribute(name, value === true ? '' : value);
}
2 years ago
});
1 year ago
});
2 years ago
}
function effect$2(_ref2) {
1 year ago
var state = _ref2.state;
var initialStyles = {
popper: {
position: state.options.strategy,
left: '0',
top: '0',
margin: '0'
},
arrow: {
position: 'absolute'
},
reference: {}
};
Object.assign(state.elements.popper.style, initialStyles.popper);
state.styles = initialStyles;
2 years ago
1 year ago
if (state.elements.arrow) {
Object.assign(state.elements.arrow.style, initialStyles.arrow);
}
2 years ago
1 year ago
return function () {
Object.keys(state.elements).forEach(function (name) {
var element = state.elements[name];
var attributes = state.attributes[name] || {};
var styleProperties = Object.keys(state.styles.hasOwnProperty(name) ? state.styles[name] : initialStyles[name]); // Set all values to an empty string to unset them
2 years ago
1 year ago
var style = styleProperties.reduce(function (style, property) {
style[property] = '';
return style;
}, {}); // arrow is optional + virtual elements
2 years ago
1 year ago
if (!isHTMLElement(element) || !getNodeName(element)) {
return;
}
2 years ago
1 year ago
Object.assign(element.style, style);
Object.keys(attributes).forEach(function (attribute) {
element.removeAttribute(attribute);
});
});
};
2 years ago
} // eslint-disable-next-line import/no-unused-modules
1 year ago
2 years ago
var applyStyles$1 = {
1 year ago
name: 'applyStyles',
enabled: true,
phase: 'write',
fn: applyStyles,
effect: effect$2,
requires: ['computeStyles']
2 years ago
};
function getBasePlacement(placement) {
1 year ago
return placement.split('-')[0];
2 years ago
}
var max = Math.max;
var min = Math.min;
var round = Math.round;
function getUAString() {
1 year ago
var uaData = navigator.userAgentData;
2 years ago
1 year ago
if (uaData != null && uaData.brands && Array.isArray(uaData.brands)) {
return uaData.brands.map(function (item) {
return item.brand + "/" + item.version;
}).join(' ');
}
2 years ago
1 year ago
return navigator.userAgent;
2 years ago
}
function isLayoutViewport() {
1 year ago
return !/^((?!chrome|android).)*safari/i.test(getUAString());
2 years ago
}
function getBoundingClientRect(element, includeScale, isFixedStrategy) {
1 year ago
if (includeScale === void 0) {
includeScale = false;
}
if (isFixedStrategy === void 0) {
isFixedStrategy = false;
}
var clientRect = element.getBoundingClientRect();
var scaleX = 1;
var scaleY = 1;
if (includeScale && isHTMLElement(element)) {
scaleX = element.offsetWidth > 0 ? round(clientRect.width) / element.offsetWidth || 1 : 1;
scaleY = element.offsetHeight > 0 ? round(clientRect.height) / element.offsetHeight || 1 : 1;
}
var _ref = isElement(element) ? getWindow(element) : window,
visualViewport = _ref.visualViewport;
var addVisualOffsets = !isLayoutViewport() && isFixedStrategy;
var x = (clientRect.left + (addVisualOffsets && visualViewport ? visualViewport.offsetLeft : 0)) / scaleX;
var y = (clientRect.top + (addVisualOffsets && visualViewport ? visualViewport.offsetTop : 0)) / scaleY;
var width = clientRect.width / scaleX;
var height = clientRect.height / scaleY;
return {
width: width,
height: height,
top: y,
right: x + width,
bottom: y + height,
left: x,
x: x,
y: y
};
2 years ago
}
2 years ago
// means it doesn't take into account transforms.
function getLayoutRect(element) {
1 year ago
var clientRect = getBoundingClientRect(element); // Use the clientRect sizes if it's not been transformed.
// Fixes https://github.com/popperjs/popper-core/issues/1223
var width = element.offsetWidth;
var height = element.offsetHeight;
if (Math.abs(clientRect.width - width) <= 1) {
width = clientRect.width;
}
if (Math.abs(clientRect.height - height) <= 1) {
height = clientRect.height;
}
return {
x: element.offsetLeft,
y: element.offsetTop,
width: width,
height: height
};
2 years ago
}
function contains(parent, child) {
1 year ago
var rootNode = child.getRootNode && child.getRootNode(); // First, attempt with faster native method
2 years ago
1 year ago
if (parent.contains(child)) {
return true;
} // then fallback to custom implementation with Shadow DOM support
else if (rootNode && isShadowRoot(rootNode)) {
var next = child;
2 years ago
1 year ago
do {
if (next && parent.isSameNode(next)) {
return true;
} // $FlowFixMe[prop-missing]: need a better way to handle this...
2 years ago
1 year ago
next = next.parentNode || next.host;
} while (next);
2 years ago
} // Give up, the result is false
1 year ago
return false;
2 years ago
}
function getComputedStyle$1(element) {
1 year ago
return getWindow(element).getComputedStyle(element);
2 years ago
}
function isTableElement(element) {
1 year ago
return ['table', 'td', 'th'].indexOf(getNodeName(element)) >= 0;
2 years ago
}
function getDocumentElement(element) {
1 year ago
// $FlowFixMe[incompatible-return]: assume body is always available
return ((isElement(element) ? element.ownerDocument : // $FlowFixMe[prop-missing]
element.document) || window.document).documentElement;
2 years ago
}
function getParentNode(element) {
1 year ago
if (getNodeName(element) === 'html') {
return element;
}
return (// this is a quicker (but less type safe) way to save quite some bytes from the bundle
// $FlowFixMe[incompatible-return]
// $FlowFixMe[prop-missing]
element.assignedSlot || // step into the shadow DOM of the parent of a slotted node
element.parentNode || ( // DOM Element detected
isShadowRoot(element) ? element.host : null) || // ShadowRoot detected
// $FlowFixMe[incompatible-call]: HTMLElement is a Node
getDocumentElement(element) // fallback
);
2 years ago
}
function getTrueOffsetParent(element) {
1 year ago
if (!isHTMLElement(element) || // https://github.com/popperjs/popper-core/issues/837
getComputedStyle$1(element).position === 'fixed') {
return null;
}
2 years ago
1 year ago
return element.offsetParent;
2 years ago
} // `.offsetParent` reports `null` for fixed elements, while absolute elements
// return the containing block
1 year ago
2 years ago
function getContainingBlock(element) {
1 year ago
var isFirefox = /firefox/i.test(getUAString());
var isIE = /Trident/i.test(getUAString());
2 years ago
1 year ago
if (isIE && isHTMLElement(element)) {
// In IE 9, 10 and 11 fixed elements containing block is always established by the viewport
var elementCss = getComputedStyle$1(element);
2 years ago
1 year ago
if (elementCss.position === 'fixed') {
return null;
2 years ago
}
1 year ago
}
2 years ago
1 year ago
var currentNode = getParentNode(element);
2 years ago
1 year ago
if (isShadowRoot(currentNode)) {
currentNode = currentNode.host;
}
2 years ago
1 year ago
while (isHTMLElement(currentNode) && ['html', 'body'].indexOf(getNodeName(currentNode)) < 0) {
var css = getComputedStyle$1(currentNode); // This is non-exhaustive but covers the most common CSS properties that
// create a containing block.
// https://developer.mozilla.org/en-US/docs/Web/CSS/Containing_block#identifying_the_containing_block
2 years ago
1 year ago
if (css.transform !== 'none' || css.perspective !== 'none' || css.contain === 'paint' || ['transform', 'perspective'].indexOf(css.willChange) !== -1 || isFirefox && css.willChange === 'filter' || isFirefox && css.filter && css.filter !== 'none') {
return currentNode;
} else {
currentNode = currentNode.parentNode;
2 years ago
}
1 year ago
}
2 years ago
1 year ago
return null;
2 years ago
} // Gets the closest ancestor positioned element. Handles some edge cases,
// such as table ancestors and cross browser bugs.
1 year ago
2 years ago
function getOffsetParent(element) {
1 year ago
var window = getWindow(element);
var offsetParent = getTrueOffsetParent(element);
2 years ago
1 year ago
while (offsetParent && isTableElement(offsetParent) && getComputedStyle$1(offsetParent).position === 'static') {
offsetParent = getTrueOffsetParent(offsetParent);
}
2 years ago
1 year ago
if (offsetParent && (getNodeName(offsetParent) === 'html' || getNodeName(offsetParent) === 'body' && getComputedStyle$1(offsetParent).position === 'static')) {
return window;
}
2 years ago
1 year ago
return offsetParent || getContainingBlock(element) || window;
2 years ago
}
function getMainAxisFromPlacement(placement) {
1 year ago
return ['top', 'bottom'].indexOf(placement) >= 0 ? 'x' : 'y';
2 years ago
}
function within(min$1, value, max$1) {
1 year ago
return max(min$1, min(value, max$1));
2 years ago
}
function withinMaxClamp(min, value, max) {
1 year ago
var v = within(min, value, max);
return v > max ? max : v;
2 years ago
}
function getFreshSideObject() {
1 year ago
return {
top: 0,
right: 0,
bottom: 0,
left: 0
};
2 years ago
}
function mergePaddingObject(paddingObject) {
1 year ago
return Object.assign({}, getFreshSideObject(), paddingObject);
2 years ago
}
function expandToHashMap(value, keys) {
1 year ago
return keys.reduce(function (hashMap, key) {
hashMap[key] = value;
return hashMap;
}, {});
2 years ago
}
var toPaddingObject = function toPaddingObject(padding, state) {
1 year ago
padding = typeof padding === 'function' ? padding(Object.assign({}, state.rects, {
placement: state.placement
})) : padding;
return mergePaddingObject(typeof padding !== 'number' ? padding : expandToHashMap(padding, basePlacements));
2 years ago
};
function arrow(_ref) {
1 year ago
var _state$modifiersData$;
var state = _ref.state,
name = _ref.name,
options = _ref.options;
var arrowElement = state.elements.arrow;
var popperOffsets = state.modifiersData.popperOffsets;
var basePlacement = getBasePlacement(state.placement);
var axis = getMainAxisFromPlacement(basePlacement);
var isVertical = [left, right].indexOf(basePlacement) >= 0;
var len = isVertical ? 'height' : 'width';
if (!arrowElement || !popperOffsets) {
return;
}
var paddingObject = toPaddingObject(options.padding, state);
var arrowRect = getLayoutRect(arrowElement);
var minProp = axis === 'y' ? top : left;
var maxProp = axis === 'y' ? bottom : right;
var endDiff = state.rects.reference[len] + state.rects.reference[axis] - popperOffsets[axis] - state.rects.popper[len];
var startDiff = popperOffsets[axis] - state.rects.reference[axis];
var arrowOffsetParent = getOffsetParent(arrowElement);
var clientSize = arrowOffsetParent ? axis === 'y' ? arrowOffsetParent.clientHeight || 0 : arrowOffsetParent.clientWidth || 0 : 0;
var centerToReference = endDiff / 2 - startDiff / 2; // Make sure the arrow doesn't overflow the popper if the center point is
// outside of the popper bounds
var min = paddingObject[minProp];
var max = clientSize - arrowRect[len] - paddingObject[maxProp];
var center = clientSize / 2 - arrowRect[len] / 2 + centerToReference;
var offset = within(min, center, max); // Prevents breaking syntax highlighting...
var axisProp = axis;
state.modifiersData[name] = (_state$modifiersData$ = {}, _state$modifiersData$[axisProp] = offset, _state$modifiersData$.centerOffset = offset - center, _state$modifiersData$);
2 years ago
}
2 years ago
function effect$1(_ref2) {
1 year ago
var state = _ref2.state,
options = _ref2.options;
var _options$element = options.element,
arrowElement = _options$element === void 0 ? '[data-popper-arrow]' : _options$element;
2 years ago
1 year ago
if (arrowElement == null) {
return;
} // CSS selector
2 years ago
1 year ago
if (typeof arrowElement === 'string') {
arrowElement = state.elements.popper.querySelector(arrowElement);
if (!arrowElement) {
return;
2 years ago
}
1 year ago
}
2 years ago
1 year ago
if (process.env.NODE_ENV !== "production") {
if (!isHTMLElement(arrowElement)) {
console.error(['Popper: "arrow" element must be an HTMLElement (not an SVGElement).', 'To use an SVG arrow, wrap it in an HTMLElement that will be used as', 'the arrow.'].join(' '));
}
}
2 years ago
1 year ago
if (!contains(state.elements.popper, arrowElement)) {
if (process.env.NODE_ENV !== "production") {
console.error(['Popper: "arrow" modifier\'s `element` must be a child of the popper', 'element.'].join(' '));
3 years ago
}
2 years ago
1 year ago
return;
}
state.elements.arrow = arrowElement;
2 years ago
} // eslint-disable-next-line import/no-unused-modules
1 year ago
2 years ago
var arrow$1 = {
1 year ago
name: 'arrow',
enabled: true,
phase: 'main',
fn: arrow,
effect: effect$1,
requires: ['popperOffsets'],
requiresIfExists: ['preventOverflow']
2 years ago
};
function getVariation(placement) {
1 year ago
return placement.split('-')[1];
3 years ago
}
2 years ago
var unsetSides = {
1 year ago
top: 'auto',
right: 'auto',
bottom: 'auto',
left: 'auto'
2 years ago
}; // Round the offsets to the nearest suitable subpixel based on the DPR.
// Zooming can change the DPR, but it seems to report a value that will
// cleanly divide the values into the appropriate subpixels.
function roundOffsetsByDPR(_ref, win) {
1 year ago
var x = _ref.x,
y = _ref.y;
var dpr = win.devicePixelRatio || 1;
return {
x: round(x * dpr) / dpr || 0,
y: round(y * dpr) / dpr || 0
};
2 years ago
}
function mapToStyles(_ref2) {
1 year ago
var _Object$assign2;
var popper = _ref2.popper,
popperRect = _ref2.popperRect,
placement = _ref2.placement,
variation = _ref2.variation,
offsets = _ref2.offsets,
position = _ref2.position,
gpuAcceleration = _ref2.gpuAcceleration,
adaptive = _ref2.adaptive,
roundOffsets = _ref2.roundOffsets,
isFixed = _ref2.isFixed;
var _offsets$x = offsets.x,
x = _offsets$x === void 0 ? 0 : _offsets$x,
_offsets$y = offsets.y,
y = _offsets$y === void 0 ? 0 : _offsets$y;
var _ref3 = typeof roundOffsets === 'function' ? roundOffsets({
x: x,
y: y
}) : {
x: x,
y: y
};
x = _ref3.x;
y = _ref3.y;
var hasX = offsets.hasOwnProperty('x');
var hasY = offsets.hasOwnProperty('y');
var sideX = left;
var sideY = top;
var win = window;
if (adaptive) {
var offsetParent = getOffsetParent(popper);
var heightProp = 'clientHeight';
var widthProp = 'clientWidth';
if (offsetParent === getWindow(popper)) {
offsetParent = getDocumentElement(popper);
if (getComputedStyle$1(offsetParent).position !== 'static' && position === 'absolute') {
heightProp = 'scrollHeight';
widthProp = 'scrollWidth';
}
} // $FlowFixMe[incompatible-cast]: force type refinement, we compare offsetParent with window above, but Flow doesn't detect it
offsetParent = offsetParent;
if (placement === top || (placement === left || placement === right) && variation === end) {
sideY = bottom;
var offsetY = isFixed && offsetParent === win && win.visualViewport ? win.visualViewport.height : // $FlowFixMe[prop-missing]
offsetParent[heightProp];
y -= offsetY - popperRect.height;
y *= gpuAcceleration ? 1 : -1;
}
if (placement === left || (placement === top || placement === bottom) && variation === end) {
sideX = right;
var offsetX = isFixed && offsetParent === win && win.visualViewport ? win.visualViewport.width : // $FlowFixMe[prop-missing]
offsetParent[widthProp];
x -= offsetX - popperRect.width;
x *= gpuAcceleration ? 1 : -1;
}
}
var commonStyles = Object.assign({
position: position
}, adaptive && unsetSides);
var _ref4 = roundOffsets === true ? roundOffsetsByDPR({
x: x,
y: y
}, getWindow(popper)) : {
x: x,
y: y
};
x = _ref4.x;
y = _ref4.y;
if (gpuAcceleration) {
var _Object$assign;
return Object.assign({}, commonStyles, (_Object$assign = {}, _Object$assign[sideY] = hasY ? '0' : '', _Object$assign[sideX] = hasX ? '0' : '', _Object$assign.transform = (win.devicePixelRatio || 1) <= 1 ? "translate(" + x + "px, " + y + "px)" : "translate3d(" + x + "px, " + y + "px, 0)", _Object$assign));
}
return Object.assign({}, commonStyles, (_Object$assign2 = {}, _Object$assign2[sideY] = hasY ? y + "px" : '', _Object$assign2[sideX] = hasX ? x + "px" : '', _Object$assign2.transform = '', _Object$assign2));
2 years ago
}
function computeStyles(_ref5) {
1 year ago
var state = _ref5.state,
options = _ref5.options;
var _options$gpuAccelerat = options.gpuAcceleration,
gpuAcceleration = _options$gpuAccelerat === void 0 ? true : _options$gpuAccelerat,
_options$adaptive = options.adaptive,
adaptive = _options$adaptive === void 0 ? true : _options$adaptive,
_options$roundOffsets = options.roundOffsets,
roundOffsets = _options$roundOffsets === void 0 ? true : _options$roundOffsets;
if (process.env.NODE_ENV !== "production") {
var transitionProperty = getComputedStyle$1(state.elements.popper).transitionProperty || '';
if (adaptive && ['transform', 'top', 'right', 'bottom', 'left'].some(function (property) {
return transitionProperty.indexOf(property) >= 0;
})) {
console.warn(['Popper: Detected CSS transitions on at least one of the following', 'CSS properties: "transform", "top", "right", "bottom", "left".', '\n\n', 'Disable the "computeStyles" modifier\'s `adaptive` option to allow', 'for smooth transitions, or remove these properties from the CSS', 'transition declaration on the popper element if only transitioning', 'opacity or background-color for example.', '\n\n', 'We recommend using the popper element as a wrapper around an inner', 'element that can have any CSS property transitioned for animations.'].join(' '));
}
}
var commonStyles = {
placement: getBasePlacement(state.placement),
variation: getVariation(state.placement),
popper: state.elements.popper,
popperRect: state.rects.popper,
gpuAcceleration: gpuAcceleration,
isFixed: state.options.strategy === 'fixed'
};
if (state.modifiersData.popperOffsets != null) {
state.styles.popper = Object.assign({}, state.styles.popper, mapToStyles(Object.assign({}, commonStyles, {
offsets: state.modifiersData.popperOffsets,
position: state.options.strategy,
adaptive: adaptive,
roundOffsets: roundOffsets
})));
}
if (state.modifiersData.arrow != null) {
state.styles.arrow = Object.assign({}, state.styles.arrow, mapToStyles(Object.assign({}, commonStyles, {
offsets: state.modifiersData.arrow,
position: 'absolute',
adaptive: false,
roundOffsets: roundOffsets
})));
}
state.attributes.popper = Object.assign({}, state.attributes.popper, {
'data-popper-placement': state.placement
});
2 years ago
} // eslint-disable-next-line import/no-unused-modules
1 year ago
2 years ago
var computeStyles$1 = {
1 year ago
name: 'computeStyles',
enabled: true,
phase: 'beforeWrite',
fn: computeStyles,
data: {}
2 years ago
};
var passive = {
1 year ago
passive: true
2 years ago
};
function effect(_ref) {
1 year ago
var state = _ref.state,
instance = _ref.instance,
options = _ref.options;
var _options$scroll = options.scroll,
scroll = _options$scroll === void 0 ? true : _options$scroll,
_options$resize = options.resize,
resize = _options$resize === void 0 ? true : _options$resize;
var window = getWindow(state.elements.popper);
var scrollParents = [].concat(state.scrollParents.reference, state.scrollParents.popper);
if (scroll) {
scrollParents.forEach(function (scrollParent) {
scrollParent.addEventListener('scroll', instance.update, passive);
});
}
if (resize) {
window.addEventListener('resize', instance.update, passive);
}
2 years ago
1 year ago
return function () {
2 years ago
if (scroll) {
1 year ago
scrollParents.forEach(function (scrollParent) {
scrollParent.removeEventListener('scroll', instance.update, passive);
});
}
2 years ago
if (resize) {
1 year ago
window.removeEventListener('resize', instance.update, passive);
}
1 year ago
};
2 years ago
} // eslint-disable-next-line import/no-unused-modules
1 year ago
2 years ago
var eventListeners = {
1 year ago
name: 'eventListeners',
enabled: true,
phase: 'write',
fn: function fn() {},
effect: effect,
data: {}
2 years ago
};
var hash$1 = {
1 year ago
left: 'right',
right: 'left',
bottom: 'top',
top: 'bottom'
2 years ago
};
function getOppositePlacement(placement) {
1 year ago
return placement.replace(/left|right|bottom|top/g, function (matched) {
return hash$1[matched];
});
2 years ago
}
var hash = {
1 year ago
start: 'end',
end: 'start'
2 years ago
};
function getOppositeVariationPlacement(placement) {
1 year ago
return placement.replace(/start|end/g, function (matched) {
return hash[matched];
});
2 years ago
}
function getWindowScroll(node) {
1 year ago
var win = getWindow(node);
var scrollLeft = win.pageXOffset;
var scrollTop = win.pageYOffset;
return {
scrollLeft: scrollLeft,
scrollTop: scrollTop
};
2 years ago
}
function getWindowScrollBarX(element) {
1 year ago
// If <html> has a CSS width greater than the viewport, then this will be
// incorrect for RTL.
// Popper 1 is broken in this case and never had a bug report so let's assume
// it's not an issue. I don't think anyone ever specifies width on <html>
// anyway.
// Browsers where the left scrollbar doesn't cause an issue report `0` for
// this (e.g. Edge 2019, IE11, Safari)
return getBoundingClientRect(getDocumentElement(element)).left + getWindowScroll(element).scrollLeft;
2 years ago
}
function getViewportRect(element, strategy) {
1 year ago
var win = getWindow(element);
var html = getDocumentElement(element);
var visualViewport = win.visualViewport;
var width = html.clientWidth;
var height = html.clientHeight;
var x = 0;
var y = 0;
if (visualViewport) {
width = visualViewport.width;
height = visualViewport.height;
var layoutViewport = isLayoutViewport();
if (layoutViewport || !layoutViewport && strategy === 'fixed') {
x = visualViewport.offsetLeft;
y = visualViewport.offsetTop;
}
}
return {
width: width,
height: height,
x: x + getWindowScrollBarX(element),
y: y
};
2 years ago
}
// of the `<html>` and `<body>` rect bounds if horizontally scrollable
function getDocumentRect(element) {
1 year ago
var _element$ownerDocumen;
var html = getDocumentElement(element);
var winScroll = getWindowScroll(element);
var body = (_element$ownerDocumen = element.ownerDocument) == null ? void 0 : _element$ownerDocumen.body;
var width = max(html.scrollWidth, html.clientWidth, body ? body.scrollWidth : 0, body ? body.clientWidth : 0);
var height = max(html.scrollHeight, html.clientHeight, body ? body.scrollHeight : 0, body ? body.clientHeight : 0);
var x = -winScroll.scrollLeft + getWindowScrollBarX(element);
var y = -winScroll.scrollTop;
if (getComputedStyle$1(body || html).direction === 'rtl') {
x += max(html.clientWidth, body ? body.clientWidth : 0) - width;
}
return {
width: width,
height: height,
x: x,
y: y
};
}
2 years ago
function isScrollParent(element) {
1 year ago
// Firefox wants us to check `-x` and `-y` variations as well
var _getComputedStyle = getComputedStyle$1(element),
overflow = _getComputedStyle.overflow,
overflowX = _getComputedStyle.overflowX,
overflowY = _getComputedStyle.overflowY;
2 years ago
1 year ago
return /auto|scroll|overlay|hidden/.test(overflow + overflowY + overflowX);
2 years ago
}
function getScrollParent(node) {
1 year ago
if (['html', 'body', '#document'].indexOf(getNodeName(node)) >= 0) {
// $FlowFixMe[incompatible-return]: assume body is always available
return node.ownerDocument.body;
}
2 years ago
1 year ago
if (isHTMLElement(node) && isScrollParent(node)) {
return node;
}
2 years ago
1 year ago
return getScrollParent(getParentNode(node));
2 years ago
}
/*
given a DOM element, return the list of all scroll parents, up the list of ancesors
until we get to the top window object. This list is what we attach scroll listeners
to, because if any of these parent elements scroll, we'll need to re-calculate the
reference element's position.
*/
function listScrollParents(element, list) {
1 year ago
var _element$ownerDocumen;
if (list === void 0) {
list = [];
}
var scrollParent = getScrollParent(element);
var isBody = scrollParent === ((_element$ownerDocumen = element.ownerDocument) == null ? void 0 : _element$ownerDocumen.body);
var win = getWindow(scrollParent);
var target = isBody ? [win].concat(win.visualViewport || [], isScrollParent(scrollParent) ? scrollParent : []) : scrollParent;
var updatedList = list.concat(target);
return isBody ? updatedList : // $FlowFixMe[incompatible-call]: isBody tells us target will be an HTMLElement here
updatedList.concat(listScrollParents(getParentNode(target)));
2 years ago
}
function rectToClientRect(rect) {
1 year ago
return Object.assign({}, rect, {
left: rect.x,
top: rect.y,
right: rect.x + rect.width,
bottom: rect.y + rect.height
});
2 years ago
}
function getInnerBoundingClientRect(element, strategy) {
1 year ago
var rect = getBoundingClientRect(element, false, strategy === 'fixed');
rect.top = rect.top + element.clientTop;
rect.left = rect.left + element.clientLeft;
rect.bottom = rect.top + element.clientHeight;
rect.right = rect.left + element.clientWidth;
rect.width = element.clientWidth;
rect.height = element.clientHeight;
rect.x = rect.left;
rect.y = rect.top;
return rect;
2 years ago
}
function getClientRectFromMixedType(element, clippingParent, strategy) {
1 year ago
return clippingParent === viewport ? rectToClientRect(getViewportRect(element, strategy)) : isElement(clippingParent) ? getInnerBoundingClientRect(clippingParent, strategy) : rectToClientRect(getDocumentRect(getDocumentElement(element)));
2 years ago
} // A "clipping parent" is an overflowable container with the characteristic of
// clipping (or hiding) overflowing elements with a position different from
// `initial`
1 year ago
2 years ago
function getClippingParents(element) {
1 year ago
var clippingParents = listScrollParents(getParentNode(element));
var canEscapeClipping = ['absolute', 'fixed'].indexOf(getComputedStyle$1(element).position) >= 0;
var clipperElement = canEscapeClipping && isHTMLElement(element) ? getOffsetParent(element) : element;
if (!isElement(clipperElement)) {
return [];
} // $FlowFixMe[incompatible-return]: https://github.com/facebook/flow/issues/1414
return clippingParents.filter(function (clippingParent) {
return isElement(clippingParent) && contains(clippingParent, clipperElement) && getNodeName(clippingParent) !== 'body';
});
2 years ago
} // Gets the maximum area that the element is visible in due to any number of
// clipping parents
1 year ago
2 years ago
function getClippingRect(element, boundary, rootBoundary, strategy) {
1 year ago
var mainClippingParents = boundary === 'clippingParents' ? getClippingParents(element) : [].concat(boundary);
var clippingParents = [].concat(mainClippingParents, [rootBoundary]);
var firstClippingParent = clippingParents[0];
var clippingRect = clippingParents.reduce(function (accRect, clippingParent) {
var rect = getClientRectFromMixedType(element, clippingParent, strategy);
accRect.top = max(rect.top, accRect.top);
accRect.right = min(rect.right, accRect.right);
accRect.bottom = min(rect.bottom, accRect.bottom);
accRect.left = max(rect.left, accRect.left);
return accRect;
}, getClientRectFromMixedType(element, firstClippingParent, strategy));
clippingRect.width = clippingRect.right - clippingRect.left;
clippingRect.height = clippingRect.bottom - clippingRect.top;
clippingRect.x = clippingRect.left;
clippingRect.y = clippingRect.top;
return clippingRect;
2 years ago
}
function computeOffsets(_ref) {
1 year ago
var reference = _ref.reference,
element = _ref.element,
placement = _ref.placement;
var basePlacement = placement ? getBasePlacement(placement) : null;
var variation = placement ? getVariation(placement) : null;
var commonX = reference.x + reference.width / 2 - element.width / 2;
var commonY = reference.y + reference.height / 2 - element.height / 2;
var offsets;
switch (basePlacement) {
case top:
offsets = {
x: commonX,
y: reference.y - element.height
};
break;
case bottom:
offsets = {
x: commonX,
y: reference.y + reference.height
};
break;
case right:
offsets = {
x: reference.x + reference.width,
y: commonY
};
break;
case left:
offsets = {
x: reference.x - element.width,
y: commonY
};
break;
default:
offsets = {
x: reference.x,
y: reference.y
};
}
var mainAxis = basePlacement ? getMainAxisFromPlacement(basePlacement) : null;
if (mainAxis != null) {
var len = mainAxis === 'y' ? 'height' : 'width';
switch (variation) {
case start:
offsets[mainAxis] = offsets[mainAxis] - (reference[len] / 2 - element[len] / 2);
break;
case end:
offsets[mainAxis] = offsets[mainAxis] + (reference[len] / 2 - element[len] / 2);
break;
}
}
return offsets;
2 years ago
}
function detectOverflow(state, options) {
1 year ago
if (options === void 0) {
options = {};
}
var _options = options,
_options$placement = _options.placement,
placement = _options$placement === void 0 ? state.placement : _options$placement,
_options$strategy = _options.strategy,
strategy = _options$strategy === void 0 ? state.strategy : _options$strategy,
_options$boundary = _options.boundary,
boundary = _options$boundary === void 0 ? clippingParents : _options$boundary,
_options$rootBoundary = _options.rootBoundary,
rootBoundary = _options$rootBoundary === void 0 ? viewport : _options$rootBoundary,
_options$elementConte = _options.elementContext,
elementContext = _options$elementConte === void 0 ? popper : _options$elementConte,
_options$altBoundary = _options.altBoundary,
altBoundary = _options$altBoundary === void 0 ? false : _options$altBoundary,
_options$padding = _options.padding,
padding = _options$padding === void 0 ? 0 : _options$padding;
var paddingObject = mergePaddingObject(typeof padding !== 'number' ? padding : expandToHashMap(padding, basePlacements));
var altContext = elementContext === popper ? reference : popper;
var popperRect = state.rects.popper;
var element = state.elements[altBoundary ? altContext : elementContext];
var clippingClientRect = getClippingRect(isElement(element) ? element : element.contextElement || getDocumentElement(state.elements.popper), boundary, rootBoundary, strategy);
var referenceClientRect = getBoundingClientRect(state.elements.reference);
var popperOffsets = computeOffsets({
reference: referenceClientRect,
element: popperRect,
strategy: 'absolute',
placement: placement
});
var popperClientRect = rectToClientRect(Object.assign({}, popperRect, popperOffsets));
var elementClientRect = elementContext === popper ? popperClientRect : referenceClientRect; // positive = overflowing the clipping rect
// 0 or negative = within the clipping rect
var overflowOffsets = {
top: clippingClientRect.top - elementClientRect.top + paddingObject.top,
bottom: elementClientRect.bottom - clippingClientRect.bottom + paddingObject.bottom,
left: clippingClientRect.left - elementClientRect.left + paddingObject.left,
right: elementClientRect.right - clippingClientRect.right + paddingObject.right
};
var offsetData = state.modifiersData.offset; // Offsets can be applied only to the popper element
if (elementContext === popper && offsetData) {
var offset = offsetData[placement];
Object.keys(overflowOffsets).forEach(function (key) {
var multiply = [right, bottom].indexOf(key) >= 0 ? 1 : -1;
var axis = [top, bottom].indexOf(key) >= 0 ? 'y' : 'x';
overflowOffsets[key] += offset[axis] * multiply;
});
}
2 years ago
1 year ago
return overflowOffsets;
2 years ago
}
function computeAutoPlacement(state, options) {
1 year ago
if (options === void 0) {
options = {};
}
var _options = options,
placement = _options.placement,
boundary = _options.boundary,
rootBoundary = _options.rootBoundary,
padding = _options.padding,
flipVariations = _options.flipVariations,
_options$allowedAutoP = _options.allowedAutoPlacements,
allowedAutoPlacements = _options$allowedAutoP === void 0 ? placements : _options$allowedAutoP;
var variation = getVariation(placement);
var placements$1 = variation ? flipVariations ? variationPlacements : variationPlacements.filter(function (placement) {
return getVariation(placement) === variation;
}) : basePlacements;
var allowedPlacements = placements$1.filter(function (placement) {
return allowedAutoPlacements.indexOf(placement) >= 0;
});
if (allowedPlacements.length === 0) {
allowedPlacements = placements$1;
if (process.env.NODE_ENV !== "production") {
console.error(['Popper: The `allowedAutoPlacements` option did not allow any', 'placements. Ensure the `placement` option matches the variation', 'of the allowed placements.', 'For example, "auto" cannot be used to allow "bottom-start".', 'Use "auto-start" instead.'].join(' '));
}
} // $FlowFixMe[incompatible-type]: Flow seems to have problems with two array unions...
var overflows = allowedPlacements.reduce(function (acc, placement) {
acc[placement] = detectOverflow(state, {
placement: placement,
boundary: boundary,
rootBoundary: rootBoundary,
padding: padding
})[getBasePlacement(placement)];
return acc;
}, {});
return Object.keys(overflows).sort(function (a, b) {
return overflows[a] - overflows[b];
});
2 years ago
}
function getExpandedFallbackPlacements(placement) {
1 year ago
if (getBasePlacement(placement) === auto) {
return [];
}
2 years ago
1 year ago
var oppositePlacement = getOppositePlacement(placement);
return [getOppositeVariationPlacement(placement), oppositePlacement, getOppositeVariationPlacement(oppositePlacement)];
2 years ago
}
function flip(_ref) {
1 year ago
var state = _ref.state,
options = _ref.options,
name = _ref.name;
if (state.modifiersData[name]._skip) {
return;
}
var _options$mainAxis = options.mainAxis,
checkMainAxis = _options$mainAxis === void 0 ? true : _options$mainAxis,
_options$altAxis = options.altAxis,
checkAltAxis = _options$altAxis === void 0 ? true : _options$altAxis,
specifiedFallbackPlacements = options.fallbackPlacements,
padding = options.padding,
boundary = options.boundary,
rootBoundary = options.rootBoundary,
altBoundary = options.altBoundary,
_options$flipVariatio = options.flipVariations,
flipVariations = _options$flipVariatio === void 0 ? true : _options$flipVariatio,
allowedAutoPlacements = options.allowedAutoPlacements;
var preferredPlacement = state.options.placement;
var basePlacement = getBasePlacement(preferredPlacement);
var isBasePlacement = basePlacement === preferredPlacement;
var fallbackPlacements = specifiedFallbackPlacements || (isBasePlacement || !flipVariations ? [getOppositePlacement(preferredPlacement)] : getExpandedFallbackPlacements(preferredPlacement));
var placements = [preferredPlacement].concat(fallbackPlacements).reduce(function (acc, placement) {
return acc.concat(getBasePlacement(placement) === auto ? computeAutoPlacement(state, {
placement: placement,
boundary: boundary,
rootBoundary: rootBoundary,
padding: padding,
flipVariations: flipVariations,
allowedAutoPlacements: allowedAutoPlacements
}) : placement);
}, []);
var referenceRect = state.rects.reference;
var popperRect = state.rects.popper;
var checksMap = new Map();
var makeFallbackChecks = true;
var firstFittingPlacement = placements[0];
for (var i = 0; i < placements.length; i++) {
var placement = placements[i];
var _basePlacement = getBasePlacement(placement);
var isStartVariation = getVariation(placement) === start;
var isVertical = [top, bottom].indexOf(_basePlacement) >= 0;
var len = isVertical ? 'width' : 'height';
var overflow = detectOverflow(state, {
placement: placement,
boundary: boundary,
rootBoundary: rootBoundary,
altBoundary: altBoundary,
padding: padding
});
var mainVariationSide = isVertical ? isStartVariation ? right : left : isStartVariation ? bottom : top;
2 years ago
1 year ago
if (referenceRect[len] > popperRect[len]) {
mainVariationSide = getOppositePlacement(mainVariationSide);
2 years ago
}
1 year ago
var altVariationSide = getOppositePlacement(mainVariationSide);
var checks = [];
2 years ago
1 year ago
if (checkMainAxis) {
checks.push(overflow[_basePlacement] <= 0);
}
2 years ago
1 year ago
if (checkAltAxis) {
checks.push(overflow[mainVariationSide] <= 0, overflow[altVariationSide] <= 0);
}
2 years ago
1 year ago
if (checks.every(function (check) {
return check;
})) {
firstFittingPlacement = placement;
makeFallbackChecks = false;
break;
2 years ago
}
1 year ago
checksMap.set(placement, checks);
}
2 years ago
1 year ago
if (makeFallbackChecks) {
// `2` may be desired in some cases research later
var numberOfChecks = flipVariations ? 3 : 1;
2 years ago
1 year ago
var _loop = function _loop(_i) {
var fittingPlacement = placements.find(function (placement) {
var checks = checksMap.get(placement);
2 years ago
1 year ago
if (checks) {
return checks.slice(0, _i).every(function (check) {
return check;
});
}
});
2 years ago
1 year ago
if (fittingPlacement) {
firstFittingPlacement = fittingPlacement;
return "break";
}
};
2 years ago
1 year ago
for (var _i = numberOfChecks; _i > 0; _i--) {
var _ret = _loop(_i);
2 years ago
1 year ago
if (_ret === "break") break;
2 years ago
}
1 year ago
}
if (state.placement !== firstFittingPlacement) {
state.modifiersData[name]._skip = true;
state.placement = firstFittingPlacement;
state.reset = true;
}
2 years ago
} // eslint-disable-next-line import/no-unused-modules
1 year ago
2 years ago
var flip$1 = {
1 year ago
name: 'flip',
enabled: true,
phase: 'main',
fn: flip,
requiresIfExists: ['offset'],
data: {
_skip: false
}
2 years ago
};
function getSideOffsets(overflow, rect, preventedOffsets) {
1 year ago
if (preventedOffsets === void 0) {
preventedOffsets = {
x: 0,
y: 0
2 years ago
};
1 year ago
}
return {
top: overflow.top - rect.height - preventedOffsets.y,
right: overflow.right - rect.width + preventedOffsets.x,
bottom: overflow.bottom - rect.height + preventedOffsets.y,
left: overflow.left - rect.width - preventedOffsets.x
};
2 years ago
}
function isAnySideFullyClipped(overflow) {
1 year ago
return [top, right, bottom, left].some(function (side) {
return overflow[side] >= 0;
});
2 years ago
}
function hide(_ref) {
1 year ago
var state = _ref.state,
name = _ref.name;
var referenceRect = state.rects.reference;
var popperRect = state.rects.popper;
var preventedOffsets = state.modifiersData.preventOverflow;
var referenceOverflow = detectOverflow(state, {
elementContext: 'reference'
});
var popperAltOverflow = detectOverflow(state, {
altBoundary: true
});
var referenceClippingOffsets = getSideOffsets(referenceOverflow, referenceRect);
var popperEscapeOffsets = getSideOffsets(popperAltOverflow, popperRect, preventedOffsets);
var isReferenceHidden = isAnySideFullyClipped(referenceClippingOffsets);
var hasPopperEscaped = isAnySideFullyClipped(popperEscapeOffsets);
state.modifiersData[name] = {
referenceClippingOffsets: referenceClippingOffsets,
popperEscapeOffsets: popperEscapeOffsets,
isReferenceHidden: isReferenceHidden,
hasPopperEscaped: hasPopperEscaped
};
state.attributes.popper = Object.assign({}, state.attributes.popper, {
'data-popper-reference-hidden': isReferenceHidden,
'data-popper-escaped': hasPopperEscaped
});
2 years ago
} // eslint-disable-next-line import/no-unused-modules
1 year ago
2 years ago
var hide$1 = {
1 year ago
name: 'hide',
enabled: true,
phase: 'main',
requiresIfExists: ['preventOverflow'],
fn: hide
2 years ago
};
function distanceAndSkiddingToXY(placement, rects, offset) {
1 year ago
var basePlacement = getBasePlacement(placement);
var invertDistance = [left, top].indexOf(basePlacement) >= 0 ? -1 : 1;
var _ref = typeof offset === 'function' ? offset(Object.assign({}, rects, {
placement: placement
})) : offset,
skidding = _ref[0],
distance = _ref[1];
skidding = skidding || 0;
distance = (distance || 0) * invertDistance;
return [left, right].indexOf(basePlacement) >= 0 ? {
x: distance,
y: skidding
} : {
x: skidding,
y: distance
};
2 years ago
}
function offset(_ref2) {
1 year ago
var state = _ref2.state,
options = _ref2.options,
name = _ref2.name;
var _options$offset = options.offset,
offset = _options$offset === void 0 ? [0, 0] : _options$offset;
var data = placements.reduce(function (acc, placement) {
acc[placement] = distanceAndSkiddingToXY(placement, state.rects, offset);
return acc;
}, {});
var _data$state$placement = data[state.placement],
x = _data$state$placement.x,
y = _data$state$placement.y;
if (state.modifiersData.popperOffsets != null) {
state.modifiersData.popperOffsets.x += x;
state.modifiersData.popperOffsets.y += y;
}
state.modifiersData[name] = data;
2 years ago
} // eslint-disable-next-line import/no-unused-modules
1 year ago
2 years ago
var offset$1 = {
1 year ago
name: 'offset',
enabled: true,
phase: 'main',
requires: ['popperOffsets'],
fn: offset
2 years ago
};
function popperOffsets(_ref) {
1 year ago
var state = _ref.state,
name = _ref.name;
// Offsets are the actual position the popper needs to have to be
// properly positioned near its reference element
// This is the most basic placement, and will be adjusted by
// the modifiers in the next step
state.modifiersData[name] = computeOffsets({
reference: state.rects.reference,
element: state.rects.popper,
strategy: 'absolute',
placement: state.placement
});
2 years ago
} // eslint-disable-next-line import/no-unused-modules
1 year ago
2 years ago
var popperOffsets$1 = {
1 year ago
name: 'popperOffsets',
enabled: true,
phase: 'read',
fn: popperOffsets,
data: {}
2 years ago
};
function getAltAxis(axis) {
1 year ago
return axis === 'x' ? 'y' : 'x';
2 years ago
}
function preventOverflow(_ref) {
1 year ago
var state = _ref.state,
options = _ref.options,
name = _ref.name;
var _options$mainAxis = options.mainAxis,
checkMainAxis = _options$mainAxis === void 0 ? true : _options$mainAxis,
_options$altAxis = options.altAxis,
checkAltAxis = _options$altAxis === void 0 ? false : _options$altAxis,
boundary = options.boundary,
rootBoundary = options.rootBoundary,
altBoundary = options.altBoundary,
padding = options.padding,
_options$tether = options.tether,
tether = _options$tether === void 0 ? true : _options$tether,
_options$tetherOffset = options.tetherOffset,
tetherOffset = _options$tetherOffset === void 0 ? 0 : _options$tetherOffset;
var overflow = detectOverflow(state, {
boundary: boundary,
rootBoundary: rootBoundary,
padding: padding,
altBoundary: altBoundary
});
var basePlacement = getBasePlacement(state.placement);
var variation = getVariation(state.placement);
var isBasePlacement = !variation;
var mainAxis = getMainAxisFromPlacement(basePlacement);
var altAxis = getAltAxis(mainAxis);
var popperOffsets = state.modifiersData.popperOffsets;
var referenceRect = state.rects.reference;
var popperRect = state.rects.popper;
var tetherOffsetValue = typeof tetherOffset === 'function' ? tetherOffset(Object.assign({}, state.rects, {
placement: state.placement
})) : tetherOffset;
var normalizedTetherOffsetValue = typeof tetherOffsetValue === 'number' ? {
mainAxis: tetherOffsetValue,
altAxis: tetherOffsetValue
} : Object.assign({
mainAxis: 0,
altAxis: 0
}, tetherOffsetValue);
var offsetModifierState = state.modifiersData.offset ? state.modifiersData.offset[state.placement] : null;
var data = {
x: 0,
y: 0
};
if (!popperOffsets) {
return;
}
if (checkMainAxis) {
var _offsetModifierState$;
var mainSide = mainAxis === 'y' ? top : left;
var altSide = mainAxis === 'y' ? bottom : right;
var len = mainAxis === 'y' ? 'height' : 'width';
var offset = popperOffsets[mainAxis];
var min$1 = offset + overflow[mainSide];
var max$1 = offset - overflow[altSide];
var additive = tether ? -popperRect[len] / 2 : 0;
var minLen = variation === start ? referenceRect[len] : popperRect[len];
var maxLen = variation === start ? -popperRect[len] : -referenceRect[len]; // We need to include the arrow in the calculation so the arrow doesn't go
// outside the reference bounds
2 years ago
1 year ago
var arrowElement = state.elements.arrow;
var arrowRect = tether && arrowElement ? getLayoutRect(arrowElement) : {
width: 0,
height: 0
};
var arrowPaddingObject = state.modifiersData['arrow#persistent'] ? state.modifiersData['arrow#persistent'].padding : getFreshSideObject();
var arrowPaddingMin = arrowPaddingObject[mainSide];
var arrowPaddingMax = arrowPaddingObject[altSide]; // If the reference length is smaller than the arrow length, we don't want
// to include its full size in the calculation. If the reference is small
// and near the edge of a boundary, the popper can overflow even if the
// reference is not overflowing as well (e.g. virtual elements with no
// width or height)
2 years ago
1 year ago
var arrowLen = within(0, referenceRect[len], arrowRect[len]);
var minOffset = isBasePlacement ? referenceRect[len] / 2 - additive - arrowLen - arrowPaddingMin - normalizedTetherOffsetValue.mainAxis : minLen - arrowLen - arrowPaddingMin - normalizedTetherOffsetValue.mainAxis;
var maxOffset = isBasePlacement ? -referenceRect[len] / 2 + additive + arrowLen + arrowPaddingMax + normalizedTetherOffsetValue.mainAxis : maxLen + arrowLen + arrowPaddingMax + normalizedTetherOffsetValue.mainAxis;
var arrowOffsetParent = state.elements.arrow && getOffsetParent(state.elements.arrow);
var clientOffset = arrowOffsetParent ? mainAxis === 'y' ? arrowOffsetParent.clientTop || 0 : arrowOffsetParent.clientLeft || 0 : 0;
var offsetModifierValue = (_offsetModifierState$ = offsetModifierState == null ? void 0 : offsetModifierState[mainAxis]) != null ? _offsetModifierState$ : 0;
var tetherMin = offset + minOffset - offsetModifierValue - clientOffset;
var tetherMax = offset + maxOffset - offsetModifierValue;
var preventedOffset = within(tether ? min(min$1, tetherMin) : min$1, offset, tether ? max(max$1, tetherMax) : max$1);
popperOffsets[mainAxis] = preventedOffset;
data[mainAxis] = preventedOffset - offset;
}
2 years ago
1 year ago
if (checkAltAxis) {
var _offsetModifierState$2;
2 years ago
1 year ago
var _mainSide = mainAxis === 'x' ? top : left;
2 years ago
1 year ago
var _altSide = mainAxis === 'x' ? bottom : right;
2 years ago
1 year ago
var _offset = popperOffsets[altAxis];
2 years ago
1 year ago
var _len = altAxis === 'y' ? 'height' : 'width';
2 years ago
1 year ago
var _min = _offset + overflow[_mainSide];
2 years ago
1 year ago
var _max = _offset - overflow[_altSide];
2 years ago
1 year ago
var isOriginSide = [top, left].indexOf(basePlacement) !== -1;
2 years ago
1 year ago
var _offsetModifierValue = (_offsetModifierState$2 = offsetModifierState == null ? void 0 : offsetModifierState[altAxis]) != null ? _offsetModifierState$2 : 0;
2 years ago
1 year ago
var _tetherMin = isOriginSide ? _min : _offset - referenceRect[_len] - popperRect[_len] - _offsetModifierValue + normalizedTetherOffsetValue.altAxis;
2 years ago
1 year ago
var _tetherMax = isOriginSide ? _offset + referenceRect[_len] + popperRect[_len] - _offsetModifierValue - normalizedTetherOffsetValue.altAxis : _max;
2 years ago
1 year ago
var _preventedOffset = tether && isOriginSide ? withinMaxClamp(_tetherMin, _offset, _tetherMax) : within(tether ? _tetherMin : _min, _offset, tether ? _tetherMax : _max);
2 years ago
1 year ago
popperOffsets[altAxis] = _preventedOffset;
data[altAxis] = _preventedOffset - _offset;
}
2 years ago
1 year ago
state.modifiersData[name] = data;
2 years ago
} // eslint-disable-next-line import/no-unused-modules
1 year ago
2 years ago
var preventOverflow$1 = {
1 year ago
name: 'preventOverflow',
enabled: true,
phase: 'main',
fn: preventOverflow,
requiresIfExists: ['offset']
2 years ago
};
function getHTMLElementScroll(element) {
1 year ago
return {
scrollLeft: element.scrollLeft,
scrollTop: element.scrollTop
};
2 years ago
}
function getNodeScroll(node) {
1 year ago
if (node === getWindow(node) || !isHTMLElement(node)) {
return getWindowScroll(node);
} else {
return getHTMLElementScroll(node);
}
2 years ago
}
function isElementScaled(element) {
1 year ago
var rect = element.getBoundingClientRect();
var scaleX = round(rect.width) / element.offsetWidth || 1;
var scaleY = round(rect.height) / element.offsetHeight || 1;
return scaleX !== 1 || scaleY !== 1;
2 years ago
} // Returns the composite rect of an element relative to its offsetParent.
// Composite means it takes into account transforms as well as layout.
1 year ago
function getCompositeRect(elementOrVirtualElement, offsetParent, isFixed) {
if (isFixed === void 0) {
isFixed = false;
}
var isOffsetParentAnElement = isHTMLElement(offsetParent);
var offsetParentIsScaled = isHTMLElement(offsetParent) && isElementScaled(offsetParent);
var documentElement = getDocumentElement(offsetParent);
var rect = getBoundingClientRect(elementOrVirtualElement, offsetParentIsScaled, isFixed);
var scroll = {
scrollLeft: 0,
scrollTop: 0
};
var offsets = {
x: 0,
y: 0
};
if (isOffsetParentAnElement || !isOffsetParentAnElement && !isFixed) {
if (getNodeName(offsetParent) !== 'body' || // https://github.com/popperjs/popper-core/issues/1078
isScrollParent(documentElement)) {
scroll = getNodeScroll(offsetParent);
}
if (isHTMLElement(offsetParent)) {
offsets = getBoundingClientRect(offsetParent, true);
offsets.x += offsetParent.clientLeft;
offsets.y += offsetParent.clientTop;
} else if (documentElement) {
offsets.x = getWindowScrollBarX(documentElement);
}
}
return {
x: rect.left + scroll.scrollLeft - offsets.x,
y: rect.top + scroll.scrollTop - offsets.y,
width: rect.width,
height: rect.height
};
2 years ago
}
function order(modifiers) {
1 year ago
var map = new Map();
var visited = new Set();
var result = [];
modifiers.forEach(function (modifier) {
map.set(modifier.name, modifier);
}); // On visiting object, check for its dependencies and visit them recursively
function sort(modifier) {
visited.add(modifier.name);
var requires = [].concat(modifier.requires || [], modifier.requiresIfExists || []);
requires.forEach(function (dep) {
if (!visited.has(dep)) {
var depModifier = map.get(dep);
if (depModifier) {
sort(depModifier);
}
}
2 years ago
});
1 year ago
result.push(modifier);
}
modifiers.forEach(function (modifier) {
if (!visited.has(modifier.name)) {
// check for visited object
sort(modifier);
}
});
return result;
2 years ago
}
function orderModifiers(modifiers) {
1 year ago
// order based on dependencies
var orderedModifiers = order(modifiers); // order based on phase
return modifierPhases.reduce(function (acc, phase) {
return acc.concat(orderedModifiers.filter(function (modifier) {
return modifier.phase === phase;
}));
}, []);
2 years ago
}
function debounce(fn) {
1 year ago
var pending;
return function () {
if (!pending) {
pending = new Promise(function (resolve) {
Promise.resolve().then(function () {
pending = undefined;
resolve(fn());
});
});
}
2 years ago
1 year ago
return pending;
};
2 years ago
}
function format(str) {
1 year ago
for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
args[_key - 1] = arguments[_key];
}
return [].concat(args).reduce(function (p, c) {
return p.replace(/%s/, c);
}, str);
2 years ago
}
1 year ago
var INVALID_MODIFIER_ERROR = 'Popper: modifier "%s" provided an invalid %s property, expected %s but got %s';
var MISSING_DEPENDENCY_ERROR = 'Popper: modifier "%s" requires "%s", but "%s" modifier is not available';
var VALID_PROPERTIES = ['name', 'enabled', 'phase', 'fn', 'effect', 'requires', 'options'];
2 years ago
function validateModifiers(modifiers) {
1 year ago
modifiers.forEach(function (modifier) {
[].concat(Object.keys(modifier), VALID_PROPERTIES) // IE11-compatible replacement for `new Set(iterable)`
.filter(function (value, index, self) {
return self.indexOf(value) === index;
}).forEach(function (key) {
switch (key) {
case 'name':
if (typeof modifier.name !== 'string') {
console.error(format(INVALID_MODIFIER_ERROR, String(modifier.name), '"name"', '"string"', "\"" + String(modifier.name) + "\""));
}
2 years ago
1 year ago
break;
2 years ago
1 year ago
case 'enabled':
if (typeof modifier.enabled !== 'boolean') {
console.error(format(INVALID_MODIFIER_ERROR, modifier.name, '"enabled"', '"boolean"', "\"" + String(modifier.enabled) + "\""));
}
2 years ago
1 year ago
break;
2 years ago
1 year ago
case 'phase':
if (modifierPhases.indexOf(modifier.phase) < 0) {
console.error(format(INVALID_MODIFIER_ERROR, modifier.name, '"phase"', "either " + modifierPhases.join(', '), "\"" + String(modifier.phase) + "\""));
}
2 years ago
1 year ago
break;
2 years ago
1 year ago
case 'fn':
if (typeof modifier.fn !== 'function') {
console.error(format(INVALID_MODIFIER_ERROR, modifier.name, '"fn"', '"function"', "\"" + String(modifier.fn) + "\""));
}
2 years ago
1 year ago
break;
2 years ago
1 year ago
case 'effect':
if (modifier.effect != null && typeof modifier.effect !== 'function') {
console.error(format(INVALID_MODIFIER_ERROR, modifier.name, '"effect"', '"function"', "\"" + String(modifier.fn) + "\""));
}
break;
case 'requires':
if (modifier.requires != null && !Array.isArray(modifier.requires)) {
console.error(format(INVALID_MODIFIER_ERROR, modifier.name, '"requires"', '"array"', "\"" + String(modifier.requires) + "\""));
}
break;
case 'requiresIfExists':
if (!Array.isArray(modifier.requiresIfExists)) {
console.error(format(INVALID_MODIFIER_ERROR, modifier.name, '"requiresIfExists"', '"array"', "\"" + String(modifier.requiresIfExists) + "\""));
}
break;
case 'options':
case 'data':
break;
default:
console.error("PopperJS: an invalid property has been provided to the \"" + modifier.name + "\" modifier, valid properties are " + VALID_PROPERTIES.map(function (s) {
return "\"" + s + "\"";
}).join(', ') + "; but \"" + key + "\" was provided.");
}
modifier.requires && modifier.requires.forEach(function (requirement) {
if (modifiers.find(function (mod) {
return mod.name === requirement;
}) == null) {
console.error(format(MISSING_DEPENDENCY_ERROR, String(modifier.name), requirement, requirement));
}
});
2 years ago
});
1 year ago
});
2 years ago
}
function uniqueBy(arr, fn) {
1 year ago
var identifiers = new Set();
return arr.filter(function (item) {
var identifier = fn(item);
2 years ago
1 year ago
if (!identifiers.has(identifier)) {
identifiers.add(identifier);
return true;
}
});
2 years ago
}
function mergeByName(modifiers) {
1 year ago
var merged = modifiers.reduce(function (merged, current) {
var existing = merged[current.name];
merged[current.name] = existing ? Object.assign({}, existing, current, {
options: Object.assign({}, existing.options, current.options),
data: Object.assign({}, existing.data, current.data)
}) : current;
return merged;
}, {}); // IE11 does not support Object.values
return Object.keys(merged).map(function (key) {
return merged[key];
});
2 years ago
}
1 year ago
var INVALID_ELEMENT_ERROR = 'Popper: Invalid reference or popper argument provided. They must be either a DOM element or virtual element.';
var INFINITE_LOOP_ERROR = 'Popper: An infinite loop in the modifiers cycle has been detected! The cycle has been interrupted to prevent a browser crash.';
2 years ago
var DEFAULT_OPTIONS = {
1 year ago
placement: 'bottom',
modifiers: [],
strategy: 'absolute'
2 years ago
};
function areValidElements() {
1 year ago
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
args[_key] = arguments[_key];
}
return !args.some(function (element) {
return !(element && typeof element.getBoundingClientRect === 'function');
});
2 years ago
}
function popperGenerator(generatorOptions) {
1 year ago
if (generatorOptions === void 0) {
generatorOptions = {};
}
var _generatorOptions = generatorOptions,
_generatorOptions$def = _generatorOptions.defaultModifiers,
defaultModifiers = _generatorOptions$def === void 0 ? [] : _generatorOptions$def,
_generatorOptions$def2 = _generatorOptions.defaultOptions,
defaultOptions = _generatorOptions$def2 === void 0 ? DEFAULT_OPTIONS : _generatorOptions$def2;
return function createPopper(reference, popper, options) {
if (options === void 0) {
options = defaultOptions;
}
var state = {
placement: 'bottom',
orderedModifiers: [],
options: Object.assign({}, DEFAULT_OPTIONS, defaultOptions),
modifiersData: {},
elements: {
reference: reference,
popper: popper
},
attributes: {},
styles: {}
};
var effectCleanupFns = [];
var isDestroyed = false;
var instance = {
state: state,
setOptions: function setOptions(setOptionsAction) {
var options = typeof setOptionsAction === 'function' ? setOptionsAction(state.options) : setOptionsAction;
cleanupModifierEffects();
state.options = Object.assign({}, defaultOptions, state.options, options);
state.scrollParents = {
reference: isElement(reference) ? listScrollParents(reference) : reference.contextElement ? listScrollParents(reference.contextElement) : [],
popper: listScrollParents(popper)
}; // Orders the modifiers based on their dependencies and `phase`
// properties
var orderedModifiers = orderModifiers(mergeByName([].concat(defaultModifiers, state.options.modifiers))); // Strip out disabled modifiers
state.orderedModifiers = orderedModifiers.filter(function (m) {
return m.enabled;
}); // Validate the provided modifiers so that the consumer will get warned
// if one of the modifiers is invalid for any reason
if (process.env.NODE_ENV !== "production") {
var modifiers = uniqueBy([].concat(orderedModifiers, state.options.modifiers), function (_ref) {
var name = _ref.name;
return name;
});
validateModifiers(modifiers);
if (getBasePlacement(state.options.placement) === auto) {
var flipModifier = state.orderedModifiers.find(function (_ref2) {
var name = _ref2.name;
return name === 'flip';
});
if (!flipModifier) {
console.error(['Popper: "auto" placements require the "flip" modifier be', 'present and enabled to work.'].join(' '));
}
}
var _getComputedStyle = getComputedStyle$1(popper),
marginTop = _getComputedStyle.marginTop,
marginRight = _getComputedStyle.marginRight,
marginBottom = _getComputedStyle.marginBottom,
marginLeft = _getComputedStyle.marginLeft; // We no longer take into account `margins` on the popper, and it can
// cause bugs with positioning, so we'll warn the consumer
if ([marginTop, marginRight, marginBottom, marginLeft].some(function (margin) {
return parseFloat(margin);
})) {
console.warn(['Popper: CSS "margin" styles cannot be used to apply padding', 'between the popper and its reference element or boundary.', 'To replicate margin, use the `offset` modifier, as well as', 'the `padding` option in the `preventOverflow` and `flip`', 'modifiers.'].join(' '));
}
2 years ago
}
1 year ago
runModifierEffects();
return instance.update();
},
// Sync update it will always be executed, even if not necessary. This
// is useful for low frequency updates where sync behavior simplifies the
// logic.
// For high frequency updates (e.g. `resize` and `scroll` events), always
// prefer the async Popper#update method
forceUpdate: function forceUpdate() {
if (isDestroyed) {
return;
}
2 years ago
1 year ago
var _state$elements = state.elements,
reference = _state$elements.reference,
popper = _state$elements.popper; // Don't proceed if `reference` or `popper` are not valid elements
// anymore
2 years ago
1 year ago
if (!areValidElements(reference, popper)) {
if (process.env.NODE_ENV !== "production") {
console.error(INVALID_ELEMENT_ERROR);
}
2 years ago
1 year ago
return;
} // Store the reference and popper rects to be read by modifiers
2 years ago
1 year ago
state.rects = {
reference: getCompositeRect(reference, getOffsetParent(popper), state.options.strategy === 'fixed'),
popper: getLayoutRect(popper)
}; // Modifiers have the ability to reset the current update cycle. The
// most common use case for this is the `flip` modifier changing the
// placement, which then needs to re-run all the modifiers, because the
// logic was previously ran for the previous placement and is therefore
// stale/incorrect
2 years ago
1 year ago
state.reset = false;
state.placement = state.options.placement; // On each update cycle, the `modifiersData` property for each modifier
// is filled with the initial data specified by the modifier. This means
// it doesn't persist and is fresh on each update.
// To ensure persistent data, use `${name}#persistent`
2 years ago
1 year ago
state.orderedModifiers.forEach(function (modifier) {
return state.modifiersData[modifier.name] = Object.assign({}, modifier.data);
});
var __debug_loops__ = 0;
2 years ago
1 year ago
for (var index = 0; index < state.orderedModifiers.length; index++) {
if (process.env.NODE_ENV !== "production") {
__debug_loops__ += 1;
if (__debug_loops__ > 100) {
console.error(INFINITE_LOOP_ERROR);
break;
2 years ago
}
1 year ago
}
2 years ago
1 year ago
if (state.reset === true) {
state.reset = false;
index = -1;
continue;
}
var _state$orderedModifie = state.orderedModifiers[index],
fn = _state$orderedModifie.fn,
_state$orderedModifie2 = _state$orderedModifie.options,
_options = _state$orderedModifie2 === void 0 ? {} : _state$orderedModifie2,
name = _state$orderedModifie.name;
if (typeof fn === 'function') {
state = fn({
state: state,
options: _options,
name: name,
instance: instance
}) || state;
}
2 years ago
}
1 year ago
},
// Async and optimistically optimized update it will not be executed if
// not necessary (debounced to run at most once-per-tick)
update: debounce(function () {
return new Promise(function (resolve) {
instance.forceUpdate();
resolve(state);
});
}),
destroy: function destroy() {
cleanupModifierEffects();
isDestroyed = true;
}
};
2 years ago
1 year ago
if (!areValidElements(reference, popper)) {
if (process.env.NODE_ENV !== "production") {
console.error(INVALID_ELEMENT_ERROR);
}
return instance;
}
instance.setOptions(options).then(function (state) {
if (!isDestroyed && options.onFirstUpdate) {
options.onFirstUpdate(state);
}
}); // Modifiers have the ability to execute arbitrary code before the first
// update cycle runs. They will be executed in the same order as the update
// cycle. This is useful when a modifier adds some persistent data that
// other modifiers need to use, but the modifier is run after the dependent
// one.
function runModifierEffects() {
state.orderedModifiers.forEach(function (_ref3) {
var name = _ref3.name,
_ref3$options = _ref3.options,
options = _ref3$options === void 0 ? {} : _ref3$options,
effect = _ref3.effect;
if (typeof effect === 'function') {
var cleanupFn = effect({
state: state,
name: name,
instance: instance,
options: options
});
2 years ago
1 year ago
var noopFn = function noopFn() {};
2 years ago
1 year ago
effectCleanupFns.push(cleanupFn || noopFn);
2 years ago
}
1 year ago
});
}
2 years ago
1 year ago
function cleanupModifierEffects() {
effectCleanupFns.forEach(function (fn) {
return fn();
});
effectCleanupFns = [];
}
2 years ago
1 year ago
return instance;
};
3 years ago
}
1 year ago
var defaultModifiers = [eventListeners, popperOffsets$1, computeStyles$1, applyStyles$1, offset$1, flip$1, preventOverflow$1, arrow$1, hide$1];
var createPopper = /*#__PURE__*/popperGenerator({
defaultModifiers: defaultModifiers
2 years ago
}); // eslint-disable-next-line import/no-unused-modules
/***
* Ideally I would have loved to have a single MapPreviewPopup object and recycle it throughout the app's
* lifetime. But I was unable to get this to work smoothly due to annoying flashes of the old map when moving
* between links. Everything I tried, e.g. showing the popup only when the map's 'moveend' event was fired,
* led to more problems.
* So the way it works for now, is that a MapPreviewPopup shows a single map, and the map is recreated
* every time the user hovers a link, requiring loading all the markers etc.
*/
class MapPreviewPopup {
constructor(settings, plugin, app) {
this.popupDiv = null;
this.mapDiv = null;
this.map = null;
this.targetElement = null;
this.popupObserver = null;
this.isOpen = false;
this.settings = settings;
this.plugin = plugin;
3 years ago
this.app = app;
2 years ago
this.popupDiv = document.body.createDiv('map-preview-popup');
this.mapDiv = this.popupDiv.createDiv('map-preview-popup-map');
this.popupDiv.addClasses(['popover', 'hover-popup']);
1 year ago
this.map = new EmbeddedMap(this.mapDiv, null, this.app, this.settings, this.plugin, {
showZoomButtons: false,
showMapControls: false,
showEmbeddedControls: false,
showOpenButton: false,
skipAnimations: true,
});
3 years ago
}
2 years ago
open(event, documentLocation, markerId, lat, lng) {
3 years ago
var _a;
2 years ago
return __awaiter(this, void 0, void 0, function* () {
// We don't know how to place the element
1 year ago
if (!(event.target instanceof HTMLElement))
return;
2 years ago
this.targetElement = event.target;
// This causes some recalculation of the DOM which for some reason is required to make the animations
// work as expected
void this.popupDiv.offsetWidth;
// This makes sure that we know to close the popup not only when the mouse leaves it, but also when
// the target element (i.e. the link that caused the popup) is removed from the document, e.g. when
// the user opens another file or something else happens to the view
this.popupObserver = new MutationObserver((mutations) => {
if (!document.body.contains(this.targetElement)) {
this.close(null);
}
});
this.popupObserver.observe(document.body, {
childList: true,
subtree: true,
});
this.popperInstance = createPopper(event.target, this.popupDiv, {
placement: 'bottom-start',
});
yield this.popperInstance.update();
this.isOpen = true;
this.popupDiv.addClass('show');
const state = {
1 year ago
mapCenter: new leafletSrc.LatLng(parseFloat(lat), parseFloat(lng)),
2 years ago
mapZoom: this.settings.zoomOnGeolinkPreview,
3 years ago
};
1 year ago
yield this.map.open(mergeStates(this.settings.defaultState, state));
2 years ago
const marker = markerId
1 year ago
? (_a = this.map.mapContainer) === null || _a === void 0 ? void 0 : _a.findMarkerById(markerId)
2 years ago
: null;
1 year ago
if (marker)
this.map.mapContainer.setHighlight(marker);
});
}
2 years ago
close(event) {
var _a, _b, _c;
this.isOpen = false;
1 year ago
(_a = this.popupDiv) === null || _a === void 0 ? void 0 : _a.removeClass('show');
(_b = this.popupObserver) === null || _b === void 0 ? void 0 : _b.disconnect();
(_c = this.popperInstance) === null || _c === void 0 ? void 0 : _c.destroy();
2 years ago
// The animation makes it difficult to find the right time to clean up the popup div, so
// we're just doing it a second after the popup closes
setTimeout(() => {
var _a;
if (this.popupDiv)
1 year ago
(_a = this.popupDiv.parentNode) === null || _a === void 0 ? void 0 : _a.removeChild(this.popupDiv);
2 years ago
}, 1000);
3 years ago
}
}
3 years ago
class MapViewPlugin extends obsidian.Plugin {
constructor() {
super(...arguments);
this.highestVersionSeen = 0;
}
onload() {
return __awaiter(this, void 0, void 0, function* () {
yield this.loadSettings();
3 years ago
// Add a new ribbon entry to the left bar
2 years ago
this.addRibbonIcon('map-pin', 'Open map view', (ev) => {
1 year ago
this.openMap(mouseEventToOpenMode(this.settings, ev, 'openMap'));
3 years ago
});
this.registerView(MAP_VIEW_NAME, (leaf) => {
2 years ago
return new MainMapView(leaf, this.settings, this);
3 years ago
});
2 years ago
this.editorLinkReplacePlugin = getLinkReplaceEditorPlugin(this);
this.registerEditorExtension(this.editorLinkReplacePlugin);
2 years ago
// Currently not in use; the feature is frozen until I have the time to work on its various quirks
// this.registerView(consts.MINI_MAP_VIEW_NAME, (leaf: WorkspaceLeaf) => {
// return new MiniMapView(leaf, this.settings, this);
// });
1 year ago
this.registerObsidianProtocolHandler('mapview', (params) => __awaiter(this, void 0, void 0, function* () {
var _a;
if (params.action === 'mapview') {
if (params.mvaction === 'showonmap') {
const location = params.centerLat && params.centerLng
? new leafletSrc.LatLng(parseFloat(params.centerLat), parseFloat(params.centerLng))
: null;
const accuracy = params.accuracy;
const source = (_a = params === null || params === void 0 ? void 0 : params.source) !== null && _a !== void 0 ? _a : 'unknown';
const map = yield this.openMap('replaceCurrent', null);
if (map) {
map.mapContainer.setRealTimeLocation(location, parseFloat(accuracy), source, true);
2 years ago
}
}
1 year ago
else if (params.mvaction === 'newnotehere') {
const location = params.centerLat && params.centerLng
? new leafletSrc.LatLng(parseFloat(params.centerLat), parseFloat(params.centerLng))
: null;
if (location) {
this.newFrontMatterNote(location, null, '');
2 years ago
}
1 year ago
}
else if (params.mvaction === 'addtocurrentnotefm') {
const location = params.centerLat && params.centerLng
? new leafletSrc.LatLng(parseFloat(params.centerLat), parseFloat(params.centerLng))
: null;
const editor = yield getEditor(this.app);
if (location && editor) {
const locationString = `[${location.lat},${location.lng}]`;
verifyOrAddFrontMatter(editor, 'location', locationString);
2 years ago
}
1 year ago
}
else if (params.mvaction === 'addtocurrentnoteinline') {
const location = params.centerLat && params.centerLng
? new leafletSrc.LatLng(parseFloat(params.centerLat), parseFloat(params.centerLng))
: null;
const editor = yield getEditor(this.app);
insertLocationToEditor(location, editor, this.settings);
}
else if (params.mvaction === 'copyinlinelocation') {
new obsidian.Notice('Inline location copied to clipboard');
}
else {
const state = stateFromParsedUrl(params);
// If a saved URL is opened in another device on which there aren't the same sources, use
// the default source instead
if (state.chosenMapSource >=
this.settings.mapSources.length)
state.chosenMapSource =
DEFAULT_SETTINGS.defaultState.chosenMapSource;
this.openMapWithState(state, 'replaceCurrent', false);
}
}
}));
this.registerMarkdownCodeBlockProcessor('mapview', (source, el, ctx) => __awaiter(this, void 0, void 0, function* () {
let state = null;
try {
const rawStateObj = JSON.parse(source);
state = stateFromParsedUrl(rawStateObj);
}
catch (e) {
el.setText('Map View is unable to parse this saved state: ' +
e.toString());
}
if (state) {
// Allow templates in the embedded query, e.g. to automatically insert the file name
state.query = formatEmbeddedWithTemplates(state.query, ctx.sourcePath);
let map = new EmbeddedMap(el, ctx, this.app, this.settings, this);
yield map.open(state);
}
}));
2 years ago
this.registerMarkdownPostProcessor(replaceLinksPostProcessor(this));
3 years ago
this.suggestor = new LocationSuggest(this.app, this.settings);
3 years ago
this.tagSuggestor = new TagSuggest(this.app, this.settings);
3 years ago
this.urlConvertor = new UrlConvertor(this.app, this.settings);
this.registerEditorSuggest(this.suggestor);
3 years ago
this.registerEditorSuggest(this.tagSuggestor);
2 years ago
yield convertLegacySettings(this.settings, this);
this.iconCache = new IconCache(document.body);
2 years ago
this.mapPreviewPopup = null;
3 years ago
// Register commands to the command palette
// Command that opens the map view (same as clicking the map icon)
3 years ago
this.addCommand({
id: 'open-map-view',
name: 'Open Map View',
callback: () => {
3 years ago
this.app.workspace
.getLeaf()
.setViewState({ type: MAP_VIEW_NAME });
3 years ago
},
});
3 years ago
// Command that looks up the selected text to find the location
3 years ago
this.addCommand({
id: 'convert-selection-to-location',
name: 'Convert Selection to Geolocation',
editorCheckCallback: (checking, editor, view) => {
1 year ago
if (checking)
return editor.getSelection().length > 0;
3 years ago
this.suggestor.selectionToLink(editor);
3 years ago
},
3 years ago
});
3 years ago
// Command that adds a blank inline location at the cursor location
3 years ago
this.addCommand({
id: 'insert-geolink',
name: 'Add inline geolocation link',
3 years ago
editorCallback: (editor, view) => {
const positionBeforeInsert = editor.getCursor();
editor.replaceSelection('[](geo:)');
3 years ago
editor.setCursor({
line: positionBeforeInsert.line,
ch: positionBeforeInsert.ch + 1,
});
},
3 years ago
});
3 years ago
// Command that opens the location search dialog and creates a new note from this location
3 years ago
this.addCommand({
id: 'new-geolocation-note',
name: 'New geolocation note',
callback: () => {
1 year ago
const dialog = new LocationSearchDialog(this.app, this, this.settings, 'newNote', 'New geolocation note');
3 years ago
dialog.open();
3 years ago
},
3 years ago
});
3 years ago
// Command that opens the location search dialog and adds the location to the current note
this.addCommand({
id: 'add-frontmatter-geolocation',
name: 'Add geolocation (front matter) to current note',
editorCallback: (editor, view) => {
1 year ago
const dialog = new LocationSearchDialog(this.app, this, this.settings, 'addToNote', 'Add geolocation to note', editor);
dialog.open();
3 years ago
},
});
this.addCommand({
id: 'open-map-search',
name: 'Search active map view',
checkCallback: (checking) => {
const currentView = this.app.workspace.activeLeaf.view;
1 year ago
if (currentView &&
currentView.getViewType() == MAP_VIEW_NAME) {
if (!checking)
currentView.mapContainer.openSearch();
3 years ago
return true;
1 year ago
}
else
return false;
3 years ago
},
});
this.addCommand({
id: 'quick-map-embed',
name: 'Add an embedded map',
editorCallback: (editor, ctx) => {
this.openQuickEmbed(editor);
},
});
1 year ago
if (this.settings.supportRealTimeGeolocation) {
this.addCommand({
id: 'gps-focus-in-map-view',
name: 'GPS: find location and focus',
callback: () => {
askForLocation(this.settings, 'locate', 'showonmap');
},
});
this.addCommand({
id: 'gps-copy-inline-location',
name: 'GPS: copy inline location',
callback: () => {
askForLocation(this.settings, 'locate', 'copyinlinelocation');
},
});
this.addCommand({
id: 'gps-new-note-here',
name: 'GPS: new geolocation note',
callback: () => {
askForLocation(this.settings, 'locate', 'newnotehere');
},
});
this.addCommand({
id: 'gps-add-to-current-note-front-matter',
name: 'GPS: add geolocation (front matter) to current note',
editorCallback: () => {
askForLocation(this.settings, 'locate', 'addtocurrentnotefm');
},
});
this.addCommand({
id: 'gps-add-to-current-note-inline',
name: 'GPS: add geolocation (inline) at current position',
editorCallback: () => {
askForLocation(this.settings, 'locate', 'addtocurrentnoteinline');
},
});
}
3 years ago
this.addSettingTab(new SettingsTab(this.app, this));
2 years ago
// As part of geoLinkReplacers.ts, geolinks in notes are embedded with mouse events that
// override the default Obsidian behavior.
// We can only add these as strings, so to make this work, the functions that handle these mouse
// events need to be global.
// This one handles a geolink in a note.
1 year ago
window.handleMapViewGeoLink = (event, documentLocation, markerId, lat, lng) => {
2 years ago
event.preventDefault();
1 year ago
const location = new leafletSrc.LatLng(parseFloat(lat), parseFloat(lng));
this.openMapWithLocation(location, mouseEventToOpenMode(this.settings, event, 'openMap'), null, null, false, markerId);
2 years ago
};
// As part of geoLinkReplacers.ts, geolinks in notes are embedded with mouse events that
// override the default Obsidian behavior.
// We can only add these as strings, so to make this work, the functions that handle these mouse
// events need to be global.
// This one opens a map preview popup on mouse enter.
1 year ago
window.createMapPopup = (event, documentLocation, markerId, lat, lng) => {
if (!this.settings.showGeolinkPreview)
return;
2 years ago
if (this.mapPreviewPopup) {
this.mapPreviewPopup.close(event);
this.mapPreviewPopup = null;
}
// See the class comment in MapPreviewPopup.
// This is inefficient: the map is loaded every time a user hovers a link, which can be time-consuming
// for huge vaults.
1 year ago
this.mapPreviewPopup = new MapPreviewPopup(this.settings, this, this.app);
this.mapPreviewPopup.open(event, documentLocation, markerId, lat, lng);
2 years ago
};
// As part of geoLinkReplacers.ts, geolinks in notes are embedded with mouse events that
// override the default Obsidian behavior.
// We can only add these as strings, so to make this work, the functions that handle these mouse
// events need to be global.
// This one closes the map preview popup on mouse leave.
window.closeMapPopup = (event) => {
this.mapPreviewPopup.close(event);
};
3 years ago
// Add items to the file context menu (run when the context menu is built)
// This is the context menu in the File Explorer and clicking "More options" (three dots) from within a file.
1 year ago
this.app.workspace.on('file-menu', (menu, file, source, leaf) => this.onFileMenu(menu, file, source, leaf));
2 years ago
this.app.workspace.on('active-leaf-change', (leaf) => {
if (lastUsedLeaves.contains(leaf)) {
lastUsedLeaves.remove(leaf);
}
lastUsedLeaves.unshift(leaf);
});
2 years ago
// Currently frozen until I have time to work on this feature's quirks
// if (this.app.workspace.layoutReady) this.initMiniMap()
// else this.app.workspace.onLayoutReady(() => this.initMiniMap());
3 years ago
// Add items to the editor context menu (run when the context menu is built)
// This is the context menu when right clicking within an editor view.
2 years ago
this.app.workspace.on('editor-menu', (menu, editor, view) => {
this.onEditorMenu(menu, editor, view);
});
// Watch for pasted text and add a 'locations:' front matter where applicable if the user pastes
// an inline geolocation
this.app.workspace.on('editor-paste', (evt, editor) => {
if (this.settings.fixFrontMatterOnPaste) {
const text = evt.clipboardData.getData('text');
if (text) {
const inlineMatch = matchInlineLocation(text);
if (inlineMatch && inlineMatch.length > 0) {
// The pasted text contains an inline location, so try to help the user by verifying
// a frontmatter exists
1 year ago
if (verifyOrAddFrontMatterForInline(editor, this.settings)) {
new obsidian.Notice("The note's front matter was updated to denote locations are present");
}
}
}
}
});
3 years ago
});
}
findOpenMainView() {
const maps = this.app.workspace.getLeavesOfType(MAP_VIEW_NAME);
1 year ago
if (maps && maps.length > 0)
return maps[0];
else
return null;
}
openMap(openBehavior, state) {
3 years ago
return __awaiter(this, void 0, void 0, function* () {
// Find the best candidate for a leaf to open the map view on according to the required
// behavior.
3 years ago
let chosenLeaf = null;
// Prepare a few options for a candidate leaf
const openMapView = this.findOpenMainView();
const existingLeafToReplace = this.app.workspace.getLeaf(false);
const emptyLeaf = this.app.workspace.getLeavesOfType('empty');
let createPane = false;
let createTab = false;
switch (openBehavior) {
case 'replaceCurrent':
chosenLeaf = existingLeafToReplace;
1 year ago
if (!chosenLeaf && emptyLeaf)
chosenLeaf = emptyLeaf[0];
break;
case 'dedicatedPane':
chosenLeaf = openMapView;
1 year ago
if (!chosenLeaf)
createPane = true;
break;
case 'dedicatedTab':
chosenLeaf = openMapView;
1 year ago
if (!chosenLeaf)
createTab = true;
break;
case 'alwaysNewPane':
createPane = true;
break;
case 'alwaysNewTab':
createTab = true;
break;
2 years ago
case 'lastUsed':
throw Error('This option is not supported here');
}
1 year ago
if (createTab)
chosenLeaf = this.app.workspace.getLeaf('tab');
if (createPane)
1 year ago
chosenLeaf = this.app.workspace.getLeaf('split', this.settings.newPaneSplitDirection);
if (!chosenLeaf) {
chosenLeaf = this.app.workspace.getLeaf(true);
}
this.app.workspace.setActiveLeaf(chosenLeaf);
3 years ago
yield chosenLeaf.setViewState({
type: MAP_VIEW_NAME,
1 year ago
state: state !== null && state !== void 0 ? state : this.settings.defaultState,
3 years ago
});
1 year ago
if (chosenLeaf.view instanceof MainMapView)
return chosenLeaf.view;
2 years ago
return null;
});
}
1 year ago
openMapWithState(state, openBehavior, forceAutoFit, highlightFile = null, highlightFileLine = null, highlightMarkerId = null) {
2 years ago
return __awaiter(this, void 0, void 0, function* () {
const mapView = yield this.openMap(openBehavior, state);
2 years ago
if (mapView && mapView.mapContainer) {
const map = mapView.mapContainer;
1 year ago
if (forceAutoFit || state.autoFit)
map.autoFitMapToMarkers();
2 years ago
if (highlightFile) {
1 year ago
const markerToHighlight = map.findMarkerByFileLine(highlightFile, highlightFileLine);
2 years ago
map.setHighlight(markerToHighlight);
1 year ago
}
else if (highlightMarkerId) {
const markerToHighlight = map.findMarkerById(highlightMarkerId);
2 years ago
map.setHighlight(markerToHighlight);
2 years ago
}
3 years ago
}
3 years ago
});
}
2 years ago
/**
* Open an instance of the map at the given geolocation.
* The active query is cleared so we'll be sure that the location is actually displayed.
* @param location The geolocation to open the map at
* @param openBehavior the behavior to use
2 years ago
* @param file the file this location belongs to (for highlighting)
2 years ago
* @param fileLine the line in the file (if it's an inline link)
* @param keepZoom don't zoom the map
*/
1 year ago
openMapWithLocation(location, openBehavior, file = null, fileLine = null, keepZoom = false, markerIdToHighlight = null) {
2 years ago
return __awaiter(this, void 0, void 0, function* () {
let newState = {
mapCenter: location,
query: '',
};
if (!keepZoom)
1 year ago
newState = mergeStates(newState, {
2 years ago
mapZoom: this.settings.zoomOnGoFromNote,
});
1 year ago
yield this.openMapWithState(newState, openBehavior, false, file, fileLine, markerIdToHighlight);
2 years ago
});
}
3 years ago
/**
* Get the geolocation on the current editor line
* @param editor obsidian Editor instance
* @param view obsidian FileView instance
* @private
*/
2 years ago
getLocationOnEditorLine(editor, lineNumber, view, alsoFrontMatter) {
const line = editor.getLine(lineNumber);
3 years ago
const match = matchInlineLocation(line)[0];
let selectedLocation = null;
if (match)
1 year ago
selectedLocation = new leafletSrc.LatLng(parseFloat(match.groups.lat), parseFloat(match.groups.lng));
2 years ago
else if (alsoFrontMatter) {
3 years ago
const fmLocation = getFrontMatterLocation(view.file, this.app);
if (line.indexOf('location') > -1 && fmLocation)
selectedLocation = fmLocation;
}
if (selectedLocation) {
verifyLocation(selectedLocation);
return selectedLocation;
3 years ago
}
3 years ago
return null;
}
1 year ago
onunload() { }
3 years ago
/** Initialise the plugin settings from Obsidian's cache */
3 years ago
loadSettings() {
return __awaiter(this, void 0, void 0, function* () {
1 year ago
this.settings = Object.assign({}, structuredClone(DEFAULT_SETTINGS));
Object.assign(this.settings, yield this.loadData());
3 years ago
});
}
3 years ago
/** Save the plugin settings to Obsidian's cache so it can be reused later. */
3 years ago
saveSettings() {
return __awaiter(this, void 0, void 0, function* () {
yield this.saveData(this.settings);
});
3 years ago
}
2 years ago
initMiniMap() {
if (this.app.workspace.getLeavesOfType(MINI_MAP_VIEW_NAME).length)
return;
this.app.workspace
.getRightLeaf(false)
.setViewState({ type: MINI_MAP_VIEW_NAME });
}
onFileMenu(menu, file, _source, leaf) {
1 year ago
const editor = leaf && leaf.view instanceof obsidian.MarkdownView ? leaf.view.editor : null;
2 years ago
if (file instanceof obsidian.TFile) {
const location = getFrontMatterLocation(file, this.app);
if (location) {
// If there is a geolocation in the front matter of the file
// Add an option to open it in the map
addShowOnMap(menu, location, file, null, this, this.settings);
2 years ago
// Add an option to open it in the default app
addOpenWith(menu, location, this.settings);
1 year ago
}
else {
2 years ago
if (editor) {
// If there is no valid geolocation in the front matter, add a menu item to populate it.
1 year ago
addGeolocationToNote(menu, this.app, this, editor, this.settings);
2 years ago
}
}
2 years ago
if (isMobile(this.app)) {
// On mobile there's no editor context menu, so add it here instead
this.onEditorMenu(menu, editor, leaf.view);
}
addFocusNoteInMapView(menu, file, this.settings, this);
if (this.settings.debug)
addImport(menu, editor, this.app, this, this.settings);
}
2 years ago
}
onEditorMenu(menu, editor, view) {
1 year ago
if (!editor)
return;
2 years ago
if (view instanceof obsidian.FileView) {
let multiLineMode = false;
1 year ago
const [fromLine, toLine, geolocations] = this.geolocationsWithinSelection(editor, view);
2 years ago
if (geolocations.length > 0) {
multiLineMode = true;
1 year ago
addFocusLinesInMapView(menu, view.file, fromLine, toLine, geolocations.length, this, this.settings);
2 years ago
}
if (!multiLineMode) {
const editorLine = editor.getCursor().line;
1 year ago
const location = this.getLocationOnEditorLine(editor, editorLine, view, true);
2 years ago
if (location) {
2 years ago
const editorLine = editor.getCursor().line;
1 year ago
addShowOnMap(menu, location, view.file, editorLine, this, this.settings);
2 years ago
addOpenWith(menu, location, this.settings);
2 years ago
}
2 years ago
}
1 year ago
addUrlConversionItems(menu, editor, this.suggestor, this.urlConvertor, this.settings);
addEmbed(menu, this, editor);
2 years ago
}
}
geolocationsWithinSelection(editor, view) {
const editorSelections = editor.listSelections();
if (editorSelections && editorSelections.length > 0) {
const anchorLine = editorSelections[0].anchor.line;
const headLine = editorSelections[0].head.line;
if (anchorLine != headLine) {
const fromLine = Math.min(anchorLine, headLine);
const toLine = Math.max(anchorLine, headLine);
let geolocations = [];
for (let line = fromLine; line <= toLine; line++) {
1 year ago
const geolocationOnLine = this.getLocationOnEditorLine(editor, line, view, false);
if (geolocationOnLine)
geolocations.push(geolocationOnLine);
2 years ago
}
2 years ago
return [fromLine, toLine, geolocations];
2 years ago
}
2 years ago
}
return [null, null, []];
2 years ago
}
openQuickEmbed(editor) {
1 year ago
const searchDialog = new LocationSearchDialog(this.app, this, this.settings, 'custom', 'Quick Map Embed', editor);
searchDialog.customOnSelect = (selection, evt) => {
const state = mergeStates(this.settings.defaultState, {
mapCenter: selection.location,
});
if (state.mapZoom < MIN_QUICK_EMBED_ZOOM)
state.mapZoom = MIN_QUICK_EMBED_ZOOM;
const codeBlock = getCodeBlock(state);
const cursor = editor.getCursor();
editor.transaction({
changes: [{ from: cursor, text: codeBlock }],
});
editor.setCursor({
line: cursor.line + codeBlock.split('\n').length,
ch: 0,
});
};
1 year ago
searchDialog.setPlaceholder('Quick map embed: search for an address, landmark or business name to center the map on.');
searchDialog.open();
}
1 year ago
newFrontMatterNote(location, ev, query) {
return __awaiter(this, void 0, void 0, function* () {
const locationString = `${location.lat},${location.lng}`;
const newFileName = formatWithTemplates(this.settings.newNoteNameFormat, query);
const [file, cursorPos] = yield newNote(this.app, 'singleLocation', this.settings.newNotePath, newFileName, locationString, this.settings.newNoteTemplate);
// If there is an open map view, use it to decide how and where to open the file.
// Otherwise, open the file from the active leaf
const mapView = findOpenMapView(this.app);
if (mapView) {
mapView.mapContainer.goToFile(file, (ev === null || ev === void 0 ? void 0 : ev.ctrlKey) ? 'dedicatedPane' : 'replaceCurrent', (editor) => __awaiter(this, void 0, void 0, function* () { return goToEditorLocation(editor, cursorPos, false); }));
}
else {
const leaf = this.app.workspace.activeLeaf;
yield leaf.openFile(file);
const editor = yield getEditor(this.app);
if (editor)
yield goToEditorLocation(editor, cursorPos, false);
}
});
}
3 years ago
}
module.exports = MapViewPlugin;