carte et marqueurs. C'etait INTERMINABLE !!!
This commit is contained in:
camille
+13
@@ -0,0 +1,13 @@
|
||||
{
|
||||
"name": "parcoursup",
|
||||
"lockfileVersion": 3,
|
||||
"requires": true,
|
||||
"packages": {
|
||||
"node_modules/leaflet": {
|
||||
"version": "1.9.4",
|
||||
"resolved": "https://registry.npmjs.org/leaflet/-/leaflet-1.9.4.tgz",
|
||||
"integrity": "sha512-nxS1ynzJOmOlHp+iL3FyWqK89GtNL8U8rvlMOsQdTTssxZwCXh8N2NB3GDQOL+YR3XnWyZAxwQixURb+FA74PA==",
|
||||
"license": "BSD-2-Clause"
|
||||
}
|
||||
}
|
||||
}
|
||||
+2191
File diff suppressed because one or more lines are too long
+26
@@ -0,0 +1,26 @@
|
||||
BSD 2-Clause License
|
||||
|
||||
Copyright (c) 2010-2023, Volodymyr Agafonkin
|
||||
Copyright (c) 2010-2011, CloudMade
|
||||
All rights reserved.
|
||||
|
||||
Redistribution and use in source and binary forms, with or without
|
||||
modification, are permitted provided that the following conditions are met:
|
||||
|
||||
1. Redistributions of source code must retain the above copyright notice, this
|
||||
list of conditions and the following disclaimer.
|
||||
|
||||
2. Redistributions in binary form must reproduce the above copyright notice,
|
||||
this list of conditions and the following disclaimer in the documentation
|
||||
and/or other materials provided with the distribution.
|
||||
|
||||
THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS"
|
||||
AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE
|
||||
IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE
|
||||
DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT HOLDER OR CONTRIBUTORS BE LIABLE
|
||||
FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL
|
||||
DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR
|
||||
SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER
|
||||
CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY,
|
||||
OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
|
||||
OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
|
||||
+55
@@ -0,0 +1,55 @@
|
||||
Leaflet was created 11 years ago by [Volodymyr Agafonkin](https://agafonkin.com), a Ukrainian citizen living in Kyiv.
|
||||
|
||||
Russian bombs are now falling over Volodymyr's hometown. His family, his friends, his neighbours, thousands and thousands of absolutely wonderful people, are either seeking refuge or fighting for their lives.
|
||||
|
||||
The Russian soldiers have already killed tens of thousands of civilians, including women and children, and are committing mass war crimes like gang rapes, executions, looting, and targeted bombings of civilian shelters and places of cultural significance. The death toll keeps rising, and Ukraine needs your help.
|
||||
|
||||
As Volodymyr [expressed a few days before the invasion](https://twitter.com/LeafletJS/status/1496051256409919489):
|
||||
|
||||
> If you want to help, educate yourself and others on the Russian threat, follow reputable journalists, demand severe Russian sanctions and Ukrainian support from your leaders, protest war, reach out to Ukrainian friends, donate to Ukrainian charities. Just don't be silent.
|
||||
|
||||
Ukrainians are recommending the [Come Back Alive](https://savelife.in.ua/en/) charity. For other options, see [StandWithUkraine](https://stand-with-ukraine.pp.ua).
|
||||
|
||||
If an appeal to humanity doesn't work for you, I'll appeal to your egoism: the future of Ukrainian citizens is the future of Leaflet.
|
||||
|
||||
It is chilling to see Leaflet being used for [documenting Russia's war crimes](https://ukraine.bellingcat.com/), [factual reporting of the war](https://liveuamap.com/) and for coordination of humanitarian efforts [in Romania](https://refugees.ro/) and [in Poland](https://dopomoha.pl/). We commend these uses of Leaflet.
|
||||
|
||||
If you support the actions of the Russian government (even after reading all this), do everyone else a favour and [carry some seeds in your pocket](https://www.theguardian.com/world/video/2022/feb/25/ukrainian-woman-sunflower-seeds-russian-soldiers-video).
|
||||
|
||||
Yours truly,<br>
|
||||
Leaflet maintainers.
|
||||
|
||||
---
|
||||
|
||||
<img width="600" src="https://rawgit.com/Leaflet/Leaflet/main/src/images/logo.svg" alt="Leaflet" />
|
||||
|
||||
Leaflet is the leading open-source JavaScript library for **mobile-friendly interactive maps**.
|
||||
Weighing just about 39 KB of gzipped JS plus 4 KB of gzipped CSS code, it has all the mapping [features][] most developers ever need.
|
||||
|
||||
Leaflet is designed with *simplicity*, *performance* and *usability* in mind.
|
||||
It works efficiently across all major desktop and mobile platforms out of the box,
|
||||
taking advantage of HTML5 and CSS3 on modern browsers while being accessible on older ones too.
|
||||
It can be extended with a huge amount of [plugins][],
|
||||
has a beautiful, easy to use and [well-documented][] API
|
||||
and a simple, readable [source code][] that is a joy to [contribute][] to.
|
||||
|
||||
For more info, docs and tutorials, check out the [official website][].<br>
|
||||
For **Leaflet downloads** (including the built main version), check out the [download page][].
|
||||
|
||||
We're happy to meet new contributors.
|
||||
If you want to **get involved** with Leaflet development, check out the [contribution guide][contribute].
|
||||
Let's make the best mapping library that will ever exist,
|
||||
and push the limits of what's possible with online maps!
|
||||
|
||||
[](https://github.com/Leaflet/Leaflet/actions/workflows/main.yml)
|
||||
|
||||
[contributors]: https://github.com/Leaflet/Leaflet/graphs/contributors
|
||||
[features]: http://leafletjs.com/#features
|
||||
[plugins]: http://leafletjs.com/plugins.html
|
||||
[well-documented]: http://leafletjs.com/reference.html "Leaflet API reference"
|
||||
[source code]: https://github.com/Leaflet/Leaflet "Leaflet GitHub repository"
|
||||
[hosted on GitHub]: http://github.com/Leaflet/Leaflet
|
||||
[contribute]: https://github.com/Leaflet/Leaflet/blob/main/CONTRIBUTING.md "A guide to contributing to Leaflet"
|
||||
[official website]: http://leafletjs.com
|
||||
[download page]: http://leafletjs.com/download.html
|
||||
|
||||
BIN
Binary file not shown.
|
After Width: | Height: | Size: 1.2 KiB |
BIN
Binary file not shown.
|
After Width: | Height: | Size: 696 B |
BIN
Binary file not shown.
|
After Width: | Height: | Size: 2.4 KiB |
BIN
Binary file not shown.
|
After Width: | Height: | Size: 1.4 KiB |
BIN
Binary file not shown.
|
After Width: | Height: | Size: 618 B |
+14419
File diff suppressed because it is too large
Load Diff
+1
File diff suppressed because one or more lines are too long
+14512
File diff suppressed because it is too large
Load Diff
+1
File diff suppressed because one or more lines are too long
+661
File diff suppressed because it is too large
Load Diff
+6
File diff suppressed because one or more lines are too long
+1
File diff suppressed because one or more lines are too long
+149
@@ -0,0 +1,149 @@
|
||||
{
|
||||
"name": "leaflet",
|
||||
"version": "1.9.4",
|
||||
"homepage": "https://leafletjs.com/",
|
||||
"description": "JavaScript library for mobile-friendly interactive maps",
|
||||
"devDependencies": {
|
||||
"@mapbox/eslint-plugin-script-tags": "^1.0.0",
|
||||
"@rollup/plugin-json": "^4.1.0",
|
||||
"bundlemon": "^1.4.0",
|
||||
"eslint": "^8.23.0",
|
||||
"eslint-config-mourner": "^2.0.3",
|
||||
"git-rev-sync": "^3.0.2",
|
||||
"happen": "~0.3.2",
|
||||
"husky": "^8.0.1",
|
||||
"karma": "^6.4.0",
|
||||
"karma-chrome-launcher": "^3.1.1",
|
||||
"karma-edge-launcher": "^0.4.2",
|
||||
"karma-expect": "^1.1.3",
|
||||
"karma-firefox-launcher": "^2.1.2",
|
||||
"karma-ie-launcher": "^1.0.0",
|
||||
"karma-mocha": "^2.0.1",
|
||||
"karma-rollup-preprocessor": "^7.0.8",
|
||||
"karma-safari-launcher": "~1.0.0",
|
||||
"karma-sinon": "^1.0.5",
|
||||
"leafdoc": "^2.3.0",
|
||||
"lint-staged": "^13.0.3",
|
||||
"mocha": "^9.2.2",
|
||||
"prosthetic-hand": "^1.4.0",
|
||||
"rollup": "^2.78.1",
|
||||
"rollup-plugin-git-version": "^0.3.1",
|
||||
"sinon": "^7.5.0",
|
||||
"ssri": "^9.0.1",
|
||||
"uglify-js": "^3.17.0"
|
||||
},
|
||||
"main": "dist/leaflet-src.js",
|
||||
"style": "dist/leaflet.css",
|
||||
"files": [
|
||||
"dist",
|
||||
"src",
|
||||
"!dist/leaflet.zip",
|
||||
"!*.leafdoc",
|
||||
"CHANGELOG.md"
|
||||
],
|
||||
"scripts": {
|
||||
"docs": "node ./build/docs.js && node ./build/integrity.js",
|
||||
"test": "karma start ./spec/karma.conf.js",
|
||||
"build": "npm run rollup && npm run uglify",
|
||||
"lint": "eslint .",
|
||||
"lintfix": "npm run lint -- --fix",
|
||||
"rollup": "rollup -c build/rollup-config.js",
|
||||
"watch": "rollup -w -c build/rollup-config.js",
|
||||
"uglify": "uglifyjs dist/leaflet-src.js -c -m -o dist/leaflet.js --source-map filename=dist/leaflet.js.map --source-map content=dist/leaflet-src.js.map --source-map url=leaflet.js.map --comments",
|
||||
"bundlemon": "bundlemon --subProject js --defaultCompression none && bundlemon --subProject js-gzip --defaultCompression gzip",
|
||||
"serve": "cd docs && bundle exec jekyll serve",
|
||||
"prepare": "husky install"
|
||||
},
|
||||
"eslintConfig": {
|
||||
"ignorePatterns": [
|
||||
"dist",
|
||||
"debug",
|
||||
"docs/docs/highlight",
|
||||
"docs/examples/choropleth/us-states.js",
|
||||
"docs/examples/geojson/sample-geojson.js",
|
||||
"docs/examples/map-panes/eu-countries.js",
|
||||
"docs/examples/extending/extending-2-layers.md",
|
||||
"docs/_posts/2012*",
|
||||
"docs/_site",
|
||||
"build/integrity.js"
|
||||
],
|
||||
"root": true,
|
||||
"env": {
|
||||
"commonjs": true,
|
||||
"amd": true,
|
||||
"node": false
|
||||
},
|
||||
"extends": "mourner",
|
||||
"plugins": [
|
||||
"@mapbox/eslint-plugin-script-tags"
|
||||
],
|
||||
"parserOptions": {
|
||||
"ecmaVersion": 6,
|
||||
"sourceType": "module"
|
||||
},
|
||||
"rules": {
|
||||
"linebreak-style": [
|
||||
0,
|
||||
"unix"
|
||||
],
|
||||
"no-mixed-spaces-and-tabs": [
|
||||
2,
|
||||
"smart-tabs"
|
||||
],
|
||||
"indent": [
|
||||
2,
|
||||
"tab",
|
||||
{
|
||||
"VariableDeclarator": 0,
|
||||
"flatTernaryExpressions": true
|
||||
}
|
||||
],
|
||||
"curly": 2,
|
||||
"spaced-comment": 2,
|
||||
"strict": 0,
|
||||
"wrap-iife": 0,
|
||||
"key-spacing": 0,
|
||||
"consistent-return": 0,
|
||||
"no-unused-expressions": [
|
||||
"error",
|
||||
{
|
||||
"allowShortCircuit": true
|
||||
}
|
||||
]
|
||||
},
|
||||
"overrides": [
|
||||
{
|
||||
"files": [
|
||||
"build/**/*"
|
||||
],
|
||||
"env": {
|
||||
"node": true
|
||||
},
|
||||
"rules": {
|
||||
"global-require": 0
|
||||
}
|
||||
},
|
||||
{
|
||||
"files": [
|
||||
"*.md"
|
||||
],
|
||||
"rules": {
|
||||
"eol-last": 0,
|
||||
"no-unused-vars": 0
|
||||
}
|
||||
}
|
||||
]
|
||||
},
|
||||
"repository": {
|
||||
"type": "git",
|
||||
"url": "git://github.com/Leaflet/Leaflet.git"
|
||||
},
|
||||
"keywords": [
|
||||
"gis",
|
||||
"map"
|
||||
],
|
||||
"license": "BSD-2-Clause",
|
||||
"lint-staged": {
|
||||
"*.(js|md)": "eslint --cache --fix"
|
||||
}
|
||||
}
|
||||
+24
@@ -0,0 +1,24 @@
|
||||
|
||||
import {version} from '../package.json';
|
||||
export {version};
|
||||
|
||||
// control
|
||||
export * from './control/index';
|
||||
|
||||
// core
|
||||
export * from './core/index';
|
||||
|
||||
// dom
|
||||
export * from './dom/index';
|
||||
|
||||
// geometry
|
||||
export * from './geometry/index';
|
||||
|
||||
// geo
|
||||
export * from './geo/index';
|
||||
|
||||
// layer
|
||||
export * from './layer/index';
|
||||
|
||||
// map
|
||||
export * from './map/index';
|
||||
+148
@@ -0,0 +1,148 @@
|
||||
|
||||
import {Control} from './Control';
|
||||
import {Map} from '../map/Map';
|
||||
import * as Util from '../core/Util';
|
||||
import * as DomEvent from '../dom/DomEvent';
|
||||
import * as DomUtil from '../dom/DomUtil';
|
||||
import Browser from '../core/Browser';
|
||||
|
||||
var ukrainianFlag = '<svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="12" height="8" viewBox="0 0 12 8" class="leaflet-attribution-flag"><path fill="#4C7BE1" d="M0 0h12v4H0z"/><path fill="#FFD500" d="M0 4h12v3H0z"/><path fill="#E0BC00" d="M0 7h12v1H0z"/></svg>';
|
||||
|
||||
|
||||
/*
|
||||
* @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.
|
||||
*/
|
||||
|
||||
export var Attribution = Control.extend({
|
||||
// @section
|
||||
// @aka Control.Attribution options
|
||||
options: {
|
||||
position: 'bottomright',
|
||||
|
||||
// @option prefix: String|false = 'Leaflet'
|
||||
// The HTML text shown before the attributions. Pass `false` to disable.
|
||||
prefix: '<a href="https://leafletjs.com" title="A JavaScript library for interactive maps">' + (Browser.inlineSvg ? ukrainianFlag + ' ' : '') + 'Leaflet</a>'
|
||||
},
|
||||
|
||||
initialize: function (options) {
|
||||
Util.setOptions(this, options);
|
||||
|
||||
this._attributions = {};
|
||||
},
|
||||
|
||||
onAdd: function (map) {
|
||||
map.attributionControl = this;
|
||||
this._container = DomUtil.create('div', 'leaflet-control-attribution');
|
||||
DomEvent.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();
|
||||
|
||||
map.on('layeradd', this._addAttribution, this);
|
||||
|
||||
return this._container;
|
||||
},
|
||||
|
||||
onRemove: function (map) {
|
||||
map.off('layeradd', this._addAttribution, this);
|
||||
},
|
||||
|
||||
_addAttribution: function (ev) {
|
||||
if (ev.layer.getAttribution) {
|
||||
this.addAttribution(ev.layer.getAttribution());
|
||||
ev.layer.once('remove', function () {
|
||||
this.removeAttribution(ev.layer.getAttribution());
|
||||
}, this);
|
||||
}
|
||||
},
|
||||
|
||||
// @method setPrefix(prefix: String|false): this
|
||||
// The HTML text shown before the attributions. Pass `false` to disable.
|
||||
setPrefix: function (prefix) {
|
||||
this.options.prefix = prefix;
|
||||
this._update();
|
||||
return this;
|
||||
},
|
||||
|
||||
// @method addAttribution(text: String): this
|
||||
// Adds an attribution text (e.g. `'© OpenStreetMap contributors'`).
|
||||
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(' <span aria-hidden="true">|</span> ');
|
||||
}
|
||||
});
|
||||
|
||||
// @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.
|
||||
export var attribution = function (options) {
|
||||
return new Attribution(options);
|
||||
};
|
||||
+443
@@ -0,0 +1,443 @@
|
||||
|
||||
import {Control} from './Control';
|
||||
import * as Util from '../core/Util';
|
||||
import * as DomEvent from '../dom/DomEvent';
|
||||
import * as DomUtil from '../dom/DomUtil';
|
||||
|
||||
/*
|
||||
* @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](https://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}
|
||||
* ```
|
||||
*/
|
||||
|
||||
export 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, touch, or keyboard activation.
|
||||
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) {
|
||||
Util.setOptions(this, options);
|
||||
|
||||
this._layerControlInputs = [];
|
||||
this._layers = [];
|
||||
this._lastZIndex = 0;
|
||||
this._handlingClick = false;
|
||||
this._preventClick = 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(Util.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 () {
|
||||
DomUtil.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) {
|
||||
DomUtil.addClass(this._section, 'leaflet-control-layers-scrollbar');
|
||||
this._section.style.height = acceptableHeight + 'px';
|
||||
} else {
|
||||
DomUtil.removeClass(this._section, 'leaflet-control-layers-scrollbar');
|
||||
}
|
||||
this._checkDisabledLayers();
|
||||
return this;
|
||||
},
|
||||
|
||||
// @method collapse(): this
|
||||
// Collapse the control container if expanded.
|
||||
collapse: function () {
|
||||
DomUtil.removeClass(this._container, 'leaflet-control-layers-expanded');
|
||||
return this;
|
||||
},
|
||||
|
||||
_initLayout: function () {
|
||||
var className = 'leaflet-control-layers',
|
||||
container = this._container = DomUtil.create('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);
|
||||
|
||||
DomEvent.disableClickPropagation(container);
|
||||
DomEvent.disableScrollPropagation(container);
|
||||
|
||||
var section = this._section = DomUtil.create('section', className + '-list');
|
||||
|
||||
if (collapsed) {
|
||||
this._map.on('click', this.collapse, this);
|
||||
|
||||
DomEvent.on(container, {
|
||||
mouseenter: this._expandSafely,
|
||||
mouseleave: this.collapse
|
||||
}, this);
|
||||
}
|
||||
|
||||
var link = this._layersLink = DomUtil.create('a', className + '-toggle', container);
|
||||
link.href = '#';
|
||||
link.title = 'Layers';
|
||||
link.setAttribute('role', 'button');
|
||||
|
||||
DomEvent.on(link, {
|
||||
keydown: function (e) {
|
||||
if (e.keyCode === 13) {
|
||||
this._expandSafely();
|
||||
}
|
||||
},
|
||||
// Certain screen readers intercept the key event and instead send a click event
|
||||
click: function (e) {
|
||||
DomEvent.preventDefault(e);
|
||||
this._expandSafely();
|
||||
}
|
||||
}, this);
|
||||
|
||||
if (!collapsed) {
|
||||
this.expand();
|
||||
}
|
||||
|
||||
this._baseLayersList = DomUtil.create('div', className + '-base', section);
|
||||
this._separator = DomUtil.create('div', className + '-separator', section);
|
||||
this._overlaysList = DomUtil.create('div', className + '-overlays', section);
|
||||
|
||||
container.appendChild(section);
|
||||
},
|
||||
|
||||
_getLayer: function (id) {
|
||||
for (var i = 0; i < this._layers.length; i++) {
|
||||
|
||||
if (this._layers[i] && Util.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(Util.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; }
|
||||
|
||||
DomUtil.empty(this._baseLayersList);
|
||||
DomUtil.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(Util.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 https://stackoverflow.com/a/119079)
|
||||
_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_' + Util.stamp(this), checked);
|
||||
}
|
||||
|
||||
this._layerControlInputs.push(input);
|
||||
input.layerId = Util.stamp(obj.layer);
|
||||
|
||||
DomEvent.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('span');
|
||||
|
||||
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 () {
|
||||
// expanding the control on mobile with a click can cause adding a layer - we don't want this
|
||||
if (this._preventClick) {
|
||||
return;
|
||||
}
|
||||
|
||||
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;
|
||||
},
|
||||
|
||||
_expandSafely: function () {
|
||||
var section = this._section;
|
||||
this._preventClick = true;
|
||||
DomEvent.on(section, 'click', DomEvent.preventDefault);
|
||||
this.expand();
|
||||
var that = this;
|
||||
setTimeout(function () {
|
||||
DomEvent.off(section, 'click', DomEvent.preventDefault);
|
||||
that._preventClick = false;
|
||||
});
|
||||
}
|
||||
|
||||
});
|
||||
|
||||
|
||||
// @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.
|
||||
export var layers = function (baseLayers, overlays, options) {
|
||||
return new Layers(baseLayers, overlays, options);
|
||||
};
|
||||
+132
@@ -0,0 +1,132 @@
|
||||
|
||||
import {Control} from './Control';
|
||||
import * as DomUtil from '../dom/DomUtil';
|
||||
|
||||
/*
|
||||
* @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);
|
||||
* ```
|
||||
*/
|
||||
|
||||
export 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 = DomUtil.create('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 = DomUtil.create('div', className, container);
|
||||
}
|
||||
if (options.imperial) {
|
||||
this._iScale = DomUtil.create('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.
|
||||
export var scale = function (options) {
|
||||
return new Scale(options);
|
||||
};
|
||||
+146
@@ -0,0 +1,146 @@
|
||||
|
||||
import {Control} from './Control';
|
||||
import {Map} from '../map/Map';
|
||||
import * as DomUtil from '../dom/DomUtil';
|
||||
import * as DomEvent from '../dom/DomEvent';
|
||||
|
||||
/*
|
||||
* @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`.
|
||||
*/
|
||||
|
||||
export var Zoom = Control.extend({
|
||||
// @section
|
||||
// @aka Control.Zoom options
|
||||
options: {
|
||||
position: 'topleft',
|
||||
|
||||
// @option zoomInText: String = '<span aria-hidden="true">+</span>'
|
||||
// The text set on the 'zoom in' button.
|
||||
zoomInText: '<span aria-hidden="true">+</span>',
|
||||
|
||||
// @option zoomInTitle: String = 'Zoom in'
|
||||
// The title set on the 'zoom in' button.
|
||||
zoomInTitle: 'Zoom in',
|
||||
|
||||
// @option zoomOutText: String = '<span aria-hidden="true">−</span>'
|
||||
// The text set on the 'zoom out' button.
|
||||
zoomOutText: '<span aria-hidden="true">−</span>',
|
||||
|
||||
// @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 = DomUtil.create('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 = DomUtil.create('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);
|
||||
|
||||
DomEvent.disableClickPropagation(link);
|
||||
DomEvent.on(link, 'click', DomEvent.stop);
|
||||
DomEvent.on(link, 'click', fn, this);
|
||||
DomEvent.on(link, 'click', this._refocusOnMap, this);
|
||||
|
||||
return link;
|
||||
},
|
||||
|
||||
_updateDisabled: function () {
|
||||
var map = this._map,
|
||||
className = 'leaflet-disabled';
|
||||
|
||||
DomUtil.removeClass(this._zoomInButton, className);
|
||||
DomUtil.removeClass(this._zoomOutButton, className);
|
||||
this._zoomInButton.setAttribute('aria-disabled', 'false');
|
||||
this._zoomOutButton.setAttribute('aria-disabled', 'false');
|
||||
|
||||
if (this._disabled || map._zoom === map.getMinZoom()) {
|
||||
DomUtil.addClass(this._zoomOutButton, className);
|
||||
this._zoomOutButton.setAttribute('aria-disabled', 'true');
|
||||
}
|
||||
if (this._disabled || map._zoom === map.getMaxZoom()) {
|
||||
DomUtil.addClass(this._zoomInButton, className);
|
||||
this._zoomInButton.setAttribute('aria-disabled', 'true');
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
// @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
|
||||
export var zoom = function (options) {
|
||||
return new Zoom(options);
|
||||
};
|
||||
+174
@@ -0,0 +1,174 @@
|
||||
|
||||
import {Class} from '../core/Class';
|
||||
import {Map} from '../map/Map';
|
||||
import * as Util from '../core/Util';
|
||||
import * as DomUtil from '../dom/DomUtil';
|
||||
|
||||
/*
|
||||
* @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.
|
||||
*/
|
||||
|
||||
export 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) {
|
||||
Util.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];
|
||||
|
||||
DomUtil.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;
|
||||
}
|
||||
|
||||
DomUtil.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();
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
export 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 =
|
||||
DomUtil.create('div', l + 'control-container', this._container);
|
||||
|
||||
function createCorner(vSide, hSide) {
|
||||
var className = l + vSide + ' ' + l + hSide;
|
||||
|
||||
corners[vSide + hSide] = DomUtil.create('div', className, container);
|
||||
}
|
||||
|
||||
createCorner('top', 'left');
|
||||
createCorner('top', 'right');
|
||||
createCorner('bottom', 'left');
|
||||
createCorner('bottom', 'right');
|
||||
},
|
||||
|
||||
_clearControlPos: function () {
|
||||
for (var i in this._controlCorners) {
|
||||
DomUtil.remove(this._controlCorners[i]);
|
||||
}
|
||||
DomUtil.remove(this._controlContainer);
|
||||
delete this._controlCorners;
|
||||
delete this._controlContainer;
|
||||
}
|
||||
});
|
||||
+17
@@ -0,0 +1,17 @@
|
||||
import {Control, control} from './Control';
|
||||
import {Layers, layers} from './Control.Layers';
|
||||
import {Zoom, zoom} from './Control.Zoom';
|
||||
import {Scale, scale} from './Control.Scale';
|
||||
import {Attribution, attribution} from './Control.Attribution';
|
||||
|
||||
Control.Layers = Layers;
|
||||
Control.Zoom = Zoom;
|
||||
Control.Scale = Scale;
|
||||
Control.Attribution = Attribution;
|
||||
|
||||
control.layers = layers;
|
||||
control.zoom = zoom;
|
||||
control.scale = scale;
|
||||
control.attribution = attribution;
|
||||
|
||||
export {Control, control};
|
||||
+220
@@ -0,0 +1,220 @@
|
||||
import * as Util from './Util';
|
||||
import {svgCreate} from '../layer/vector/SVG.Util';
|
||||
|
||||
/*
|
||||
* @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 = 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
|
||||
// **Deprecated.** `true` for any browser running on an Android platform.
|
||||
var android = userAgentContains('android');
|
||||
|
||||
// @property android23: Boolean; **Deprecated.** `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; **Deprecated.** `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;
|
||||
|
||||
// @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);
|
||||
|
||||
// @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;
|
||||
|
||||
// @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 touchNative: 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 touchNative = 'ontouchstart' in window || !!window.TouchEvent;
|
||||
|
||||
// @property touch: Boolean
|
||||
// `true` for all browsers supporting either [touch](#browser-touch) or [pointer](#browser-pointer) events.
|
||||
// Note: pointer events will be preferred (if available), and processed for all `touch*` listeners.
|
||||
var touch = !window.L_NO_TOUCH && (touchNative || pointer);
|
||||
|
||||
// @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', Util.falseFn, opts);
|
||||
window.removeEventListener('testPassiveEventSupport', Util.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);
|
||||
|
||||
var inlineSvg = !!svg && (function () {
|
||||
var div = document.createElement('div');
|
||||
div.innerHTML = '<svg/>';
|
||||
return (div.firstChild && div.firstChild.namespaceURI) === 'http://www.w3.org/2000/svg';
|
||||
})();
|
||||
|
||||
// @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;
|
||||
}
|
||||
}());
|
||||
|
||||
|
||||
// @property mac: Boolean; `true` when the browser is running in a Mac platform
|
||||
var mac = navigator.platform.indexOf('Mac') === 0;
|
||||
|
||||
// @property mac: Boolean; `true` when the browser is running in a Linux platform
|
||||
var linux = navigator.platform.indexOf('Linux') === 0;
|
||||
|
||||
function userAgentContains(str) {
|
||||
return navigator.userAgent.toLowerCase().indexOf(str) >= 0;
|
||||
}
|
||||
|
||||
|
||||
export default {
|
||||
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,
|
||||
touchNative: touchNative,
|
||||
mobileOpera: mobileOpera,
|
||||
mobileGecko: mobileGecko,
|
||||
retina: retina,
|
||||
passiveEvents: passiveEvents,
|
||||
canvas: canvas,
|
||||
svg: svg,
|
||||
vml: vml,
|
||||
inlineSvg: inlineSvg,
|
||||
mac: mac,
|
||||
linux: linux
|
||||
};
|
||||
+135
@@ -0,0 +1,135 @@
|
||||
import * as Util from './Util';
|
||||
|
||||
// @class Class
|
||||
// @aka L.Class
|
||||
|
||||
// @section
|
||||
// @uninheritable
|
||||
|
||||
// Thanks to John Resig and Dean Edwards for inspiration!
|
||||
|
||||
export 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 () {
|
||||
|
||||
Util.setOptions(this);
|
||||
|
||||
// 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 = Util.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) {
|
||||
Util.extend(NewClass, props.statics);
|
||||
}
|
||||
|
||||
// mix includes into the prototype
|
||||
if (props.includes) {
|
||||
checkDeprecatedMixinEvents(props.includes);
|
||||
Util.extend.apply(null, [proto].concat(props.includes));
|
||||
}
|
||||
|
||||
// mix given properties into the prototype
|
||||
Util.extend(proto, props);
|
||||
delete proto.statics;
|
||||
delete proto.includes;
|
||||
|
||||
// merge options
|
||||
if (proto.options) {
|
||||
proto.options = parentProto.options ? Util.create(parentProto.options) : {};
|
||||
Util.extend(proto.options, props.options);
|
||||
}
|
||||
|
||||
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) {
|
||||
var parentOptions = this.prototype.options;
|
||||
Util.extend(this.prototype, props);
|
||||
if (props.options) {
|
||||
this.prototype.options = parentOptions;
|
||||
this.mergeOptions(props.options);
|
||||
}
|
||||
return this;
|
||||
};
|
||||
|
||||
// @function mergeOptions(options: Object): this
|
||||
// [Merges `options`](#class-options) into the defaults of the class.
|
||||
Class.mergeOptions = function (options) {
|
||||
Util.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) {
|
||||
/* global L: true */
|
||||
if (typeof L === 'undefined' || !L || !L.Mixin) { return; }
|
||||
|
||||
includes = Util.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);
|
||||
}
|
||||
}
|
||||
}
|
||||
+197
@@ -0,0 +1,197 @@
|
||||
|
||||
@class Class
|
||||
@aka L.Class
|
||||
|
||||
L.Class powers the OOP facilities of Leaflet and is used to create almost all of the Leaflet classes documented here.
|
||||
|
||||
In addition to implementing a simple classical inheritance model, it introduces several special properties for convenient code organization — options, includes and statics.
|
||||
|
||||
|
||||
@example
|
||||
|
||||
```js
|
||||
var MyClass = L.Class.extend({
|
||||
initialize: function (greeter) {
|
||||
this.greeter = greeter;
|
||||
// class constructor
|
||||
},
|
||||
|
||||
greet: function (name) {
|
||||
alert(this.greeter + ', ' + name)
|
||||
}
|
||||
});
|
||||
|
||||
// create instance of MyClass, passing "Hello" to the constructor
|
||||
var a = new MyClass("Hello");
|
||||
|
||||
// call greet method, alerting "Hello, World"
|
||||
a.greet("World");
|
||||
```
|
||||
|
||||
@section Class Factories
|
||||
@example
|
||||
|
||||
You may have noticed that Leaflet objects are created without using
|
||||
the `new` keyword. This is achieved by complementing each class with a
|
||||
lowercase factory method:
|
||||
|
||||
```js
|
||||
new L.Map('map'); // becomes:
|
||||
L.map('map');
|
||||
```
|
||||
|
||||
The factories are implemented very easily, and you can do this for your own classes:
|
||||
|
||||
```js
|
||||
L.map = function (id, options) {
|
||||
return new L.Map(id, options);
|
||||
};
|
||||
```
|
||||
@section Inheritance
|
||||
@example
|
||||
|
||||
You use L.Class.extend to define new classes, but you can use the same method on any class to inherit from it:
|
||||
|
||||
```js
|
||||
var MyChildClass = MyClass.extend({
|
||||
// ... new properties and methods
|
||||
});
|
||||
```
|
||||
|
||||
This will create a class that inherits all methods and properties of the parent class (through a proper prototype chain), adding or overriding the ones you pass to extend. It will also properly react to instanceof:
|
||||
|
||||
```js
|
||||
var a = new MyChildClass();
|
||||
a instanceof MyChildClass; // true
|
||||
a instanceof MyClass; // true
|
||||
```
|
||||
|
||||
You can call parent methods (including constructor) from corresponding child ones (as you do with super calls in other languages) by accessing parent class prototype and using JavaScript's call or apply:
|
||||
|
||||
```
|
||||
var MyChildClass = MyClass.extend({
|
||||
initialize: function () {
|
||||
MyClass.prototype.initialize.call(this, "Yo");
|
||||
},
|
||||
|
||||
greet: function (name) {
|
||||
MyClass.prototype.greet.call(this, 'bro ' + name + '!');
|
||||
}
|
||||
});
|
||||
|
||||
var a = new MyChildClass();
|
||||
a.greet('Jason'); // alerts "Yo, bro Jason!"
|
||||
```
|
||||
|
||||
@section Options
|
||||
@example
|
||||
|
||||
`options` is a special property that unlike other objects that you pass
|
||||
to `extend` will be merged with the parent one instead of overriding it
|
||||
completely, which makes managing configuration of objects and default
|
||||
values convenient:
|
||||
|
||||
```js
|
||||
var MyClass = L.Class.extend({
|
||||
options: {
|
||||
myOption1: 'foo',
|
||||
myOption2: 'bar'
|
||||
}
|
||||
});
|
||||
|
||||
var MyChildClass = MyClass.extend({
|
||||
options: {
|
||||
myOption1: 'baz',
|
||||
myOption3: 5
|
||||
}
|
||||
});
|
||||
|
||||
var a = new MyChildClass();
|
||||
a.options.myOption1; // 'baz'
|
||||
a.options.myOption2; // 'bar'
|
||||
a.options.myOption3; // 5
|
||||
```
|
||||
|
||||
There's also [`L.Util.setOptions`](#util-setoptions), a method for
|
||||
conveniently merging options passed to constructor with the defaults
|
||||
defines in the class:
|
||||
|
||||
```js
|
||||
var MyClass = L.Class.extend({
|
||||
options: {
|
||||
foo: 'bar',
|
||||
bla: 5
|
||||
},
|
||||
|
||||
initialize: function (options) {
|
||||
L.Util.setOptions(this, options);
|
||||
...
|
||||
}
|
||||
});
|
||||
|
||||
var a = new MyClass({bla: 10});
|
||||
a.options; // {foo: 'bar', bla: 10}
|
||||
```
|
||||
|
||||
Note that the options object allows any keys, not just
|
||||
the options defined by the class and its base classes.
|
||||
This means you can use the options object to store
|
||||
application specific information, as long as you avoid
|
||||
keys that are already used by the class in question.
|
||||
|
||||
@section Includes
|
||||
@example
|
||||
|
||||
`includes` is a special class property that merges all specified objects into the class (such objects are called mixins).
|
||||
|
||||
```js
|
||||
var MyMixin = {
|
||||
foo: function () { ... },
|
||||
bar: 5
|
||||
};
|
||||
|
||||
var MyClass = L.Class.extend({
|
||||
includes: MyMixin
|
||||
});
|
||||
|
||||
var a = new MyClass();
|
||||
a.foo();
|
||||
```
|
||||
|
||||
You can also do such includes in runtime with the `include` method:
|
||||
|
||||
```js
|
||||
MyClass.include(MyMixin);
|
||||
```
|
||||
|
||||
`statics` is just a convenience property that injects specified object properties as the static properties of the class, useful for defining constants:
|
||||
|
||||
```js
|
||||
var MyClass = L.Class.extend({
|
||||
statics: {
|
||||
FOO: 'bar',
|
||||
BLA: 5
|
||||
}
|
||||
});
|
||||
|
||||
MyClass.FOO; // 'bar'
|
||||
```
|
||||
|
||||
|
||||
@section Constructor hooks
|
||||
@example
|
||||
|
||||
If you're a plugin developer, you often need to add additional initialization code to existing classes (e.g. editing hooks for `L.Polyline`). Leaflet comes with a way to do it easily using the `addInitHook` method:
|
||||
|
||||
```js
|
||||
MyClass.addInitHook(function () {
|
||||
// ... do something in constructor additionally
|
||||
// e.g. add event listeners, set custom properties etc.
|
||||
});
|
||||
```
|
||||
|
||||
You can also use the following shortcut when you just need to make one additional method call:
|
||||
|
||||
```js
|
||||
MyClass.addInitHook('methodName', arg1, arg2, …);
|
||||
```
|
||||
+344
@@ -0,0 +1,344 @@
|
||||
import {Class} from './Class';
|
||||
import * as Util from './Util';
|
||||
|
||||
/*
|
||||
* @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);
|
||||
* ```
|
||||
*/
|
||||
|
||||
export 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 = Util.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 (!arguments.length) {
|
||||
// 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 = Util.splitWords(types);
|
||||
|
||||
var removeAll = arguments.length === 1;
|
||||
for (var i = 0, len = types.length; i < len; i++) {
|
||||
if (removeAll) {
|
||||
this._off(types[i]);
|
||||
} else {
|
||||
this._off(types[i], fn, context);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
return this;
|
||||
},
|
||||
|
||||
// attach listener (without syntactic sugar now)
|
||||
_on: function (type, fn, context, _once) {
|
||||
if (typeof fn !== 'function') {
|
||||
console.warn('wrong listener type: ' + typeof fn);
|
||||
return;
|
||||
}
|
||||
|
||||
// check if fn already there
|
||||
if (this._listens(type, fn, context) !== false) {
|
||||
return;
|
||||
}
|
||||
|
||||
if (context === this) {
|
||||
// Less memory footprint.
|
||||
context = undefined;
|
||||
}
|
||||
|
||||
var newListener = {fn: fn, ctx: context};
|
||||
if (_once) {
|
||||
newListener.once = true;
|
||||
}
|
||||
|
||||
this._events = this._events || {};
|
||||
this._events[type] = this._events[type] || [];
|
||||
this._events[type].push(newListener);
|
||||
},
|
||||
|
||||
_off: function (type, fn, context) {
|
||||
var listeners,
|
||||
i,
|
||||
len;
|
||||
|
||||
if (!this._events) {
|
||||
return;
|
||||
}
|
||||
|
||||
listeners = this._events[type];
|
||||
if (!listeners) {
|
||||
return;
|
||||
}
|
||||
|
||||
if (arguments.length === 1) { // remove all
|
||||
if (this._firingCount) {
|
||||
// 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 = Util.falseFn;
|
||||
}
|
||||
}
|
||||
// clear all listeners for a type if function isn't specified
|
||||
delete this._events[type];
|
||||
return;
|
||||
}
|
||||
|
||||
if (typeof fn !== 'function') {
|
||||
console.warn('wrong listener type: ' + typeof fn);
|
||||
return;
|
||||
}
|
||||
|
||||
// find fn and remove it
|
||||
var index = this._listens(type, fn, context);
|
||||
if (index !== false) {
|
||||
var listener = listeners[index];
|
||||
if (this._firingCount) {
|
||||
// set the removed listener to noop so that's not called if remove happens in fire
|
||||
listener.fn = Util.falseFn;
|
||||
|
||||
/* copy array in case events are being fired */
|
||||
this._events[type] = listeners = listeners.slice();
|
||||
}
|
||||
listeners.splice(index, 1);
|
||||
}
|
||||
},
|
||||
|
||||
// @method fire(type: String, data?: Object, propagate?: Boolean): this
|
||||
// Fires an event of the specified type. You can optionally provide a 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 = Util.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];
|
||||
// off overwrites l.fn, so we need to copy fn to a var
|
||||
var fn = l.fn;
|
||||
if (l.once) {
|
||||
this.off(type, fn, l.ctx);
|
||||
}
|
||||
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, propagate?: Boolean): Boolean
|
||||
// @method listens(type: String, fn: Function, context?: Object, propagate?: Boolean): Boolean
|
||||
// Returns `true` if a particular event type has any listeners attached to it.
|
||||
// The verification can optionally be propagated, it will return `true` if parents have the listener attached to it.
|
||||
listens: function (type, fn, context, propagate) {
|
||||
if (typeof type !== 'string') {
|
||||
console.warn('"string" type argument expected');
|
||||
}
|
||||
|
||||
// we don't overwrite the input `fn` value, because we need to use it for propagation
|
||||
var _fn = fn;
|
||||
if (typeof fn !== 'function') {
|
||||
propagate = !!fn;
|
||||
_fn = undefined;
|
||||
context = undefined;
|
||||
}
|
||||
|
||||
var listeners = this._events && this._events[type];
|
||||
if (listeners && listeners.length) {
|
||||
if (this._listens(type, _fn, context) !== false) {
|
||||
return true;
|
||||
}
|
||||
}
|
||||
|
||||
if (propagate) {
|
||||
// also check parents for listeners if event propagates
|
||||
for (var id in this._eventParents) {
|
||||
if (this._eventParents[id].listens(type, fn, context, propagate)) { return true; }
|
||||
}
|
||||
}
|
||||
return false;
|
||||
},
|
||||
|
||||
// returns the index (number) or false
|
||||
_listens: function (type, fn, context) {
|
||||
if (!this._events) {
|
||||
return false;
|
||||
}
|
||||
|
||||
var listeners = this._events[type] || [];
|
||||
if (!fn) {
|
||||
return !!listeners.length;
|
||||
}
|
||||
|
||||
if (context === this) {
|
||||
// Less memory footprint.
|
||||
context = undefined;
|
||||
}
|
||||
|
||||
for (var i = 0, len = listeners.length; i < len; i++) {
|
||||
if (listeners[i].fn === fn && listeners[i].ctx === context) {
|
||||
return i;
|
||||
}
|
||||
}
|
||||
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) {
|
||||
|
||||
// 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, true);
|
||||
}
|
||||
|
||||
} else {
|
||||
// types can be a string of space-separated words
|
||||
types = Util.splitWords(types);
|
||||
|
||||
for (var i = 0, len = types.length; i < len; i++) {
|
||||
this._on(types[i], fn, context, true);
|
||||
}
|
||||
}
|
||||
|
||||
return this;
|
||||
},
|
||||
|
||||
// @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[Util.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[Util.stamp(obj)];
|
||||
}
|
||||
return this;
|
||||
},
|
||||
|
||||
_propagateEvent: function (e) {
|
||||
for (var id in this._eventParents) {
|
||||
this._eventParents[id].fire(e.type, Util.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;
|
||||
|
||||
export var Evented = Class.extend(Events);
|
||||
+143
@@ -0,0 +1,143 @@
|
||||
|
||||
@namespace Event objects
|
||||
|
||||
|
||||
Whenever a class inheriting from `Evented` fires an event, a listener function
|
||||
will be called with an event argument, which is a plain object containing
|
||||
information about the event. For example:
|
||||
|
||||
```js
|
||||
map.on('click', function(ev) {
|
||||
alert(ev.latlng); // ev is an event object (MouseEvent in this case)
|
||||
});
|
||||
```
|
||||
|
||||
The information available depends on the event type:
|
||||
|
||||
|
||||
@miniclass Event (Event objects)
|
||||
@section
|
||||
The base event object. All other event objects contain these properties too.
|
||||
@property type: String
|
||||
The event type (e.g. `'click'`).
|
||||
@property target: Object
|
||||
The object that fired the event. For propagated events, the last object in
|
||||
the propagation chain that fired the event.
|
||||
@property sourceTarget: Object
|
||||
The object that originally fired the event. For non-propagated events, this will
|
||||
be the same as the `target`.
|
||||
@property propagatedFrom: Object
|
||||
For propagated events, the last object that propagated the event to its
|
||||
event parent.
|
||||
@property layer: Object
|
||||
**Deprecated.** The same as `propagatedFrom`.
|
||||
|
||||
|
||||
@miniclass KeyboardEvent (Event objects)
|
||||
@inherits Event
|
||||
@property originalEvent: DOMEvent
|
||||
The original [DOM `KeyboardEvent`](https://developer.mozilla.org/en-US/docs/Web/API/KeyboardEvent) that triggered this Leaflet event.
|
||||
|
||||
@miniclass MouseEvent (Event objects)
|
||||
@inherits Event
|
||||
@property latlng: LatLng
|
||||
The geographical point where the mouse event occurred.
|
||||
@property layerPoint: Point
|
||||
Pixel coordinates of the point where the mouse event occurred relative to the map layer.
|
||||
@property containerPoint: Point
|
||||
Pixel coordinates of the point where the mouse event occurred relative to the map сontainer.
|
||||
@property originalEvent: DOMEvent
|
||||
The original [DOM `MouseEvent`](https://developer.mozilla.org/en-US/docs/Web/API/MouseEvent) or [DOM `TouchEvent`](https://developer.mozilla.org/en-US/docs/Web/API/TouchEvent) that triggered this Leaflet event.
|
||||
|
||||
@miniclass LocationEvent (Event objects)
|
||||
@inherits Event
|
||||
@property latlng: LatLng
|
||||
Detected geographical location of the user.
|
||||
@property bounds: LatLngBounds
|
||||
Geographical bounds of the area user is located in (with respect to the accuracy of location).
|
||||
@property accuracy: Number
|
||||
Accuracy of location in meters.
|
||||
@property altitude: Number
|
||||
Height of the position above the WGS84 ellipsoid in meters.
|
||||
@property altitudeAccuracy: Number
|
||||
Accuracy of altitude in meters.
|
||||
@property heading: Number
|
||||
The direction of travel in degrees counting clockwise from true North.
|
||||
@property speed: Number
|
||||
Current velocity in meters per second.
|
||||
@property timestamp: Number
|
||||
The time when the position was acquired.
|
||||
|
||||
@miniclass ErrorEvent (Event objects)
|
||||
@inherits Event
|
||||
@property message: String
|
||||
Error message.
|
||||
@property code: Number
|
||||
Error code (if applicable).
|
||||
|
||||
@miniclass LayerEvent (Event objects)
|
||||
@inherits Event
|
||||
@property layer: Layer
|
||||
The layer that was added or removed.
|
||||
|
||||
@miniclass LayersControlEvent (Event objects)
|
||||
@inherits Event
|
||||
@property layer: Layer
|
||||
The layer that was added or removed.
|
||||
@property name: String
|
||||
The name of the layer that was added or removed.
|
||||
|
||||
@miniclass TileEvent (Event objects)
|
||||
@inherits Event
|
||||
@property tile: HTMLElement
|
||||
The tile element (image).
|
||||
@property coords: Point
|
||||
Point object with the tile's `x`, `y`, and `z` (zoom level) coordinates.
|
||||
|
||||
@miniclass TileErrorEvent (Event objects)
|
||||
@inherits Event
|
||||
@property tile: HTMLElement
|
||||
The tile element (image).
|
||||
@property coords: Point
|
||||
Point object with the tile's `x`, `y`, and `z` (zoom level) coordinates.
|
||||
@property error: *
|
||||
Error passed to the tile's `done()` callback.
|
||||
|
||||
@miniclass ResizeEvent (Event objects)
|
||||
@inherits Event
|
||||
@property oldSize: Point
|
||||
The old size before resize event.
|
||||
@property newSize: Point
|
||||
The new size after the resize event.
|
||||
|
||||
@miniclass GeoJSONEvent (Event objects)
|
||||
@inherits Event
|
||||
@property layer: Layer
|
||||
The layer for the GeoJSON feature that is being added to the map.
|
||||
@property properties: Object
|
||||
GeoJSON properties of the feature.
|
||||
@property geometryType: String
|
||||
GeoJSON geometry type of the feature.
|
||||
@property id: String
|
||||
GeoJSON ID of the feature (if present).
|
||||
|
||||
@miniclass PopupEvent (Event objects)
|
||||
@inherits Event
|
||||
@property popup: Popup
|
||||
The popup that was opened or closed.
|
||||
|
||||
@miniclass TooltipEvent (Event objects)
|
||||
@inherits Event
|
||||
@property tooltip: Tooltip
|
||||
The tooltip that was opened or closed.
|
||||
|
||||
@miniclass DragEndEvent (Event objects)
|
||||
@inherits Event
|
||||
@property distance: Number
|
||||
The distance in pixels the draggable element was moved by.
|
||||
|
||||
@miniclass ZoomAnimEvent (Event objects)
|
||||
@inherits Event
|
||||
@property center: LatLng; The current center of the map
|
||||
@property zoom: Number; The current zoom level of the map
|
||||
@property noUpdate: Boolean; Whether layers should update their contents due to this event
|
||||
+57
@@ -0,0 +1,57 @@
|
||||
import {Class} from './Class';
|
||||
|
||||
/*
|
||||
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.
|
||||
*/
|
||||
|
||||
// @class Handler
|
||||
// @aka L.Handler
|
||||
// Abstract class for map interaction handlers
|
||||
|
||||
export 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;
|
||||
};
|
||||
+241
@@ -0,0 +1,241 @@
|
||||
/*
|
||||
* @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.
|
||||
export 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)
|
||||
export 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.
|
||||
export 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)
|
||||
export var lastId = 0;
|
||||
|
||||
// @function stamp(obj: Object): Number
|
||||
// Returns the unique ID of an object, assigning it one if it doesn't have it.
|
||||
export function stamp(obj) {
|
||||
if (!('_leaflet_id' in obj)) {
|
||||
obj['_leaflet_id'] = ++lastId;
|
||||
}
|
||||
return obj._leaflet_id;
|
||||
}
|
||||
|
||||
// @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.
|
||||
export 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`.
|
||||
export 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`.
|
||||
export function falseFn() { return false; }
|
||||
|
||||
// @function formatNum(num: Number, precision?: Number|false): Number
|
||||
// Returns the number `num` rounded with specified `precision`.
|
||||
// The default `precision` value is 6 decimal places.
|
||||
// `false` can be passed to skip any processing (can be useful to avoid round-off errors).
|
||||
export function formatNum(num, precision) {
|
||||
if (precision === false) { return num; }
|
||||
var pow = Math.pow(10, precision === undefined ? 6 : precision);
|
||||
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)
|
||||
export 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.
|
||||
export 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.
|
||||
export 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'`)
|
||||
export 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.
|
||||
export 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)
|
||||
export 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)
|
||||
export 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).
|
||||
export var emptyImageUrl = 'data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=';
|
||||
|
||||
// inspired by https://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);
|
||||
}
|
||||
|
||||
export var requestFn = window.requestAnimationFrame || getPrefixed('RequestAnimationFrame') || timeoutDefer;
|
||||
export 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.
|
||||
export 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).
|
||||
export function cancelAnimFrame(id) {
|
||||
if (id) {
|
||||
cancelFn.call(window, id);
|
||||
}
|
||||
}
|
||||
+15
@@ -0,0 +1,15 @@
|
||||
import Browser from './Browser';
|
||||
export {Browser};
|
||||
|
||||
export {Class} from './Class';
|
||||
|
||||
import {Evented} from './Events';
|
||||
import {Events} from './Events';
|
||||
export {Evented};
|
||||
export var Mixin = {Events: Events};
|
||||
|
||||
export {Handler} from './Handler';
|
||||
|
||||
import * as Util from './Util';
|
||||
export {Util};
|
||||
export {extend, bind, stamp, setOptions} from './Util';
|
||||
+91
@@ -0,0 +1,91 @@
|
||||
import * as DomEvent from './DomEvent';
|
||||
|
||||
/*
|
||||
* Extends the event handling code with double tap support for mobile browsers.
|
||||
*
|
||||
* Note: currently most browsers fire native dblclick, with only a few exceptions
|
||||
* (see https://github.com/Leaflet/Leaflet/issues/7012#issuecomment-595087386)
|
||||
*/
|
||||
|
||||
function makeDblclick(event) {
|
||||
// in modern browsers `type` cannot be just overridden:
|
||||
// https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Errors/Getter_only
|
||||
var newEvent = {},
|
||||
prop, i;
|
||||
for (i in event) {
|
||||
prop = event[i];
|
||||
newEvent[i] = prop && prop.bind ? prop.bind(event) : prop;
|
||||
}
|
||||
event = newEvent;
|
||||
newEvent.type = 'dblclick';
|
||||
newEvent.detail = 2;
|
||||
newEvent.isTrusted = false;
|
||||
newEvent._simulated = true; // for debug purposes
|
||||
return newEvent;
|
||||
}
|
||||
|
||||
var delay = 200;
|
||||
export function addDoubleTapListener(obj, handler) {
|
||||
// Most browsers handle double tap natively
|
||||
obj.addEventListener('dblclick', handler);
|
||||
|
||||
// On some platforms the browser doesn't fire native dblclicks for touch events.
|
||||
// It seems that in all such cases `detail` property of `click` event is always `1`.
|
||||
// So here we rely on that fact to avoid excessive 'dblclick' simulation when not needed.
|
||||
var last = 0,
|
||||
detail;
|
||||
function simDblclick(e) {
|
||||
if (e.detail !== 1) {
|
||||
detail = e.detail; // keep in sync to avoid false dblclick in some cases
|
||||
return;
|
||||
}
|
||||
|
||||
if (e.pointerType === 'mouse' ||
|
||||
(e.sourceCapabilities && !e.sourceCapabilities.firesTouchEvents)) {
|
||||
|
||||
return;
|
||||
}
|
||||
|
||||
// When clicking on an <input>, the browser generates a click on its
|
||||
// <label> (and vice versa) triggering two clicks in quick succession.
|
||||
// This ignores clicks on elements which are a label with a 'for'
|
||||
// attribute (or children of such a label), but not children of
|
||||
// a <input>.
|
||||
var path = DomEvent.getPropagationPath(e);
|
||||
if (path.some(function (el) {
|
||||
return el instanceof HTMLLabelElement && el.attributes.for;
|
||||
}) &&
|
||||
!path.some(function (el) {
|
||||
return (
|
||||
el instanceof HTMLInputElement ||
|
||||
el instanceof HTMLSelectElement
|
||||
);
|
||||
})
|
||||
) {
|
||||
return;
|
||||
}
|
||||
|
||||
var now = Date.now();
|
||||
if (now - last <= delay) {
|
||||
detail++;
|
||||
if (detail === 2) {
|
||||
handler(makeDblclick(e));
|
||||
}
|
||||
} else {
|
||||
detail = 1;
|
||||
}
|
||||
last = now;
|
||||
}
|
||||
|
||||
obj.addEventListener('click', simDblclick);
|
||||
|
||||
return {
|
||||
dblclick: handler,
|
||||
simDblclick: simDblclick
|
||||
};
|
||||
}
|
||||
|
||||
export function removeDoubleTapListener(obj, handlers) {
|
||||
obj.removeEventListener('dblclick', handlers.dblclick);
|
||||
obj.removeEventListener('click', handlers.simDblclick);
|
||||
}
|
||||
+97
@@ -0,0 +1,97 @@
|
||||
import * as DomEvent from './DomEvent';
|
||||
import Browser from '../core/Browser';
|
||||
import {falseFn} from '../core/Util';
|
||||
|
||||
/*
|
||||
* Extends L.DomEvent to provide touch support for Internet Explorer and Windows-based devices.
|
||||
*/
|
||||
|
||||
var POINTER_DOWN = Browser.msPointer ? 'MSPointerDown' : 'pointerdown';
|
||||
var POINTER_MOVE = Browser.msPointer ? 'MSPointerMove' : 'pointermove';
|
||||
var POINTER_UP = Browser.msPointer ? 'MSPointerUp' : 'pointerup';
|
||||
var POINTER_CANCEL = Browser.msPointer ? 'MSPointerCancel' : 'pointercancel';
|
||||
var pEvent = {
|
||||
touchstart : POINTER_DOWN,
|
||||
touchmove : POINTER_MOVE,
|
||||
touchend : POINTER_UP,
|
||||
touchcancel : POINTER_CANCEL
|
||||
};
|
||||
var handle = {
|
||||
touchstart : _onPointerStart,
|
||||
touchmove : _handlePointer,
|
||||
touchend : _handlePointer,
|
||||
touchcancel : _handlePointer
|
||||
};
|
||||
var _pointers = {};
|
||||
var _pointerDocListener = false;
|
||||
|
||||
// Provides a touch events wrapper for (ms)pointer events.
|
||||
// ref https://www.w3.org/TR/pointerevents/ https://www.w3.org/Bugs/Public/show_bug.cgi?id=22890
|
||||
|
||||
export function addPointerListener(obj, type, handler) {
|
||||
if (type === 'touchstart') {
|
||||
_addPointerDocListener();
|
||||
}
|
||||
if (!handle[type]) {
|
||||
console.warn('wrong event specified:', type);
|
||||
return falseFn;
|
||||
}
|
||||
handler = handle[type].bind(this, handler);
|
||||
obj.addEventListener(pEvent[type], handler, false);
|
||||
return handler;
|
||||
}
|
||||
|
||||
export function removePointerListener(obj, type, handler) {
|
||||
if (!pEvent[type]) {
|
||||
console.warn('wrong event specified:', type);
|
||||
return;
|
||||
}
|
||||
obj.removeEventListener(pEvent[type], handler, false);
|
||||
}
|
||||
|
||||
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 _addPointerDocListener() {
|
||||
// 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 _handlePointer(handler, e) {
|
||||
if (e.pointerType === (e.MSPOINTER_TYPE_MOUSE || 'mouse')) { return; }
|
||||
|
||||
e.touches = [];
|
||||
for (var i in _pointers) {
|
||||
e.touches.push(_pointers[i]);
|
||||
}
|
||||
e.changedTouches = [e];
|
||||
|
||||
handler(e);
|
||||
}
|
||||
|
||||
function _onPointerStart(handler, e) {
|
||||
// IE10 specific: MsTouch needs preventDefault. See #2000
|
||||
if (e.MSPOINTER_TYPE_TOUCH && e.pointerType === e.MSPOINTER_TYPE_TOUCH) {
|
||||
DomEvent.preventDefault(e);
|
||||
}
|
||||
_handlePointer(handler, e);
|
||||
}
|
||||
+315
@@ -0,0 +1,315 @@
|
||||
import {Point} from '../geometry/Point';
|
||||
import * as Util from '../core/Util';
|
||||
import Browser from '../core/Browser';
|
||||
import {addPointerListener, removePointerListener} from './DomEvent.Pointer';
|
||||
import {addDoubleTapListener, removeDoubleTapListener} from './DomEvent.DoubleTap';
|
||||
import {getScale} from './DomUtil';
|
||||
|
||||
/*
|
||||
* @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}`
|
||||
export function on(obj, types, fn, context) {
|
||||
|
||||
if (types && typeof types === 'object') {
|
||||
for (var type in types) {
|
||||
addOne(obj, type, types[type], fn);
|
||||
}
|
||||
} else {
|
||||
types = Util.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}`
|
||||
|
||||
// @alternative
|
||||
// @function off(el: HTMLElement, types: String): this
|
||||
// Removes all previously added listeners of given types.
|
||||
|
||||
// @alternative
|
||||
// @function off(el: HTMLElement): this
|
||||
// Removes all previously added listeners from given HTMLElement
|
||||
export function off(obj, types, fn, context) {
|
||||
|
||||
if (arguments.length === 1) {
|
||||
batchRemove(obj);
|
||||
delete obj[eventsKey];
|
||||
|
||||
} else if (types && typeof types === 'object') {
|
||||
for (var type in types) {
|
||||
removeOne(obj, type, types[type], fn);
|
||||
}
|
||||
|
||||
} else {
|
||||
types = Util.splitWords(types);
|
||||
|
||||
if (arguments.length === 2) {
|
||||
batchRemove(obj, function (type) {
|
||||
return Util.indexOf(types, type) !== -1;
|
||||
});
|
||||
} else {
|
||||
for (var i = 0, len = types.length; i < len; i++) {
|
||||
removeOne(obj, types[i], fn, context);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
return this;
|
||||
}
|
||||
|
||||
function batchRemove(obj, filterFn) {
|
||||
for (var id in obj[eventsKey]) {
|
||||
var type = id.split(/\d/)[0];
|
||||
if (!filterFn || filterFn(type)) {
|
||||
removeOne(obj, type, null, null, id);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
var mouseSubst = {
|
||||
mouseenter: 'mouseover',
|
||||
mouseleave: 'mouseout',
|
||||
wheel: !('onwheel' in window) && 'mousewheel'
|
||||
};
|
||||
|
||||
function addOne(obj, type, fn, context) {
|
||||
var id = type + Util.stamp(fn) + (context ? '_' + Util.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 (!Browser.touchNative && Browser.pointer && type.indexOf('touch') === 0) {
|
||||
// Needs DomEvent.Pointer.js
|
||||
handler = addPointerListener(obj, type, handler);
|
||||
|
||||
} else if (Browser.touch && (type === 'dblclick')) {
|
||||
handler = addDoubleTapListener(obj, handler);
|
||||
|
||||
} else if ('addEventListener' in obj) {
|
||||
|
||||
if (type === 'touchstart' || type === 'touchmove' || type === 'wheel' || type === 'mousewheel') {
|
||||
obj.addEventListener(mouseSubst[type] || type, handler, Browser.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 {
|
||||
obj.attachEvent('on' + type, handler);
|
||||
}
|
||||
|
||||
obj[eventsKey] = obj[eventsKey] || {};
|
||||
obj[eventsKey][id] = handler;
|
||||
}
|
||||
|
||||
function removeOne(obj, type, fn, context, id) {
|
||||
id = id || type + Util.stamp(fn) + (context ? '_' + Util.stamp(context) : '');
|
||||
var handler = obj[eventsKey] && obj[eventsKey][id];
|
||||
|
||||
if (!handler) { return this; }
|
||||
|
||||
if (!Browser.touchNative && Browser.pointer && type.indexOf('touch') === 0) {
|
||||
removePointerListener(obj, type, handler);
|
||||
|
||||
} else if (Browser.touch && (type === 'dblclick')) {
|
||||
removeDoubleTapListener(obj, handler);
|
||||
|
||||
} else if ('removeEventListener' in obj) {
|
||||
|
||||
obj.removeEventListener(mouseSubst[type] || type, handler, false);
|
||||
|
||||
} else {
|
||||
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);
|
||||
// });
|
||||
// ```
|
||||
export 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;
|
||||
}
|
||||
|
||||
return this;
|
||||
}
|
||||
|
||||
// @function disableScrollPropagation(el: HTMLElement): this
|
||||
// Adds `stopPropagation` to the element's `'wheel'` events (plus browser variants).
|
||||
export function disableScrollPropagation(el) {
|
||||
addOne(el, 'wheel', stopPropagation);
|
||||
return this;
|
||||
}
|
||||
|
||||
// @function disableClickPropagation(el: HTMLElement): this
|
||||
// Adds `stopPropagation` to the element's `'click'`, `'dblclick'`, `'contextmenu'`,
|
||||
// `'mousedown'` and `'touchstart'` events (plus browser variants).
|
||||
export function disableClickPropagation(el) {
|
||||
on(el, 'mousedown touchstart dblclick contextmenu', stopPropagation);
|
||||
el['_leaflet_disable_click'] = true;
|
||||
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.
|
||||
export 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.
|
||||
export function stop(e) {
|
||||
preventDefault(e);
|
||||
stopPropagation(e);
|
||||
return this;
|
||||
}
|
||||
|
||||
// @function getPropagationPath(ev: DOMEvent): Array
|
||||
// Compatibility polyfill for [`Event.composedPath()`](https://developer.mozilla.org/en-US/docs/Web/API/Event/composedPath).
|
||||
// Returns an array containing the `HTMLElement`s that the given DOM event
|
||||
// should propagate to (if not stopped).
|
||||
export function getPropagationPath(ev) {
|
||||
if (ev.composedPath) {
|
||||
return ev.composedPath();
|
||||
}
|
||||
|
||||
var path = [];
|
||||
var el = ev.target;
|
||||
|
||||
while (el) {
|
||||
path.push(el);
|
||||
el = el.parentNode;
|
||||
}
|
||||
return path;
|
||||
}
|
||||
|
||||
|
||||
// @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.
|
||||
export 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
|
||||
);
|
||||
}
|
||||
|
||||
|
||||
// except , Safari and
|
||||
// We need double the scroll pixels (see #7403 and #4538) for all Browsers
|
||||
// except OSX (Mac) -> 3x, Chrome running on Linux 1x
|
||||
|
||||
var wheelPxFactor =
|
||||
(Browser.linux && Browser.chrome) ? window.devicePixelRatio :
|
||||
Browser.mac ? window.devicePixelRatio * 3 :
|
||||
window.devicePixelRatio > 0 ? 2 * 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.
|
||||
export function getWheelDelta(e) {
|
||||
return (Browser.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;
|
||||
}
|
||||
|
||||
// check if element really left/entered the event target (for mouseenter/mouseleave)
|
||||
export 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);
|
||||
}
|
||||
|
||||
// @function addListener(…): this
|
||||
// Alias to [`L.DomEvent.on`](#domevent-on)
|
||||
export {on as addListener};
|
||||
|
||||
// @function removeListener(…): this
|
||||
// Alias to [`L.DomEvent.off`](#domevent-off)
|
||||
export {off as removeListener};
|
||||
+349
@@ -0,0 +1,349 @@
|
||||
import * as DomEvent from './DomEvent';
|
||||
import * as Util from '../core/Util';
|
||||
import {Point} from '../geometry/Point';
|
||||
import Browser from '../core/Browser';
|
||||
|
||||
/*
|
||||
* @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).
|
||||
export 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.
|
||||
export var TRANSITION = testProp(
|
||||
['webkitTransition', 'transition', 'OTransition', 'MozTransition', 'msTransition']);
|
||||
|
||||
// @property TRANSITION_END: String
|
||||
// Vendor-prefixed transitionend event name.
|
||||
export 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.
|
||||
export 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.
|
||||
export 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.
|
||||
export function create(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
|
||||
export 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`
|
||||
export 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.
|
||||
export 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.
|
||||
export 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`.
|
||||
export 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.
|
||||
export function addClass(el, name) {
|
||||
if (el.classList !== undefined) {
|
||||
var classes = Util.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.
|
||||
export function removeClass(el, name) {
|
||||
if (el.classList !== undefined) {
|
||||
el.classList.remove(name);
|
||||
} else {
|
||||
setClass(el, Util.trim((' ' + getClass(el) + ' ').replace(' ' + name + ' ', ' ')));
|
||||
}
|
||||
}
|
||||
|
||||
// @function setClass(el: HTMLElement, name: String)
|
||||
// Sets the element's class.
|
||||
export 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.
|
||||
export 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`.
|
||||
export 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`.
|
||||
export 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.
|
||||
export function setTransform(el, offset, scale) {
|
||||
var pos = offset || new Point(0, 0);
|
||||
|
||||
el.style[TRANSFORM] =
|
||||
(Browser.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).
|
||||
export function setPosition(el, point) {
|
||||
|
||||
/*eslint-disable */
|
||||
el._leaflet_pos = point;
|
||||
/* eslint-enable */
|
||||
|
||||
if (Browser.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.
|
||||
export 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).
|
||||
export var disableTextSelection;
|
||||
export var enableTextSelection;
|
||||
var _userSelect;
|
||||
if ('onselectstart' in document) {
|
||||
disableTextSelection = function () {
|
||||
DomEvent.on(window, 'selectstart', DomEvent.preventDefault);
|
||||
};
|
||||
enableTextSelection = function () {
|
||||
DomEvent.off(window, 'selectstart', DomEvent.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.
|
||||
export function disableImageDrag() {
|
||||
DomEvent.on(window, 'dragstart', DomEvent.preventDefault);
|
||||
}
|
||||
|
||||
// @function enableImageDrag()
|
||||
// Cancels the effects of a previous [`L.DomUtil.disableImageDrag`](#domutil-disabletextselection).
|
||||
export function enableImageDrag() {
|
||||
DomEvent.off(window, 'dragstart', DomEvent.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.
|
||||
export function preventOutline(element) {
|
||||
while (element.tabIndex === -1) {
|
||||
element = element.parentNode;
|
||||
}
|
||||
if (!element.style) { return; }
|
||||
restoreOutline();
|
||||
_outlineElement = element;
|
||||
_outlineStyle = element.style.outlineStyle;
|
||||
element.style.outlineStyle = 'none';
|
||||
DomEvent.on(window, 'keydown', restoreOutline);
|
||||
}
|
||||
|
||||
// @function restoreOutline()
|
||||
// Cancels the effects of a previous [`L.DomUtil.preventOutline`]().
|
||||
export function restoreOutline() {
|
||||
if (!_outlineElement) { return; }
|
||||
_outlineElement.style.outlineStyle = _outlineStyle;
|
||||
_outlineElement = undefined;
|
||||
_outlineStyle = undefined;
|
||||
DomEvent.off(window, 'keydown', restoreOutline);
|
||||
}
|
||||
|
||||
// @function getSizedParentNode(el: HTMLElement): HTMLElement
|
||||
// Finds the closest parent node which size (width and height) is not null.
|
||||
export 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).
|
||||
export 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
|
||||
};
|
||||
}
|
||||
+220
@@ -0,0 +1,220 @@
|
||||
import {Evented} from '../core/Events';
|
||||
import Browser from '../core/Browser';
|
||||
import * as DomEvent from './DomEvent';
|
||||
import * as DomUtil from './DomUtil';
|
||||
import * as Util from '../core/Util';
|
||||
import {Point} from '../geometry/Point';
|
||||
|
||||
/*
|
||||
* @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 = Browser.touch ? 'touchstart mousedown' : 'mousedown';
|
||||
|
||||
export 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, options) {
|
||||
Util.setOptions(this, options);
|
||||
|
||||
this._element = element;
|
||||
this._dragStartTarget = dragStartTarget || element;
|
||||
this._preventOutline = preventOutline;
|
||||
},
|
||||
|
||||
// @method enable()
|
||||
// Enables the dragging ability
|
||||
enable: function () {
|
||||
if (this._enabled) { return; }
|
||||
|
||||
DomEvent.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(true);
|
||||
}
|
||||
|
||||
DomEvent.off(this._dragStartTarget, START, this._onDown, this);
|
||||
|
||||
this._enabled = false;
|
||||
this._moved = false;
|
||||
},
|
||||
|
||||
_onDown: function (e) {
|
||||
// Ignore the event if disabled; this happens in IE11
|
||||
// under some circumstances, see #3666.
|
||||
if (!this._enabled) { return; }
|
||||
|
||||
this._moved = false;
|
||||
|
||||
if (DomUtil.hasClass(this._element, 'leaflet-zoom-anim')) { return; }
|
||||
|
||||
if (e.touches && e.touches.length !== 1) {
|
||||
// Finish dragging to avoid conflict with touchZoom
|
||||
if (Draggable._dragging === this) {
|
||||
this.finishDrag();
|
||||
}
|
||||
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) {
|
||||
DomUtil.preventOutline(this._element);
|
||||
}
|
||||
|
||||
DomUtil.disableImageDrag();
|
||||
DomUtil.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 = DomUtil.getSizedParentNode(this._element);
|
||||
|
||||
this._startPoint = new Point(first.clientX, first.clientY);
|
||||
this._startPos = DomUtil.getPosition(this._element);
|
||||
|
||||
// Cache the scale, so that we can continuously compensate for it during drag (_onMove).
|
||||
this._parentScale = DomUtil.getScale(sizedParent);
|
||||
|
||||
var mouseevent = e.type === 'mousedown';
|
||||
DomEvent.on(document, mouseevent ? 'mousemove' : 'touchmove', this._onMove, this);
|
||||
DomEvent.on(document, mouseevent ? 'mouseup' : 'touchend touchcancel', this._onUp, this);
|
||||
},
|
||||
|
||||
_onMove: function (e) {
|
||||
// Ignore the event if disabled; this happens in IE11
|
||||
// under some circumstances, see #3666.
|
||||
if (!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;
|
||||
|
||||
DomEvent.preventDefault(e);
|
||||
|
||||
if (!this._moved) {
|
||||
// @event dragstart: Event
|
||||
// Fired when a drag starts
|
||||
this.fire('dragstart');
|
||||
|
||||
this._moved = true;
|
||||
|
||||
DomUtil.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;
|
||||
}
|
||||
DomUtil.addClass(this._lastTarget, 'leaflet-drag-target');
|
||||
}
|
||||
|
||||
this._newPos = this._startPos.add(offset);
|
||||
this._moving = true;
|
||||
|
||||
this._lastEvent = e;
|
||||
this._updatePosition();
|
||||
},
|
||||
|
||||
_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);
|
||||
DomUtil.setPosition(this._element, this._newPos);
|
||||
|
||||
// @event drag: Event
|
||||
// Fired continuously during dragging.
|
||||
this.fire('drag', e);
|
||||
},
|
||||
|
||||
_onUp: function () {
|
||||
// Ignore the event if disabled; this happens in IE11
|
||||
// under some circumstances, see #3666.
|
||||
if (!this._enabled) { return; }
|
||||
this.finishDrag();
|
||||
},
|
||||
|
||||
finishDrag: function (noInertia) {
|
||||
DomUtil.removeClass(document.body, 'leaflet-dragging');
|
||||
|
||||
if (this._lastTarget) {
|
||||
DomUtil.removeClass(this._lastTarget, 'leaflet-drag-target');
|
||||
this._lastTarget = null;
|
||||
}
|
||||
|
||||
DomEvent.off(document, 'mousemove touchmove', this._onMove, this);
|
||||
DomEvent.off(document, 'mouseup touchend touchcancel', this._onUp, this);
|
||||
|
||||
DomUtil.enableImageDrag();
|
||||
DomUtil.enableTextSelection();
|
||||
|
||||
var fireDragend = this._moved && this._moving;
|
||||
|
||||
this._moving = false;
|
||||
Draggable._dragging = false;
|
||||
|
||||
if (fireDragend) {
|
||||
// @event dragend: DragEndEvent
|
||||
// Fired when the drag ends.
|
||||
this.fire('dragend', {
|
||||
noInertia: noInertia,
|
||||
distance: this._newPos.distanceTo(this._startPos)
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
});
|
||||
+113
@@ -0,0 +1,113 @@
|
||||
import * as Util from '../core/Util';
|
||||
import {Evented} from '../core/Events';
|
||||
import * as DomUtil from '../dom/DomUtil';
|
||||
|
||||
|
||||
/*
|
||||
* @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 myPositionMarker = L.marker([48.864716, 2.294694]).addTo(map);
|
||||
*
|
||||
* myPositionMarker.on("click", function() {
|
||||
* var pos = map.latLngToLayerPoint(myPositionMarker.getLatLng());
|
||||
* pos.y -= 25;
|
||||
* var fx = new L.PosAnimation();
|
||||
*
|
||||
* fx.once('end',function() {
|
||||
* pos.y += 25;
|
||||
* fx.run(myPositionMarker._icon, pos, 0.8);
|
||||
* });
|
||||
*
|
||||
* fx.run(myPositionMarker._icon, pos, 0.3);
|
||||
* });
|
||||
*
|
||||
* ```
|
||||
*
|
||||
* @constructor L.PosAnimation()
|
||||
* Creates a `PosAnimation` object.
|
||||
*
|
||||
*/
|
||||
|
||||
export 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](https://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 = DomUtil.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 = Util.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();
|
||||
}
|
||||
DomUtil.setPosition(this._el, pos);
|
||||
|
||||
// @event step: Event
|
||||
// Fired continuously during the animation.
|
||||
this.fire('step');
|
||||
},
|
||||
|
||||
_complete: function () {
|
||||
Util.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);
|
||||
}
|
||||
});
|
||||
+9
@@ -0,0 +1,9 @@
|
||||
export {PosAnimation} from './PosAnimation';
|
||||
|
||||
import * as DomEvent from './DomEvent';
|
||||
export {DomEvent};
|
||||
|
||||
import * as DomUtil from './DomUtil';
|
||||
export {DomUtil};
|
||||
|
||||
export {Draggable} from './Draggable';
|
||||
+137
@@ -0,0 +1,137 @@
|
||||
import * as Util from '../core/Util';
|
||||
import {Earth} from './crs/CRS.Earth';
|
||||
import {toLatLngBounds} from './LatLngBounds';
|
||||
|
||||
/* @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.
|
||||
*/
|
||||
|
||||
export 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(' +
|
||||
Util.formatNum(this.lat, precision) + ', ' +
|
||||
Util.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.
|
||||
|
||||
export function toLatLng(a, b, c) {
|
||||
if (a instanceof LatLng) {
|
||||
return a;
|
||||
}
|
||||
if (Util.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);
|
||||
}
|
||||
+251
@@ -0,0 +1,251 @@
|
||||
import {LatLng, toLatLng} from './LatLng';
|
||||
|
||||
/*
|
||||
* @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.
|
||||
*/
|
||||
|
||||
export 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).
|
||||
export function toLatLngBounds(a, b) {
|
||||
if (a instanceof LatLngBounds) {
|
||||
return a;
|
||||
}
|
||||
return new LatLngBounds(a, b);
|
||||
}
|
||||
+20
@@ -0,0 +1,20 @@
|
||||
import {Earth} from './CRS.Earth';
|
||||
import {Mercator} from '../projection/Projection.Mercator';
|
||||
import {toTransformation} from '../../geometry/Transformation';
|
||||
import * as Util from '../../core/Util';
|
||||
|
||||
/*
|
||||
* @namespace CRS
|
||||
* @crs L.CRS.EPSG3395
|
||||
*
|
||||
* Rarely used by some commercial tile providers. Uses Elliptical Mercator projection.
|
||||
*/
|
||||
export var EPSG3395 = Util.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);
|
||||
}())
|
||||
});
|
||||
+27
@@ -0,0 +1,27 @@
|
||||
import {Earth} from './CRS.Earth';
|
||||
import {SphericalMercator} from '../projection/Projection.SphericalMercator';
|
||||
import {toTransformation} from '../../geometry/Transformation';
|
||||
import * as Util from '../../core/Util';
|
||||
|
||||
/*
|
||||
* @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.
|
||||
*/
|
||||
|
||||
export var EPSG3857 = Util.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);
|
||||
}())
|
||||
});
|
||||
|
||||
export var EPSG900913 = Util.extend({}, EPSG3857, {
|
||||
code: 'EPSG:900913'
|
||||
});
|
||||
+23
@@ -0,0 +1,23 @@
|
||||
import {Earth} from './CRS.Earth';
|
||||
import {LonLat} from '../projection/Projection.LonLat';
|
||||
import {toTransformation} from '../../geometry/Transformation';
|
||||
import * as Util from '../../core/Util';
|
||||
|
||||
/*
|
||||
* @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.
|
||||
*/
|
||||
|
||||
export var EPSG4326 = Util.extend({}, Earth, {
|
||||
code: 'EPSG:4326',
|
||||
projection: LonLat,
|
||||
transformation: toTransformation(1 / 180, 1, -1 / 180, 0.5)
|
||||
});
|
||||
+33
@@ -0,0 +1,33 @@
|
||||
import {CRS} from './CRS';
|
||||
import * as Util from '../../core/Util';
|
||||
|
||||
/*
|
||||
* @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.
|
||||
*/
|
||||
|
||||
export var Earth = Util.extend({}, CRS, {
|
||||
wrapLng: [-180, 180],
|
||||
|
||||
// Mean Earth Radius, as recommended for use by
|
||||
// the International Union of Geodesy and Geophysics,
|
||||
// see https://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;
|
||||
}
|
||||
});
|
||||
+36
@@ -0,0 +1,36 @@
|
||||
import {CRS} from './CRS';
|
||||
import {LonLat} from '../projection/Projection.LonLat';
|
||||
import {toTransformation} from '../../geometry/Transformation';
|
||||
import * as Util from '../../core/Util';
|
||||
|
||||
/*
|
||||
* @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.
|
||||
*/
|
||||
|
||||
export var Simple = Util.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
|
||||
});
|
||||
+139
@@ -0,0 +1,139 @@
|
||||
|
||||
import {Bounds} from '../../geometry/Bounds';
|
||||
import {LatLng} from '../LatLng';
|
||||
import {LatLngBounds} from '../LatLngBounds';
|
||||
import * as Util from '../../core/Util';
|
||||
|
||||
/*
|
||||
* @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](https://en.wikipedia.org/wiki/Spatial_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.
|
||||
*/
|
||||
|
||||
export 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 ? Util.wrapNum(latlng.lng, this.wrapLng, true) : latlng.lng,
|
||||
lat = this.wrapLat ? Util.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);
|
||||
}
|
||||
};
|
||||
+15
@@ -0,0 +1,15 @@
|
||||
import {CRS} from './CRS';
|
||||
import {Earth} from './CRS.Earth';
|
||||
import {EPSG3395} from './CRS.EPSG3395';
|
||||
import {EPSG3857, EPSG900913} from './CRS.EPSG3857';
|
||||
import {EPSG4326} from './CRS.EPSG4326';
|
||||
import {Simple} from './CRS.Simple';
|
||||
|
||||
CRS.Earth = Earth;
|
||||
CRS.EPSG3395 = EPSG3395;
|
||||
CRS.EPSG3857 = EPSG3857;
|
||||
CRS.EPSG900913 = EPSG900913;
|
||||
CRS.EPSG4326 = EPSG4326;
|
||||
CRS.Simple = Simple;
|
||||
|
||||
export {CRS};
|
||||
+7
@@ -0,0 +1,7 @@
|
||||
export {LatLng, toLatLng as latLng} from './LatLng';
|
||||
export {LatLngBounds, toLatLngBounds as latLngBounds} from './LatLngBounds';
|
||||
|
||||
import * as Projection from './projection/index';
|
||||
export {Projection};
|
||||
|
||||
export * from './crs/index';
|
||||
+28
@@ -0,0 +1,28 @@
|
||||
import {LatLng} from '../LatLng';
|
||||
import {Bounds} from '../../geometry/Bounds';
|
||||
import {Point} from '../../geometry/Point';
|
||||
|
||||
/*
|
||||
* @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.
|
||||
*/
|
||||
|
||||
export 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])
|
||||
};
|
||||
Some files were not shown because too many files have changed in this diff Show More
Reference in New Issue
Block a user