@antv/l7-component 2.5.34 → 2.5.37-mini10
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/control/BaseControl.js +1 -1
- package/lib/control/logo.js +6 -2
- package/lib/control/logo.js.map +1 -1
- package/lib/control/scale.js +6 -2
- package/lib/control/scale.js.map +1 -1
- package/lib/control/zoom.js +6 -2
- package/lib/control/zoom.js.map +1 -1
- package/lib/index.js +10 -10
- package/lib/marker.js +1 -1
- package/lib/markerlayer.js +1 -1
- package/lib/popup.js +1 -1
- package/lib/utils/anchor.js +1 -1
- package/package.json +4 -4
- package/CHANGELOG.md +0 -325
- package/LICENSE.md +0 -21
- package/es/control/BaseControl.d.ts +0 -27
- package/es/control/BaseControl.js +0 -155
- package/es/control/BaseControl.js.map +0 -1
- package/es/control/layer.d.ts +0 -44
- package/es/control/layer.js +0 -355
- package/es/control/layer.js.map +0 -1
- package/es/control/logo.d.ts +0 -9
- package/es/control/logo.js +0 -58
- package/es/control/logo.js.map +0 -1
- package/es/control/scale.d.ts +0 -30
- package/es/control/scale.js +0 -153
- package/es/control/scale.js.map +0 -1
- package/es/control/zoom.d.ts +0 -30
- package/es/control/zoom.js +0 -128
- package/es/control/zoom.js.map +0 -1
- package/es/index.d.ts +0 -10
- package/es/index.js +0 -45
- package/es/index.js.map +0 -1
- package/es/marker.d.ts +0 -47
- package/es/marker.js +0 -427
- package/es/marker.js.map +0 -1
- package/es/markerlayer.d.ts +0 -68
- package/es/markerlayer.js +0 -309
- package/es/markerlayer.js.map +0 -1
- package/es/popup.d.ts +0 -35
- package/es/popup.js +0 -316
- package/es/popup.js.map +0 -1
- package/es/utils/anchor.d.ts +0 -22
- package/es/utils/anchor.js +0 -36
- package/es/utils/anchor.js.map +0 -1
|
@@ -1,27 +0,0 @@
|
|
|
1
|
-
import { IControlOption, IControlService, ILayerService, IMapService, IRendererService, PositionType } from '@antv/l7-core';
|
|
2
|
-
import { EventEmitter } from 'eventemitter3';
|
|
3
|
-
import { Container } from 'inversify';
|
|
4
|
-
export { PositionType } from '@antv/l7-core';
|
|
5
|
-
export default class Control extends EventEmitter {
|
|
6
|
-
controlOption: IControlOption;
|
|
7
|
-
protected container: HTMLElement;
|
|
8
|
-
protected sceneContainer: Container;
|
|
9
|
-
protected mapsService: IMapService;
|
|
10
|
-
protected renderService: IRendererService;
|
|
11
|
-
protected layerService: ILayerService;
|
|
12
|
-
protected controlService: IControlService;
|
|
13
|
-
private isShow;
|
|
14
|
-
constructor(cfg?: Partial<IControlOption>);
|
|
15
|
-
getDefault(): {
|
|
16
|
-
position: PositionType;
|
|
17
|
-
name: string;
|
|
18
|
-
};
|
|
19
|
-
setPosition(position?: PositionType): this;
|
|
20
|
-
addTo(sceneContainer: Container): this;
|
|
21
|
-
onAdd(): HTMLElement;
|
|
22
|
-
onRemove(): void;
|
|
23
|
-
hide(): void;
|
|
24
|
-
show(): void;
|
|
25
|
-
remove(): this | undefined;
|
|
26
|
-
_refocusOnMap(e: MouseEvent): void;
|
|
27
|
-
}
|
|
@@ -1,155 +0,0 @@
|
|
|
1
|
-
import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
|
|
2
|
-
import _createClass from "@babel/runtime/helpers/createClass";
|
|
3
|
-
import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
|
|
4
|
-
import _inherits from "@babel/runtime/helpers/inherits";
|
|
5
|
-
import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
|
|
6
|
-
import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
|
|
7
|
-
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
8
|
-
|
|
9
|
-
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
|
|
10
|
-
|
|
11
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
|
|
12
|
-
|
|
13
|
-
function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
|
|
14
|
-
|
|
15
|
-
function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
|
|
16
|
-
|
|
17
|
-
import { PositionType, TYPES } from '@antv/l7-core';
|
|
18
|
-
import { DOM } from '@antv/l7-utils';
|
|
19
|
-
import { EventEmitter } from 'eventemitter3';
|
|
20
|
-
export { PositionType } from '@antv/l7-core';
|
|
21
|
-
var controlId = 0;
|
|
22
|
-
|
|
23
|
-
var Control = function (_EventEmitter) {
|
|
24
|
-
_inherits(Control, _EventEmitter);
|
|
25
|
-
|
|
26
|
-
var _super = _createSuper(Control);
|
|
27
|
-
|
|
28
|
-
function Control(cfg) {
|
|
29
|
-
var _this;
|
|
30
|
-
|
|
31
|
-
_classCallCheck(this, Control);
|
|
32
|
-
|
|
33
|
-
_this = _super.call(this);
|
|
34
|
-
|
|
35
|
-
_defineProperty(_assertThisInitialized(_this), "controlOption", void 0);
|
|
36
|
-
|
|
37
|
-
_defineProperty(_assertThisInitialized(_this), "container", void 0);
|
|
38
|
-
|
|
39
|
-
_defineProperty(_assertThisInitialized(_this), "sceneContainer", void 0);
|
|
40
|
-
|
|
41
|
-
_defineProperty(_assertThisInitialized(_this), "mapsService", void 0);
|
|
42
|
-
|
|
43
|
-
_defineProperty(_assertThisInitialized(_this), "renderService", void 0);
|
|
44
|
-
|
|
45
|
-
_defineProperty(_assertThisInitialized(_this), "layerService", void 0);
|
|
46
|
-
|
|
47
|
-
_defineProperty(_assertThisInitialized(_this), "controlService", void 0);
|
|
48
|
-
|
|
49
|
-
_defineProperty(_assertThisInitialized(_this), "isShow", void 0);
|
|
50
|
-
|
|
51
|
-
_this.controlOption = _objectSpread(_objectSpread({}, _this.getDefault()), cfg || {});
|
|
52
|
-
return _this;
|
|
53
|
-
}
|
|
54
|
-
|
|
55
|
-
_createClass(Control, [{
|
|
56
|
-
key: "getDefault",
|
|
57
|
-
value: function getDefault() {
|
|
58
|
-
return {
|
|
59
|
-
position: PositionType.TOPRIGHT,
|
|
60
|
-
name: "".concat(controlId++)
|
|
61
|
-
};
|
|
62
|
-
}
|
|
63
|
-
}, {
|
|
64
|
-
key: "setPosition",
|
|
65
|
-
value: function setPosition() {
|
|
66
|
-
var position = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : PositionType.BOTTOMRIGHT;
|
|
67
|
-
var controlService = this.controlService;
|
|
68
|
-
|
|
69
|
-
if (controlService) {
|
|
70
|
-
controlService.removeControl(this);
|
|
71
|
-
}
|
|
72
|
-
|
|
73
|
-
this.controlOption.position = position;
|
|
74
|
-
|
|
75
|
-
if (controlService) {
|
|
76
|
-
controlService.addControl(this, this.sceneContainer);
|
|
77
|
-
}
|
|
78
|
-
|
|
79
|
-
return this;
|
|
80
|
-
}
|
|
81
|
-
}, {
|
|
82
|
-
key: "addTo",
|
|
83
|
-
value: function addTo(sceneContainer) {
|
|
84
|
-
this.mapsService = sceneContainer.get(TYPES.IMapService);
|
|
85
|
-
this.renderService = sceneContainer.get(TYPES.IRendererService);
|
|
86
|
-
this.layerService = sceneContainer.get(TYPES.ILayerService);
|
|
87
|
-
this.controlService = sceneContainer.get(TYPES.IControlService);
|
|
88
|
-
this.sceneContainer = sceneContainer;
|
|
89
|
-
this.isShow = true;
|
|
90
|
-
this.container = this.onAdd();
|
|
91
|
-
var container = this.container;
|
|
92
|
-
var pos = this.controlOption.position;
|
|
93
|
-
var corner = this.controlService.controlCorners[pos];
|
|
94
|
-
DOM.addClass(container, 'l7-control');
|
|
95
|
-
|
|
96
|
-
if (pos.indexOf('bottom') !== -1) {
|
|
97
|
-
corner.insertBefore(container, corner.firstChild);
|
|
98
|
-
} else {
|
|
99
|
-
corner.appendChild(container);
|
|
100
|
-
}
|
|
101
|
-
|
|
102
|
-
return this;
|
|
103
|
-
}
|
|
104
|
-
}, {
|
|
105
|
-
key: "onAdd",
|
|
106
|
-
value: function onAdd() {
|
|
107
|
-
throw new Error('Method not implemented.');
|
|
108
|
-
}
|
|
109
|
-
}, {
|
|
110
|
-
key: "onRemove",
|
|
111
|
-
value: function onRemove() {
|
|
112
|
-
throw new Error('Method not implemented.');
|
|
113
|
-
}
|
|
114
|
-
}, {
|
|
115
|
-
key: "hide",
|
|
116
|
-
value: function hide() {
|
|
117
|
-
var container = this.container;
|
|
118
|
-
DOM.addClass(container, 'l7-control-hide');
|
|
119
|
-
this.isShow = false;
|
|
120
|
-
}
|
|
121
|
-
}, {
|
|
122
|
-
key: "show",
|
|
123
|
-
value: function show() {
|
|
124
|
-
var container = this.container;
|
|
125
|
-
DOM.removeClass(container, 'l7-control-hide');
|
|
126
|
-
this.isShow = true;
|
|
127
|
-
}
|
|
128
|
-
}, {
|
|
129
|
-
key: "remove",
|
|
130
|
-
value: function remove() {
|
|
131
|
-
if (!this.mapsService) {
|
|
132
|
-
return this;
|
|
133
|
-
}
|
|
134
|
-
|
|
135
|
-
DOM.remove(this.container);
|
|
136
|
-
this.onRemove();
|
|
137
|
-
}
|
|
138
|
-
}, {
|
|
139
|
-
key: "_refocusOnMap",
|
|
140
|
-
value: function _refocusOnMap(e) {
|
|
141
|
-
if (this.mapsService && e && e.screenX > 0 && e.screenY > 0) {
|
|
142
|
-
var container = this.mapsService.getContainer();
|
|
143
|
-
|
|
144
|
-
if (container !== null) {
|
|
145
|
-
container.focus();
|
|
146
|
-
}
|
|
147
|
-
}
|
|
148
|
-
}
|
|
149
|
-
}]);
|
|
150
|
-
|
|
151
|
-
return Control;
|
|
152
|
-
}(EventEmitter);
|
|
153
|
-
|
|
154
|
-
export { Control as default };
|
|
155
|
-
//# sourceMappingURL=BaseControl.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/control/BaseControl.ts"],"names":["PositionType","TYPES","DOM","EventEmitter","controlId","Control","cfg","controlOption","getDefault","position","TOPRIGHT","name","BOTTOMRIGHT","controlService","removeControl","addControl","sceneContainer","mapsService","get","IMapService","renderService","IRendererService","layerService","ILayerService","IControlService","isShow","container","onAdd","pos","corner","controlCorners","addClass","indexOf","insertBefore","firstChild","appendChild","Error","removeClass","remove","onRemove","e","screenX","screenY","getContainer","focus"],"mappings":"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","sourcesContent":["import {\n IControlOption,\n IControlService,\n ILayerService,\n IMapService,\n IRendererService,\n PositionType,\n TYPES,\n} from '@antv/l7-core';\nimport { DOM } from '@antv/l7-utils';\nimport { EventEmitter } from 'eventemitter3';\nimport { Container } from 'inversify';\n\nexport { PositionType } from '@antv/l7-core';\n\nlet controlId = 0;\nexport default class Control extends EventEmitter {\n public controlOption: IControlOption;\n protected container: HTMLElement;\n protected sceneContainer: Container;\n protected mapsService: IMapService;\n protected renderService: IRendererService;\n protected layerService: ILayerService;\n protected controlService: IControlService;\n\n private isShow: boolean;\n\n constructor(cfg?: Partial<IControlOption>) {\n super();\n this.controlOption = {\n ...this.getDefault(),\n ...(cfg || {}),\n };\n }\n\n public getDefault() {\n return {\n position: PositionType.TOPRIGHT,\n name: `${controlId++}`,\n };\n }\n\n public setPosition(position: PositionType = PositionType.BOTTOMRIGHT) {\n // 考虑组件的自动布局,需要销毁重建\n const controlService = this.controlService;\n if (controlService) {\n controlService.removeControl(this);\n }\n this.controlOption.position = position;\n if (controlService) {\n controlService.addControl(this, this.sceneContainer);\n }\n return this;\n }\n public addTo(sceneContainer: Container) {\n this.mapsService = sceneContainer.get<IMapService>(TYPES.IMapService);\n this.renderService = sceneContainer.get<IRendererService>(\n TYPES.IRendererService,\n );\n this.layerService = sceneContainer.get<ILayerService>(TYPES.ILayerService);\n this.controlService = sceneContainer.get<IControlService>(\n TYPES.IControlService,\n );\n this.sceneContainer = sceneContainer;\n this.isShow = true;\n this.container = this.onAdd();\n const container = this.container;\n const pos = this.controlOption.position;\n const corner = this.controlService.controlCorners[pos];\n DOM.addClass(container, 'l7-control');\n\n if (pos.indexOf('bottom') !== -1) {\n corner.insertBefore(container, corner.firstChild);\n } else {\n corner.appendChild(container);\n }\n return this;\n }\n public onAdd(): HTMLElement {\n throw new Error('Method not implemented.');\n }\n\n public onRemove(): void {\n throw new Error('Method not implemented.');\n }\n public hide() {\n const container = this.container;\n DOM.addClass(container, 'l7-control-hide');\n this.isShow = false;\n }\n public show() {\n const container = this.container;\n DOM.removeClass(container, 'l7-control-hide');\n this.isShow = true;\n }\n public remove() {\n if (!this.mapsService) {\n return this;\n }\n DOM.remove(this.container);\n this.onRemove();\n }\n public _refocusOnMap(e: MouseEvent) {\n // if map exists and event is not a keyboard event\n if (this.mapsService && e && e.screenX > 0 && e.screenY > 0) {\n const container = this.mapsService.getContainer();\n if (container !== null) {\n container.focus();\n }\n }\n }\n}\n"],"file":"BaseControl.js"}
|
package/es/control/layer.d.ts
DELETED
|
@@ -1,44 +0,0 @@
|
|
|
1
|
-
import { IControlOption, PositionType } from '@antv/l7-core';
|
|
2
|
-
import Control from './BaseControl';
|
|
3
|
-
export interface ILayerControlOption extends IControlOption {
|
|
4
|
-
collapsed: boolean;
|
|
5
|
-
autoZIndex: boolean;
|
|
6
|
-
hideSingleBase: boolean;
|
|
7
|
-
sortLayers: boolean;
|
|
8
|
-
sortFunction: (...args: any[]) => any;
|
|
9
|
-
}
|
|
10
|
-
export default class Layers extends Control {
|
|
11
|
-
private layerControlInputs;
|
|
12
|
-
private layers;
|
|
13
|
-
private lastZIndex;
|
|
14
|
-
private handlingClick;
|
|
15
|
-
private layersLink;
|
|
16
|
-
private baseLayersList;
|
|
17
|
-
private separator;
|
|
18
|
-
private overlaysList;
|
|
19
|
-
private form;
|
|
20
|
-
constructor(cfg: Partial<ILayerControlOption>);
|
|
21
|
-
getDefault(): {
|
|
22
|
-
collapsed: boolean;
|
|
23
|
-
position: PositionType;
|
|
24
|
-
autoZIndex: boolean;
|
|
25
|
-
hideSingleBase: boolean;
|
|
26
|
-
sortLayers: boolean;
|
|
27
|
-
name: string;
|
|
28
|
-
};
|
|
29
|
-
onAdd(): HTMLElement;
|
|
30
|
-
addVisualLayer(layer: any, name: string | number): this;
|
|
31
|
-
expand(): this;
|
|
32
|
-
collapse(): this;
|
|
33
|
-
onRemove(): void;
|
|
34
|
-
private initLayout;
|
|
35
|
-
private initLayers;
|
|
36
|
-
private update;
|
|
37
|
-
private checkDisabledLayers;
|
|
38
|
-
private addLayer;
|
|
39
|
-
private expandIfNotCollapsed;
|
|
40
|
-
private onLayerChange;
|
|
41
|
-
private createRadioElement;
|
|
42
|
-
private addItem;
|
|
43
|
-
private onInputClick;
|
|
44
|
-
}
|
package/es/control/layer.js
DELETED
|
@@ -1,355 +0,0 @@
|
|
|
1
|
-
import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
|
|
2
|
-
import _createClass from "@babel/runtime/helpers/createClass";
|
|
3
|
-
import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
|
|
4
|
-
import _inherits from "@babel/runtime/helpers/inherits";
|
|
5
|
-
import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
|
|
6
|
-
import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
|
|
7
|
-
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
8
|
-
|
|
9
|
-
function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
|
|
10
|
-
|
|
11
|
-
function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
|
|
12
|
-
|
|
13
|
-
import { PositionType } from '@antv/l7-core';
|
|
14
|
-
import { bindAll, DOM } from '@antv/l7-utils';
|
|
15
|
-
import Control from './BaseControl';
|
|
16
|
-
|
|
17
|
-
var Layers = function (_Control) {
|
|
18
|
-
_inherits(Layers, _Control);
|
|
19
|
-
|
|
20
|
-
var _super = _createSuper(Layers);
|
|
21
|
-
|
|
22
|
-
function Layers(cfg) {
|
|
23
|
-
var _this;
|
|
24
|
-
|
|
25
|
-
_classCallCheck(this, Layers);
|
|
26
|
-
|
|
27
|
-
_this = _super.call(this, cfg);
|
|
28
|
-
|
|
29
|
-
_defineProperty(_assertThisInitialized(_this), "layerControlInputs", void 0);
|
|
30
|
-
|
|
31
|
-
_defineProperty(_assertThisInitialized(_this), "layers", void 0);
|
|
32
|
-
|
|
33
|
-
_defineProperty(_assertThisInitialized(_this), "lastZIndex", void 0);
|
|
34
|
-
|
|
35
|
-
_defineProperty(_assertThisInitialized(_this), "handlingClick", void 0);
|
|
36
|
-
|
|
37
|
-
_defineProperty(_assertThisInitialized(_this), "layersLink", void 0);
|
|
38
|
-
|
|
39
|
-
_defineProperty(_assertThisInitialized(_this), "baseLayersList", void 0);
|
|
40
|
-
|
|
41
|
-
_defineProperty(_assertThisInitialized(_this), "separator", void 0);
|
|
42
|
-
|
|
43
|
-
_defineProperty(_assertThisInitialized(_this), "overlaysList", void 0);
|
|
44
|
-
|
|
45
|
-
_defineProperty(_assertThisInitialized(_this), "form", void 0);
|
|
46
|
-
|
|
47
|
-
_this.layerControlInputs = [];
|
|
48
|
-
_this.layers = [];
|
|
49
|
-
_this.lastZIndex = 0;
|
|
50
|
-
_this.handlingClick = false;
|
|
51
|
-
|
|
52
|
-
_this.initLayers();
|
|
53
|
-
|
|
54
|
-
bindAll(['checkDisabledLayers', 'onLayerChange', 'collapse', 'extend', 'expand', 'onInputClick'], _assertThisInitialized(_this));
|
|
55
|
-
return _this;
|
|
56
|
-
}
|
|
57
|
-
|
|
58
|
-
_createClass(Layers, [{
|
|
59
|
-
key: "getDefault",
|
|
60
|
-
value: function getDefault() {
|
|
61
|
-
return {
|
|
62
|
-
collapsed: true,
|
|
63
|
-
position: PositionType.TOPRIGHT,
|
|
64
|
-
autoZIndex: true,
|
|
65
|
-
hideSingleBase: false,
|
|
66
|
-
sortLayers: false,
|
|
67
|
-
name: 'layers'
|
|
68
|
-
};
|
|
69
|
-
}
|
|
70
|
-
}, {
|
|
71
|
-
key: "onAdd",
|
|
72
|
-
value: function onAdd() {
|
|
73
|
-
var _this2 = this;
|
|
74
|
-
|
|
75
|
-
this.initLayout();
|
|
76
|
-
this.update();
|
|
77
|
-
this.mapsService.on('zoomend', this.checkDisabledLayers);
|
|
78
|
-
this.layers.forEach(function (layerItem) {
|
|
79
|
-
layerItem.layer.on('remove', _this2.onLayerChange);
|
|
80
|
-
layerItem.layer.on('add', _this2.onLayerChange);
|
|
81
|
-
});
|
|
82
|
-
return this.container;
|
|
83
|
-
}
|
|
84
|
-
}, {
|
|
85
|
-
key: "addVisualLayer",
|
|
86
|
-
value: function addVisualLayer(layer, name) {
|
|
87
|
-
this.addLayer(layer, name, true);
|
|
88
|
-
return this.mapsService ? this.update() : this;
|
|
89
|
-
}
|
|
90
|
-
}, {
|
|
91
|
-
key: "expand",
|
|
92
|
-
value: function expand() {
|
|
93
|
-
var _this$renderService$g = this.renderService.getViewportSize(),
|
|
94
|
-
height = _this$renderService$g.height;
|
|
95
|
-
|
|
96
|
-
DOM.addClass(this.container, 'l7-control-layers-expanded');
|
|
97
|
-
this.form.style.height = 'null';
|
|
98
|
-
var acceptableHeight = height - (this.container.offsetTop + 50);
|
|
99
|
-
|
|
100
|
-
if (acceptableHeight < this.form.clientHeight) {
|
|
101
|
-
DOM.addClass(this.form, 'l7-control-layers-scrollbar');
|
|
102
|
-
this.form.style.height = acceptableHeight + 'px';
|
|
103
|
-
} else {
|
|
104
|
-
DOM.removeClass(this.form, 'l7-control-layers-scrollbar');
|
|
105
|
-
}
|
|
106
|
-
|
|
107
|
-
this.checkDisabledLayers();
|
|
108
|
-
return this;
|
|
109
|
-
}
|
|
110
|
-
}, {
|
|
111
|
-
key: "collapse",
|
|
112
|
-
value: function collapse() {
|
|
113
|
-
DOM.removeClass(this.container, 'l7-control-layers-expanded');
|
|
114
|
-
return this;
|
|
115
|
-
}
|
|
116
|
-
}, {
|
|
117
|
-
key: "onRemove",
|
|
118
|
-
value: function onRemove() {
|
|
119
|
-
var _this3 = this;
|
|
120
|
-
|
|
121
|
-
if (!this.mapsService) {
|
|
122
|
-
return;
|
|
123
|
-
}
|
|
124
|
-
|
|
125
|
-
this.mapsService.off('click', this.collapse);
|
|
126
|
-
this.layers.forEach(function (layerItem) {
|
|
127
|
-
layerItem.layer.off('remove', _this3.onLayerChange);
|
|
128
|
-
layerItem.layer.off('add', _this3.onLayerChange);
|
|
129
|
-
});
|
|
130
|
-
}
|
|
131
|
-
}, {
|
|
132
|
-
key: "initLayout",
|
|
133
|
-
value: function initLayout() {
|
|
134
|
-
var className = 'l7-control-layers';
|
|
135
|
-
var container = this.container = DOM.create('div', className);
|
|
136
|
-
var collapsed = this.controlOption.collapsed;
|
|
137
|
-
container.setAttribute('aria-haspopup', 'true');
|
|
138
|
-
var form = this.form = DOM.create('form', className + '-list');
|
|
139
|
-
|
|
140
|
-
if (collapsed) {
|
|
141
|
-
this.mapsService.on('click', this.collapse);
|
|
142
|
-
container.addEventListener('mouseenter', this.expand);
|
|
143
|
-
container.addEventListener('mouseleave', this.collapse);
|
|
144
|
-
}
|
|
145
|
-
|
|
146
|
-
this.layersLink = DOM.create('a', className + '-toggle', container);
|
|
147
|
-
var link = this.layersLink;
|
|
148
|
-
link.title = 'Layers';
|
|
149
|
-
|
|
150
|
-
if (!collapsed) {
|
|
151
|
-
this.expand();
|
|
152
|
-
}
|
|
153
|
-
|
|
154
|
-
this.baseLayersList = DOM.create('div', className + '-base', form);
|
|
155
|
-
this.separator = DOM.create('div', className + '-separator', form);
|
|
156
|
-
this.overlaysList = DOM.create('div', className + '-overlays', form);
|
|
157
|
-
container.appendChild(form);
|
|
158
|
-
}
|
|
159
|
-
}, {
|
|
160
|
-
key: "initLayers",
|
|
161
|
-
value: function initLayers() {
|
|
162
|
-
var _this4 = this;
|
|
163
|
-
|
|
164
|
-
var _this$controlOption = this.controlOption,
|
|
165
|
-
_this$controlOption$b = _this$controlOption.baseLayers,
|
|
166
|
-
baseLayers = _this$controlOption$b === void 0 ? {} : _this$controlOption$b,
|
|
167
|
-
_this$controlOption$o = _this$controlOption.overlayers,
|
|
168
|
-
overlayers = _this$controlOption$o === void 0 ? {} : _this$controlOption$o;
|
|
169
|
-
Object.keys(baseLayers).forEach(function (name, index) {
|
|
170
|
-
_this4.addLayer(baseLayers[name], name, false);
|
|
171
|
-
});
|
|
172
|
-
Object.keys(overlayers).forEach(function (name, index) {
|
|
173
|
-
_this4.addLayer(overlayers[name], name, true);
|
|
174
|
-
});
|
|
175
|
-
}
|
|
176
|
-
}, {
|
|
177
|
-
key: "update",
|
|
178
|
-
value: function update() {
|
|
179
|
-
if (!this.container) {
|
|
180
|
-
return this;
|
|
181
|
-
}
|
|
182
|
-
|
|
183
|
-
DOM.empty(this.baseLayersList);
|
|
184
|
-
DOM.empty(this.overlaysList);
|
|
185
|
-
this.layerControlInputs = [];
|
|
186
|
-
var baseLayersPresent;
|
|
187
|
-
var overlaysPresent;
|
|
188
|
-
var i;
|
|
189
|
-
var obj;
|
|
190
|
-
var baseLayersCount = 0;
|
|
191
|
-
|
|
192
|
-
for (i = 0; i < this.layers.length; i++) {
|
|
193
|
-
obj = this.layers[i];
|
|
194
|
-
this.addItem(obj);
|
|
195
|
-
overlaysPresent = overlaysPresent || obj.overlay;
|
|
196
|
-
baseLayersPresent = baseLayersPresent || !obj.overlay;
|
|
197
|
-
baseLayersCount += !obj.overlay ? 1 : 0;
|
|
198
|
-
}
|
|
199
|
-
|
|
200
|
-
if (this.controlOption.hideSingleBase) {
|
|
201
|
-
baseLayersPresent = baseLayersPresent && baseLayersCount > 1;
|
|
202
|
-
this.baseLayersList.style.display = baseLayersPresent ? '' : 'none';
|
|
203
|
-
}
|
|
204
|
-
|
|
205
|
-
this.separator.style.display = overlaysPresent && baseLayersPresent ? '' : 'none';
|
|
206
|
-
return this;
|
|
207
|
-
}
|
|
208
|
-
}, {
|
|
209
|
-
key: "checkDisabledLayers",
|
|
210
|
-
value: function checkDisabledLayers() {
|
|
211
|
-
var inputs = this.layerControlInputs;
|
|
212
|
-
var input;
|
|
213
|
-
var layer;
|
|
214
|
-
var zoom = this.mapsService.getZoom();
|
|
215
|
-
|
|
216
|
-
for (var i = inputs.length - 1; i >= 0; i--) {
|
|
217
|
-
input = inputs[i];
|
|
218
|
-
layer = this.layerService.getLayer(input.layerId);
|
|
219
|
-
|
|
220
|
-
if (layer && layer.inited) {
|
|
221
|
-
var minZoom = layer.getMinZoom();
|
|
222
|
-
var maxZoom = layer.getMaxZoom();
|
|
223
|
-
input.disabled = zoom < minZoom || zoom > maxZoom;
|
|
224
|
-
}
|
|
225
|
-
}
|
|
226
|
-
}
|
|
227
|
-
}, {
|
|
228
|
-
key: "addLayer",
|
|
229
|
-
value: function addLayer(layer, name, overlay) {
|
|
230
|
-
if (this.mapsService) {
|
|
231
|
-
layer.on('add', this.onLayerChange);
|
|
232
|
-
layer.on('remove', this.onLayerChange);
|
|
233
|
-
}
|
|
234
|
-
|
|
235
|
-
this.layers.push({
|
|
236
|
-
layer: layer,
|
|
237
|
-
name: name,
|
|
238
|
-
overlay: overlay
|
|
239
|
-
});
|
|
240
|
-
var _this$controlOption2 = this.controlOption,
|
|
241
|
-
sortLayers = _this$controlOption2.sortLayers,
|
|
242
|
-
sortFunction = _this$controlOption2.sortFunction,
|
|
243
|
-
autoZIndex = _this$controlOption2.autoZIndex;
|
|
244
|
-
|
|
245
|
-
if (sortLayers) {
|
|
246
|
-
this.layers.sort(function (a, b) {
|
|
247
|
-
return sortFunction(a.layer, b.layer, a.name, b.name);
|
|
248
|
-
});
|
|
249
|
-
}
|
|
250
|
-
|
|
251
|
-
if (autoZIndex && layer.setZIndex) {
|
|
252
|
-
this.lastZIndex++;
|
|
253
|
-
layer.setZIndex(this.lastZIndex);
|
|
254
|
-
}
|
|
255
|
-
|
|
256
|
-
this.expandIfNotCollapsed();
|
|
257
|
-
}
|
|
258
|
-
}, {
|
|
259
|
-
key: "expandIfNotCollapsed",
|
|
260
|
-
value: function expandIfNotCollapsed() {
|
|
261
|
-
if (this.mapsService && !this.controlOption.collapsed) {
|
|
262
|
-
this.expand();
|
|
263
|
-
}
|
|
264
|
-
|
|
265
|
-
return this;
|
|
266
|
-
}
|
|
267
|
-
}, {
|
|
268
|
-
key: "onLayerChange",
|
|
269
|
-
value: function onLayerChange(e) {
|
|
270
|
-
if (!this.handlingClick) {
|
|
271
|
-
this.update();
|
|
272
|
-
}
|
|
273
|
-
|
|
274
|
-
var obj = this.layerService.getLayer(e.target.layerId);
|
|
275
|
-
var type = obj !== null && obj !== void 0 && obj.overlay ? e.type === 'add' ? 'overlayadd' : 'overlayremove' : e.type === 'add' ? 'baselayerchange' : null;
|
|
276
|
-
|
|
277
|
-
if (type) {
|
|
278
|
-
this.emit(type, obj);
|
|
279
|
-
}
|
|
280
|
-
}
|
|
281
|
-
}, {
|
|
282
|
-
key: "createRadioElement",
|
|
283
|
-
value: function createRadioElement(name, checked) {
|
|
284
|
-
var radioHtml = '<input type="radio" class="l7-control-layers-selector" name="' + name + '"' + (checked ? ' checked="checked"' : '') + '/>';
|
|
285
|
-
var radioFragment = document.createElement('div');
|
|
286
|
-
radioFragment.innerHTML = radioHtml;
|
|
287
|
-
return radioFragment.firstChild;
|
|
288
|
-
}
|
|
289
|
-
}, {
|
|
290
|
-
key: "addItem",
|
|
291
|
-
value: function addItem(obj) {
|
|
292
|
-
var label = document.createElement('label');
|
|
293
|
-
var layer = this.layerService.getLayer(obj.layer.id);
|
|
294
|
-
var checked = layer && layer.inited && obj.layer.isVisible();
|
|
295
|
-
var input;
|
|
296
|
-
|
|
297
|
-
if (obj.overlay) {
|
|
298
|
-
input = document.createElement('input');
|
|
299
|
-
input.type = 'checkbox';
|
|
300
|
-
input.className = 'l7-control-layers-selector';
|
|
301
|
-
input.defaultChecked = checked;
|
|
302
|
-
} else {
|
|
303
|
-
input = this.createRadioElement('l7-base-layers', checked);
|
|
304
|
-
}
|
|
305
|
-
|
|
306
|
-
this.layerControlInputs.push(input);
|
|
307
|
-
input.layerId = obj.layer.id;
|
|
308
|
-
input.addEventListener('click', this.onInputClick);
|
|
309
|
-
var name = document.createElement('span');
|
|
310
|
-
name.innerHTML = ' ' + obj.name;
|
|
311
|
-
var holder = document.createElement('div');
|
|
312
|
-
label.appendChild(holder);
|
|
313
|
-
holder.appendChild(input);
|
|
314
|
-
holder.appendChild(name);
|
|
315
|
-
var container = obj.overlay ? this.overlaysList : this.baseLayersList;
|
|
316
|
-
container.appendChild(label);
|
|
317
|
-
this.checkDisabledLayers();
|
|
318
|
-
return label;
|
|
319
|
-
}
|
|
320
|
-
}, {
|
|
321
|
-
key: "onInputClick",
|
|
322
|
-
value: function onInputClick() {
|
|
323
|
-
var inputs = this.layerControlInputs;
|
|
324
|
-
var input;
|
|
325
|
-
var layer;
|
|
326
|
-
var addedLayers = [];
|
|
327
|
-
var removedLayers = [];
|
|
328
|
-
this.handlingClick = true;
|
|
329
|
-
|
|
330
|
-
for (var i = inputs.length - 1; i >= 0; i--) {
|
|
331
|
-
input = inputs[i];
|
|
332
|
-
layer = this.layerService.getLayer(input.layerId);
|
|
333
|
-
|
|
334
|
-
if (input.checked) {
|
|
335
|
-
addedLayers.push(layer);
|
|
336
|
-
} else if (!input.checked) {
|
|
337
|
-
removedLayers.push(layer);
|
|
338
|
-
}
|
|
339
|
-
}
|
|
340
|
-
|
|
341
|
-
removedLayers.forEach(function (l) {
|
|
342
|
-
l.hide();
|
|
343
|
-
});
|
|
344
|
-
addedLayers.forEach(function (l) {
|
|
345
|
-
l.show();
|
|
346
|
-
});
|
|
347
|
-
this.handlingClick = false;
|
|
348
|
-
}
|
|
349
|
-
}]);
|
|
350
|
-
|
|
351
|
-
return Layers;
|
|
352
|
-
}(Control);
|
|
353
|
-
|
|
354
|
-
export { Layers as default };
|
|
355
|
-
//# sourceMappingURL=layer.js.map
|
package/es/control/layer.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/control/layer.ts"],"names":["PositionType","bindAll","DOM","Control","Layers","cfg","layerControlInputs","layers","lastZIndex","handlingClick","initLayers","collapsed","position","TOPRIGHT","autoZIndex","hideSingleBase","sortLayers","name","initLayout","update","mapsService","on","checkDisabledLayers","forEach","layerItem","layer","onLayerChange","container","addLayer","renderService","getViewportSize","height","addClass","form","style","acceptableHeight","offsetTop","clientHeight","removeClass","off","collapse","className","create","controlOption","setAttribute","addEventListener","expand","layersLink","link","title","baseLayersList","separator","overlaysList","appendChild","baseLayers","overlayers","Object","keys","index","empty","baseLayersPresent","overlaysPresent","i","obj","baseLayersCount","length","addItem","overlay","display","inputs","input","zoom","getZoom","layerService","getLayer","layerId","inited","minZoom","getMinZoom","maxZoom","getMaxZoom","disabled","push","sortFunction","sort","a","b","setZIndex","expandIfNotCollapsed","e","target","type","emit","checked","radioHtml","radioFragment","document","createElement","innerHTML","firstChild","label","id","isVisible","defaultChecked","createRadioElement","onInputClick","holder","addedLayers","removedLayers","l","hide","show"],"mappings":"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","sourcesContent":["import { IControlOption, PositionName, PositionType } from '@antv/l7-core';\nimport { bindAll, DOM, lnglatDistance } from '@antv/l7-utils';\nimport Control from './BaseControl';\nexport interface ILayerControlOption extends IControlOption {\n collapsed: boolean;\n autoZIndex: boolean;\n hideSingleBase: boolean;\n sortLayers: boolean;\n\n sortFunction: (...args: any[]) => any;\n}\ninterface IInputItem extends HTMLInputElement {\n layerId: string;\n}\nexport default class Layers extends Control {\n private layerControlInputs: any[];\n private layers: any[];\n private lastZIndex: number;\n private handlingClick: boolean;\n private layersLink: HTMLElement;\n private baseLayersList: HTMLElement;\n private separator: HTMLElement;\n private overlaysList: HTMLElement;\n private form: HTMLElement;\n\n constructor(cfg: Partial<ILayerControlOption>) {\n super(cfg);\n this.layerControlInputs = [];\n this.layers = [];\n this.lastZIndex = 0;\n this.handlingClick = false;\n this.initLayers();\n\n bindAll(\n [\n 'checkDisabledLayers',\n 'onLayerChange',\n 'collapse',\n 'extend',\n 'expand',\n 'onInputClick',\n ],\n this,\n );\n }\n\n public getDefault() {\n return {\n collapsed: true,\n position: PositionType.TOPRIGHT,\n autoZIndex: true,\n hideSingleBase: false,\n sortLayers: false,\n name: 'layers',\n };\n }\n public onAdd() {\n this.initLayout();\n this.update();\n this.mapsService.on('zoomend', this.checkDisabledLayers);\n this.layers.forEach((layerItem) => {\n layerItem.layer.on('remove', this.onLayerChange);\n layerItem.layer.on('add', this.onLayerChange);\n });\n return this.container;\n }\n\n public addVisualLayer(layer: any, name: string | number) {\n this.addLayer(layer, name, true);\n return this.mapsService ? this.update() : this;\n }\n public expand() {\n const { height } = this.renderService.getViewportSize();\n DOM.addClass(this.container, 'l7-control-layers-expanded');\n this.form.style.height = 'null';\n const acceptableHeight = height - (this.container.offsetTop + 50);\n if (acceptableHeight < this.form.clientHeight) {\n DOM.addClass(this.form, 'l7-control-layers-scrollbar');\n this.form.style.height = acceptableHeight + 'px';\n } else {\n DOM.removeClass(this.form, 'l7-control-layers-scrollbar');\n }\n this.checkDisabledLayers();\n return this;\n }\n\n public collapse() {\n DOM.removeClass(this.container, 'l7-control-layers-expanded');\n return this;\n }\n\n public onRemove() {\n if (!this.mapsService) {\n return;\n }\n this.mapsService.off('click', this.collapse);\n this.layers.forEach((layerItem) => {\n layerItem.layer.off('remove', this.onLayerChange);\n layerItem.layer.off('add', this.onLayerChange);\n });\n }\n private initLayout() {\n const className = 'l7-control-layers';\n const container = (this.container = DOM.create('div', className));\n const { collapsed } = this.controlOption;\n // makes this work on IE touch devices by stopping it from firing a mouseout event when the touch is released\n container.setAttribute('aria-haspopup', 'true');\n const form = (this.form = DOM.create(\n 'form',\n className + '-list',\n ) as HTMLElement);\n\n if (collapsed) {\n this.mapsService.on('click', this.collapse);\n container.addEventListener('mouseenter', this.expand);\n container.addEventListener('mouseleave', this.collapse);\n }\n\n this.layersLink = DOM.create('a', className + '-toggle', container);\n const link = this.layersLink;\n // link.href = '#';\n link.title = 'Layers';\n if (!collapsed) {\n this.expand();\n }\n this.baseLayersList = DOM.create('div', className + '-base', form);\n this.separator = DOM.create('div', className + '-separator', form);\n this.overlaysList = DOM.create('div', className + '-overlays', form);\n container.appendChild(form);\n }\n private initLayers() {\n const { baseLayers = {}, overlayers = {} } = this.controlOption;\n Object.keys(baseLayers).forEach((name: string, index: number) => {\n // baseLayers[name].once('inited', this.update);\n this.addLayer(baseLayers[name], name, false);\n });\n Object.keys(overlayers).forEach((name: any, index: number) => {\n // overlayers[name].once('inited', this.update);\n this.addLayer(overlayers[name], name, true);\n });\n }\n\n private update() {\n if (!this.container) {\n return this;\n }\n\n DOM.empty(this.baseLayersList);\n DOM.empty(this.overlaysList);\n\n this.layerControlInputs = [];\n let baseLayersPresent;\n let overlaysPresent;\n let i;\n let obj;\n let baseLayersCount = 0;\n\n for (i = 0; i < this.layers.length; i++) {\n obj = this.layers[i];\n this.addItem(obj);\n overlaysPresent = overlaysPresent || obj.overlay;\n baseLayersPresent = baseLayersPresent || !obj.overlay;\n baseLayersCount += !obj.overlay ? 1 : 0;\n }\n\n // Hide base layers section if there's only one layer.\n if (this.controlOption.hideSingleBase) {\n baseLayersPresent = baseLayersPresent && baseLayersCount > 1;\n this.baseLayersList.style.display = baseLayersPresent ? '' : 'none';\n }\n\n this.separator.style.display =\n overlaysPresent && baseLayersPresent ? '' : 'none';\n\n return this;\n }\n\n private checkDisabledLayers() {\n const inputs = this.layerControlInputs;\n let input: IInputItem;\n let layer;\n const zoom = this.mapsService.getZoom();\n\n for (let i = inputs.length - 1; i >= 0; i--) {\n input = inputs[i];\n layer = this.layerService.getLayer(input.layerId);\n\n if (layer && layer.inited) {\n const minZoom = layer.getMinZoom();\n const maxZoom = layer.getMaxZoom();\n\n input.disabled = zoom < minZoom || zoom > maxZoom;\n }\n }\n }\n\n private addLayer(layer: any, name: string | number, overlay: boolean) {\n if (this.mapsService) {\n layer.on('add', this.onLayerChange);\n layer.on('remove', this.onLayerChange);\n }\n this.layers.push({\n layer,\n name,\n overlay,\n });\n const { sortLayers, sortFunction, autoZIndex } = this.controlOption;\n if (sortLayers) {\n this.layers.sort((a, b) => {\n return sortFunction(a.layer, b.layer, a.name, b.name);\n });\n }\n\n if (autoZIndex && layer.setZIndex) {\n this.lastZIndex++;\n layer.setZIndex(this.lastZIndex);\n }\n\n this.expandIfNotCollapsed();\n }\n\n private expandIfNotCollapsed() {\n if (this.mapsService && !this.controlOption.collapsed) {\n this.expand();\n }\n return this;\n }\n\n private onLayerChange(e: any) {\n if (!this.handlingClick) {\n this.update();\n }\n\n const obj = this.layerService.getLayer(e.target.layerId);\n\n // @ts-ignore\n const type = obj?.overlay\n ? e.type === 'add'\n ? 'overlayadd'\n : 'overlayremove'\n : e.type === 'add'\n ? 'baselayerchange'\n : null;\n\n if (type) {\n this.emit(type, obj);\n }\n }\n\n private createRadioElement(name: string, checked: boolean): ChildNode {\n const radioHtml =\n '<input type=\"radio\" class=\"l7-control-layers-selector\" name=\"' +\n name +\n '\"' +\n (checked ? ' checked=\"checked\"' : '') +\n '/>';\n\n const radioFragment = document.createElement('div');\n radioFragment.innerHTML = radioHtml;\n\n return radioFragment.firstChild as ChildNode;\n }\n\n private addItem(obj: any) {\n const label = document.createElement('label');\n const layer = this.layerService.getLayer(obj.layer.id);\n const checked = layer && layer.inited && obj.layer.isVisible();\n let input: IInputItem;\n if (obj.overlay) {\n input = document.createElement('input') as IInputItem;\n input.type = 'checkbox';\n input.className = 'l7-control-layers-selector';\n input.defaultChecked = checked;\n } else {\n input = this.createRadioElement('l7-base-layers', checked) as IInputItem;\n }\n this.layerControlInputs.push(input);\n input.layerId = obj.layer.id;\n input.addEventListener('click', this.onInputClick);\n\n const name = document.createElement('span');\n name.innerHTML = ' ' + obj.name;\n\n const holder = document.createElement('div');\n\n label.appendChild(holder);\n holder.appendChild(input);\n holder.appendChild(name);\n\n const container = obj.overlay ? this.overlaysList : this.baseLayersList;\n container.appendChild(label);\n\n this.checkDisabledLayers();\n return label;\n }\n\n private onInputClick() {\n const inputs = this.layerControlInputs;\n let input;\n let layer;\n const addedLayers = [];\n const removedLayers = [];\n this.handlingClick = true;\n for (let i = inputs.length - 1; i >= 0; i--) {\n input = inputs[i];\n layer = this.layerService.getLayer(input.layerId);\n if (input.checked) {\n addedLayers.push(layer);\n } else if (!input.checked) {\n removedLayers.push(layer);\n }\n }\n removedLayers.forEach((l: any) => {\n l.hide();\n });\n addedLayers.forEach((l: any) => {\n l.show();\n });\n\n this.handlingClick = false;\n }\n}\n"],"file":"layer.js"}
|