@antv/l7-component 2.15.5 → 2.16.1
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/es/assets/iconfont/iconfont.js +17 -10
- package/es/control/baseControl/buttonControl.js +42 -9
- package/es/control/baseControl/control.js +54 -25
- package/es/control/baseControl/popperControl.js +24 -10
- package/es/control/baseControl/selectControl.js +45 -6
- package/es/control/exportImage.js +116 -76
- package/es/control/fullscreen.js +53 -20
- package/es/control/geoLocate.js +66 -36
- package/es/control/layerSwitch.js +31 -0
- package/es/control/logo.js +14 -2
- package/es/control/mapTheme.js +32 -7
- package/es/control/mouseLocation.js +23 -2
- package/es/control/scale.js +29 -6
- package/es/control/zoom.js +23 -0
- package/es/index.js +12 -2
- package/es/marker-layer.js +75 -41
- package/es/marker.js +83 -29
- package/es/popup/layerPopup.js +82 -31
- package/es/popup/popup.js +127 -48
- package/es/utils/anchor.js +7 -3
- package/es/utils/popper.js +64 -15
- package/es/utils/screenfull.js +52 -23
- package/lib/assets/iconfont/iconfont.js +17 -10
- package/lib/control/baseControl/buttonControl.js +52 -9
- package/lib/control/baseControl/control.js +69 -25
- package/lib/control/baseControl/index.js +8 -0
- package/lib/control/baseControl/popperControl.js +29 -10
- package/lib/control/baseControl/selectControl.js +60 -6
- package/lib/control/exportImage.js +125 -76
- package/lib/control/fullscreen.js +60 -20
- package/lib/control/geoLocate.js +75 -36
- package/lib/control/layerSwitch.js +36 -0
- package/lib/control/logo.js +26 -2
- package/lib/control/mapTheme.js +42 -7
- package/lib/control/mouseLocation.js +33 -2
- package/lib/control/scale.js +40 -6
- package/lib/control/zoom.js +33 -0
- package/lib/index.js +41 -0
- package/lib/marker-layer.js +86 -39
- package/lib/marker.js +91 -29
- package/lib/popup/layerPopup.js +94 -29
- package/lib/popup/popup.js +139 -48
- package/lib/utils/anchor.js +9 -4
- package/lib/utils/icon.js +2 -0
- package/lib/utils/popper.js +71 -14
- package/lib/utils/screenfull.js +54 -23
- package/package.json +6 -6
|
@@ -1,48 +1,74 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
+
|
|
4
5
|
Object.defineProperty(exports, "__esModule", {
|
|
5
6
|
value: true
|
|
6
7
|
});
|
|
7
8
|
exports.default = exports.Fullscreen = void 0;
|
|
9
|
+
|
|
8
10
|
var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
|
|
11
|
+
|
|
9
12
|
var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
|
|
13
|
+
|
|
10
14
|
var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
|
|
15
|
+
|
|
11
16
|
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
|
|
17
|
+
|
|
12
18
|
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
|
|
19
|
+
|
|
13
20
|
var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
|
|
21
|
+
|
|
14
22
|
var _get2 = _interopRequireDefault(require("@babel/runtime/helpers/get"));
|
|
23
|
+
|
|
15
24
|
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
25
|
+
|
|
16
26
|
var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
|
|
27
|
+
|
|
17
28
|
var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
|
|
29
|
+
|
|
18
30
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
31
|
+
|
|
19
32
|
var _l7Utils = require("@antv/l7-utils");
|
|
33
|
+
|
|
20
34
|
var _icon = require("../utils/icon");
|
|
35
|
+
|
|
21
36
|
var _screenfull = _interopRequireDefault(require("../utils/screenfull"));
|
|
37
|
+
|
|
22
38
|
var _buttonControl = _interopRequireDefault(require("./baseControl/buttonControl"));
|
|
39
|
+
|
|
23
40
|
function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
|
|
41
|
+
|
|
24
42
|
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; } }
|
|
43
|
+
|
|
25
44
|
var Fullscreen = /*#__PURE__*/function (_ButtonControl) {
|
|
26
45
|
(0, _inherits2.default)(Fullscreen, _ButtonControl);
|
|
46
|
+
|
|
27
47
|
var _super = _createSuper(Fullscreen);
|
|
48
|
+
|
|
28
49
|
function Fullscreen(option) {
|
|
29
50
|
var _this;
|
|
51
|
+
|
|
30
52
|
(0, _classCallCheck2.default)(this, Fullscreen);
|
|
31
53
|
_this = _super.call(this, option);
|
|
32
54
|
(0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "isFullscreen", false);
|
|
33
55
|
(0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "toggleFullscreen", /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {
|
|
34
56
|
return _regenerator.default.wrap(function _callee$(_context) {
|
|
35
|
-
while (1)
|
|
36
|
-
|
|
37
|
-
|
|
57
|
+
while (1) {
|
|
58
|
+
switch (_context.prev = _context.next) {
|
|
59
|
+
case 0:
|
|
60
|
+
if (!_screenfull.default.isEnabled) {
|
|
61
|
+
_context.next = 3;
|
|
62
|
+
break;
|
|
63
|
+
}
|
|
64
|
+
|
|
38
65
|
_context.next = 3;
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
return _context.stop();
|
|
66
|
+
return _screenfull.default.toggle(_this.mapContainer);
|
|
67
|
+
|
|
68
|
+
case 3:
|
|
69
|
+
case "end":
|
|
70
|
+
return _context.stop();
|
|
71
|
+
}
|
|
46
72
|
}
|
|
47
73
|
}, _callee);
|
|
48
74
|
})));
|
|
@@ -52,53 +78,66 @@ var Fullscreen = /*#__PURE__*/function (_ButtonControl) {
|
|
|
52
78
|
(0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onFullscreenChange", function () {
|
|
53
79
|
_this.isFullscreen = !!document.fullscreenElement;
|
|
54
80
|
var _this$controlOption = _this.controlOption,
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
81
|
+
btnText = _this$controlOption.btnText,
|
|
82
|
+
btnIcon = _this$controlOption.btnIcon,
|
|
83
|
+
title = _this$controlOption.title,
|
|
84
|
+
exitBtnText = _this$controlOption.exitBtnText,
|
|
85
|
+
exitBtnIcon = _this$controlOption.exitBtnIcon,
|
|
86
|
+
exitTitle = _this$controlOption.exitTitle;
|
|
87
|
+
|
|
61
88
|
if (_this.isFullscreen) {
|
|
62
89
|
_this.setBtnTitle(exitTitle);
|
|
90
|
+
|
|
63
91
|
_this.setBtnText(exitBtnText);
|
|
92
|
+
|
|
64
93
|
_this.setBtnIcon(exitBtnIcon);
|
|
65
94
|
} else {
|
|
66
95
|
_this.setBtnTitle(title);
|
|
96
|
+
|
|
67
97
|
_this.setBtnText(btnText);
|
|
98
|
+
|
|
68
99
|
_this.setBtnIcon(btnIcon);
|
|
69
100
|
}
|
|
101
|
+
|
|
70
102
|
_this.emit('fullscreenChange', _this.isFullscreen);
|
|
71
103
|
});
|
|
104
|
+
|
|
72
105
|
if (!_screenfull.default.isEnabled) {
|
|
73
106
|
console.warn('当前浏览器环境不支持对地图全屏化');
|
|
74
107
|
}
|
|
108
|
+
|
|
75
109
|
return _this;
|
|
76
110
|
}
|
|
111
|
+
|
|
77
112
|
(0, _createClass2.default)(Fullscreen, [{
|
|
78
113
|
key: "setOptions",
|
|
79
114
|
value: function setOptions(newOptions) {
|
|
80
115
|
var exitBtnText = newOptions.exitBtnText,
|
|
81
|
-
|
|
82
|
-
|
|
116
|
+
exitBtnIcon = newOptions.exitBtnIcon,
|
|
117
|
+
exitTitle = newOptions.exitTitle;
|
|
118
|
+
|
|
83
119
|
if (this.isFullscreen) {
|
|
84
120
|
if (this.checkUpdateOption(newOptions, ['exitBtnIcon'])) {
|
|
85
121
|
this.setBtnIcon(exitBtnIcon);
|
|
86
122
|
}
|
|
123
|
+
|
|
87
124
|
if (this.checkUpdateOption(newOptions, ['exitBtnText'])) {
|
|
88
125
|
this.setBtnText(exitBtnText);
|
|
89
126
|
}
|
|
127
|
+
|
|
90
128
|
if (this.checkUpdateOption(newOptions, ['exitTitle'])) {
|
|
91
129
|
this.setBtnTitle(exitTitle);
|
|
92
130
|
}
|
|
93
131
|
}
|
|
132
|
+
|
|
94
133
|
(0, _get2.default)((0, _getPrototypeOf2.default)(Fullscreen.prototype), "setOptions", this).call(this, newOptions);
|
|
95
134
|
}
|
|
96
135
|
}, {
|
|
97
136
|
key: "onAdd",
|
|
98
137
|
value: function onAdd() {
|
|
99
138
|
var button = (0, _get2.default)((0, _getPrototypeOf2.default)(Fullscreen.prototype), "onAdd", this).call(this);
|
|
100
|
-
button.addEventListener('click', this.onClick);
|
|
101
|
-
|
|
139
|
+
button.addEventListener('click', this.onClick); // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
|
|
140
|
+
|
|
102
141
|
this.mapContainer = _l7Utils.DOM.getContainer(this.scene.getSceneConfig().id);
|
|
103
142
|
this.mapContainer.addEventListener('fullscreenchange', this.onFullscreenChange);
|
|
104
143
|
return button;
|
|
@@ -122,4 +161,5 @@ var Fullscreen = /*#__PURE__*/function (_ButtonControl) {
|
|
|
122
161
|
}]);
|
|
123
162
|
return Fullscreen;
|
|
124
163
|
}(_buttonControl.default);
|
|
164
|
+
|
|
125
165
|
exports.default = exports.Fullscreen = Fullscreen;
|
package/lib/control/geoLocate.js
CHANGED
|
@@ -1,40 +1,63 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
+
|
|
4
5
|
Object.defineProperty(exports, "__esModule", {
|
|
5
6
|
value: true
|
|
6
7
|
});
|
|
7
8
|
exports.default = exports.GeoLocate = void 0;
|
|
9
|
+
|
|
8
10
|
var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
|
|
11
|
+
|
|
9
12
|
var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
|
|
13
|
+
|
|
10
14
|
var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
|
|
15
|
+
|
|
11
16
|
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
|
|
17
|
+
|
|
12
18
|
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
|
|
19
|
+
|
|
13
20
|
var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
|
|
21
|
+
|
|
14
22
|
var _get2 = _interopRequireDefault(require("@babel/runtime/helpers/get"));
|
|
23
|
+
|
|
15
24
|
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
25
|
+
|
|
16
26
|
var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
|
|
27
|
+
|
|
17
28
|
var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
|
|
29
|
+
|
|
18
30
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
31
|
+
|
|
19
32
|
var _lodash = require("lodash");
|
|
33
|
+
|
|
20
34
|
var _icon = require("../utils/icon");
|
|
35
|
+
|
|
21
36
|
var _buttonControl = _interopRequireDefault(require("./baseControl/buttonControl"));
|
|
37
|
+
|
|
22
38
|
function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
|
|
39
|
+
|
|
23
40
|
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; } }
|
|
41
|
+
|
|
24
42
|
var GeoLocate = /*#__PURE__*/function (_ButtonControl) {
|
|
25
43
|
(0, _inherits2.default)(GeoLocate, _ButtonControl);
|
|
44
|
+
|
|
26
45
|
var _super = _createSuper(GeoLocate);
|
|
46
|
+
|
|
27
47
|
function GeoLocate(option) {
|
|
28
48
|
var _this;
|
|
49
|
+
|
|
29
50
|
(0, _classCallCheck2.default)(this, GeoLocate);
|
|
30
51
|
_this = _super.call(this, option);
|
|
31
52
|
(0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "getGeoLocation", function () {
|
|
32
53
|
return new Promise(function (resolve, reject) {
|
|
33
54
|
window.navigator.geolocation.getCurrentPosition(function (_ref) {
|
|
34
55
|
var coords = _ref.coords;
|
|
56
|
+
|
|
35
57
|
var _ref2 = coords !== null && coords !== void 0 ? coords : {},
|
|
36
|
-
|
|
37
|
-
|
|
58
|
+
longitude = _ref2.longitude,
|
|
59
|
+
latitude = _ref2.latitude;
|
|
60
|
+
|
|
38
61
|
if (!(0, _lodash.isNaN)(longitude) && !(0, _lodash.isNaN)(latitude)) {
|
|
39
62
|
resolve([longitude, latitude]);
|
|
40
63
|
} else {
|
|
@@ -48,48 +71,63 @@ var GeoLocate = /*#__PURE__*/function (_ButtonControl) {
|
|
|
48
71
|
(0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onClick", /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {
|
|
49
72
|
var transform, position, currentZoom;
|
|
50
73
|
return _regenerator.default.wrap(function _callee$(_context) {
|
|
51
|
-
while (1)
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
74
|
+
while (1) {
|
|
75
|
+
switch (_context.prev = _context.next) {
|
|
76
|
+
case 0:
|
|
77
|
+
if (window.navigator.geolocation) {
|
|
78
|
+
_context.next = 2;
|
|
79
|
+
break;
|
|
80
|
+
}
|
|
81
|
+
|
|
82
|
+
return _context.abrupt("return");
|
|
83
|
+
|
|
84
|
+
case 2:
|
|
85
|
+
transform = _this.controlOption.transform;
|
|
86
|
+
_context.next = 5;
|
|
87
|
+
return _this.getGeoLocation();
|
|
88
|
+
|
|
89
|
+
case 5:
|
|
90
|
+
position = _context.sent;
|
|
91
|
+
currentZoom = _this.mapsService.getZoom();
|
|
92
|
+
_context.t0 = _this.mapsService;
|
|
93
|
+
_context.t1 = currentZoom > 15 ? currentZoom : 15;
|
|
94
|
+
|
|
95
|
+
if (!transform) {
|
|
96
|
+
_context.next = 15;
|
|
97
|
+
break;
|
|
98
|
+
}
|
|
99
|
+
|
|
100
|
+
_context.next = 12;
|
|
101
|
+
return transform(position);
|
|
102
|
+
|
|
103
|
+
case 12:
|
|
104
|
+
_context.t2 = _context.sent;
|
|
105
|
+
_context.next = 16;
|
|
69
106
|
break;
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
case "end":
|
|
84
|
-
return _context.stop();
|
|
107
|
+
|
|
108
|
+
case 15:
|
|
109
|
+
_context.t2 = position;
|
|
110
|
+
|
|
111
|
+
case 16:
|
|
112
|
+
_context.t3 = _context.t2;
|
|
113
|
+
|
|
114
|
+
_context.t0.setZoomAndCenter.call(_context.t0, _context.t1, _context.t3);
|
|
115
|
+
|
|
116
|
+
case 18:
|
|
117
|
+
case "end":
|
|
118
|
+
return _context.stop();
|
|
119
|
+
}
|
|
85
120
|
}
|
|
86
121
|
}, _callee);
|
|
87
122
|
})));
|
|
123
|
+
|
|
88
124
|
if (!window.navigator.geolocation) {
|
|
89
125
|
console.warn('当前浏览器环境不支持获取地理定位');
|
|
90
126
|
}
|
|
127
|
+
|
|
91
128
|
return _this;
|
|
92
129
|
}
|
|
130
|
+
|
|
93
131
|
(0, _createClass2.default)(GeoLocate, [{
|
|
94
132
|
key: "getDefault",
|
|
95
133
|
value: function getDefault(option) {
|
|
@@ -105,11 +143,12 @@ var GeoLocate = /*#__PURE__*/function (_ButtonControl) {
|
|
|
105
143
|
button.addEventListener('click', this.onClick);
|
|
106
144
|
return button;
|
|
107
145
|
}
|
|
108
|
-
|
|
109
146
|
/**
|
|
110
147
|
* 通过浏览器 API 获取当前所在经纬度
|
|
111
148
|
*/
|
|
149
|
+
|
|
112
150
|
}]);
|
|
113
151
|
return GeoLocate;
|
|
114
152
|
}(_buttonControl.default);
|
|
153
|
+
|
|
115
154
|
exports.default = exports.GeoLocate = GeoLocate;
|
|
@@ -1,39 +1,62 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
+
|
|
4
5
|
Object.defineProperty(exports, "__esModule", {
|
|
5
6
|
value: true
|
|
6
7
|
});
|
|
7
8
|
exports.default = exports.LayerSwitch = void 0;
|
|
9
|
+
|
|
8
10
|
var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
|
|
11
|
+
|
|
9
12
|
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
|
|
13
|
+
|
|
10
14
|
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
|
|
15
|
+
|
|
11
16
|
var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
|
|
17
|
+
|
|
12
18
|
var _get2 = _interopRequireDefault(require("@babel/runtime/helpers/get"));
|
|
19
|
+
|
|
13
20
|
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
21
|
+
|
|
14
22
|
var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
|
|
23
|
+
|
|
15
24
|
var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
|
|
25
|
+
|
|
16
26
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
27
|
+
|
|
17
28
|
var _icon = require("../utils/icon");
|
|
29
|
+
|
|
18
30
|
var _selectControl = _interopRequireDefault(require("./baseControl/selectControl"));
|
|
31
|
+
|
|
19
32
|
function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
|
|
33
|
+
|
|
20
34
|
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; } }
|
|
35
|
+
|
|
21
36
|
var LayerSwitch = /*#__PURE__*/function (_SelectControl) {
|
|
22
37
|
(0, _inherits2.default)(LayerSwitch, _SelectControl);
|
|
38
|
+
|
|
23
39
|
var _super = _createSuper(LayerSwitch);
|
|
40
|
+
|
|
24
41
|
function LayerSwitch() {
|
|
25
42
|
var _this;
|
|
43
|
+
|
|
26
44
|
(0, _classCallCheck2.default)(this, LayerSwitch);
|
|
45
|
+
|
|
27
46
|
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
28
47
|
args[_key] = arguments[_key];
|
|
29
48
|
}
|
|
49
|
+
|
|
30
50
|
_this = _super.call.apply(_super, [this].concat(args));
|
|
31
51
|
(0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onLayerChange", function () {
|
|
32
52
|
var _this$controlOption$l;
|
|
53
|
+
|
|
33
54
|
if ((_this$controlOption$l = _this.controlOption.layers) !== null && _this$controlOption$l !== void 0 && _this$controlOption$l.length) {
|
|
34
55
|
return;
|
|
35
56
|
}
|
|
57
|
+
|
|
36
58
|
_this.selectValue = _this.getLayerVisible();
|
|
59
|
+
|
|
37
60
|
_this.setOptions({
|
|
38
61
|
options: _this.getLayerOptions()
|
|
39
62
|
});
|
|
@@ -44,10 +67,13 @@ var LayerSwitch = /*#__PURE__*/function (_SelectControl) {
|
|
|
44
67
|
(0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onSelectChange", function () {
|
|
45
68
|
_this.layers.forEach(function (layer) {
|
|
46
69
|
var needShow = _this.selectValue.includes(layer.name);
|
|
70
|
+
|
|
47
71
|
var isShow = layer.isVisible();
|
|
72
|
+
|
|
48
73
|
if (needShow && !isShow) {
|
|
49
74
|
layer.show();
|
|
50
75
|
}
|
|
76
|
+
|
|
51
77
|
if (!needShow && isShow) {
|
|
52
78
|
layer.hide();
|
|
53
79
|
}
|
|
@@ -55,19 +81,23 @@ var LayerSwitch = /*#__PURE__*/function (_SelectControl) {
|
|
|
55
81
|
});
|
|
56
82
|
return _this;
|
|
57
83
|
}
|
|
84
|
+
|
|
58
85
|
(0, _createClass2.default)(LayerSwitch, [{
|
|
59
86
|
key: "layers",
|
|
60
87
|
get: function get() {
|
|
61
88
|
var layerService = this.layerService;
|
|
62
89
|
var layers = this.controlOption.layers;
|
|
90
|
+
|
|
63
91
|
if (Array.isArray(layers) && layers.length) {
|
|
64
92
|
var layerInstances = [];
|
|
65
93
|
layers.forEach(function (layer) {
|
|
66
94
|
if (layer instanceof Object) {
|
|
67
95
|
layerInstances.push(layer);
|
|
68
96
|
}
|
|
97
|
+
|
|
69
98
|
if (typeof layer === 'string') {
|
|
70
99
|
var targetLayer = layerService.getLayer(layer) || layerService.getLayerByName(layer);
|
|
100
|
+
|
|
71
101
|
if (targetLayer) {
|
|
72
102
|
layerInstances.push(targetLayer);
|
|
73
103
|
}
|
|
@@ -75,6 +105,7 @@ var LayerSwitch = /*#__PURE__*/function (_SelectControl) {
|
|
|
75
105
|
});
|
|
76
106
|
return layerInstances;
|
|
77
107
|
}
|
|
108
|
+
|
|
78
109
|
return layerService.getLayers() || [];
|
|
79
110
|
}
|
|
80
111
|
}, {
|
|
@@ -110,6 +141,7 @@ var LayerSwitch = /*#__PURE__*/function (_SelectControl) {
|
|
|
110
141
|
value: function setOptions(option) {
|
|
111
142
|
var isLayerChange = this.checkUpdateOption(option, ['layers']);
|
|
112
143
|
(0, _get2.default)((0, _getPrototypeOf2.default)(LayerSwitch.prototype), "setOptions", this).call(this, option);
|
|
144
|
+
|
|
113
145
|
if (isLayerChange) {
|
|
114
146
|
this.selectValue = this.getLayerVisible();
|
|
115
147
|
this.controlOption.options = this.getLayerOptions();
|
|
@@ -120,12 +152,15 @@ var LayerSwitch = /*#__PURE__*/function (_SelectControl) {
|
|
|
120
152
|
key: "onAdd",
|
|
121
153
|
value: function onAdd() {
|
|
122
154
|
var _this$controlOption$o;
|
|
155
|
+
|
|
123
156
|
if (!((_this$controlOption$o = this.controlOption.options) !== null && _this$controlOption$o !== void 0 && _this$controlOption$o.length)) {
|
|
124
157
|
this.controlOption.options = this.getLayerOptions();
|
|
125
158
|
}
|
|
159
|
+
|
|
126
160
|
if (!this.controlOption.defaultValue) {
|
|
127
161
|
this.controlOption.defaultValue = this.getLayerVisible();
|
|
128
162
|
}
|
|
163
|
+
|
|
129
164
|
this.on('selectChange', this.onSelectChange);
|
|
130
165
|
this.layerService.on('layerChange', this.onLayerChange);
|
|
131
166
|
return (0, _get2.default)((0, _getPrototypeOf2.default)(LayerSwitch.prototype), "onAdd", this).call(this);
|
|
@@ -144,4 +179,5 @@ var LayerSwitch = /*#__PURE__*/function (_SelectControl) {
|
|
|
144
179
|
}]);
|
|
145
180
|
return LayerSwitch;
|
|
146
181
|
}(_selectControl.default);
|
|
182
|
+
|
|
147
183
|
exports.default = exports.LayerSwitch = LayerSwitch;
|
package/lib/control/logo.js
CHANGED
|
@@ -1,27 +1,42 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
+
|
|
4
5
|
Object.defineProperty(exports, "__esModule", {
|
|
5
6
|
value: true
|
|
6
7
|
});
|
|
7
8
|
exports.default = exports.Logo = void 0;
|
|
9
|
+
|
|
8
10
|
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
|
|
11
|
+
|
|
9
12
|
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
|
|
13
|
+
|
|
10
14
|
var _get2 = _interopRequireDefault(require("@babel/runtime/helpers/get"));
|
|
15
|
+
|
|
11
16
|
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
17
|
+
|
|
12
18
|
var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
|
|
19
|
+
|
|
13
20
|
var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
|
|
21
|
+
|
|
14
22
|
var _l7Utils = require("@antv/l7-utils");
|
|
23
|
+
|
|
15
24
|
var _baseControl = require("./baseControl");
|
|
25
|
+
|
|
16
26
|
function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
|
|
27
|
+
|
|
17
28
|
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; } }
|
|
29
|
+
|
|
18
30
|
var Logo = /*#__PURE__*/function (_Control) {
|
|
19
31
|
(0, _inherits2.default)(Logo, _Control);
|
|
32
|
+
|
|
20
33
|
var _super = _createSuper(Logo);
|
|
34
|
+
|
|
21
35
|
function Logo() {
|
|
22
36
|
(0, _classCallCheck2.default)(this, Logo);
|
|
23
37
|
return _super.apply(this, arguments);
|
|
24
38
|
}
|
|
39
|
+
|
|
25
40
|
(0, _createClass2.default)(Logo, [{
|
|
26
41
|
key: "getDefault",
|
|
27
42
|
value: function getDefault() {
|
|
@@ -36,6 +51,7 @@ var Logo = /*#__PURE__*/function (_Control) {
|
|
|
36
51
|
key: "onAdd",
|
|
37
52
|
value: function onAdd() {
|
|
38
53
|
var container = _l7Utils.DOM.create('div', 'l7-control-logo');
|
|
54
|
+
|
|
39
55
|
this.setLogoContent(container);
|
|
40
56
|
return container;
|
|
41
57
|
}
|
|
@@ -48,8 +64,10 @@ var Logo = /*#__PURE__*/function (_Control) {
|
|
|
48
64
|
key: "setOptions",
|
|
49
65
|
value: function setOptions(option) {
|
|
50
66
|
(0, _get2.default)((0, _getPrototypeOf2.default)(Logo.prototype), "setOptions", this).call(this, option);
|
|
67
|
+
|
|
51
68
|
if (this.checkUpdateOption(option, ['img', 'href'])) {
|
|
52
69
|
_l7Utils.DOM.clearChildren(this.container);
|
|
70
|
+
|
|
53
71
|
this.setLogoContent(this.container);
|
|
54
72
|
}
|
|
55
73
|
}
|
|
@@ -57,14 +75,19 @@ var Logo = /*#__PURE__*/function (_Control) {
|
|
|
57
75
|
key: "setLogoContent",
|
|
58
76
|
value: function setLogoContent(container) {
|
|
59
77
|
var _this$controlOption = this.controlOption,
|
|
60
|
-
|
|
61
|
-
|
|
78
|
+
href = _this$controlOption.href,
|
|
79
|
+
img = _this$controlOption.img;
|
|
80
|
+
|
|
62
81
|
var imgDOM = _l7Utils.DOM.create('img');
|
|
82
|
+
|
|
63
83
|
imgDOM.setAttribute('src', img);
|
|
64
84
|
imgDOM.setAttribute('aria-label', 'AntV logo');
|
|
85
|
+
|
|
65
86
|
_l7Utils.DOM.setUnDraggable(imgDOM);
|
|
87
|
+
|
|
66
88
|
if (href) {
|
|
67
89
|
var anchorDOM = _l7Utils.DOM.create('a', 'l7-control-logo-link');
|
|
90
|
+
|
|
68
91
|
anchorDOM.target = '_blank';
|
|
69
92
|
anchorDOM.href = href;
|
|
70
93
|
anchorDOM.rel = 'noopener nofollow';
|
|
@@ -78,4 +101,5 @@ var Logo = /*#__PURE__*/function (_Control) {
|
|
|
78
101
|
}]);
|
|
79
102
|
return Logo;
|
|
80
103
|
}(_baseControl.Control);
|
|
104
|
+
|
|
81
105
|
exports.default = exports.Logo = Logo;
|