@antv/l7-component 2.16.1 → 2.16.2
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 +10 -17
- package/es/control/baseControl/buttonControl.js +9 -42
- package/es/control/baseControl/control.js +24 -53
- package/es/control/baseControl/popperControl.js +10 -24
- package/es/control/baseControl/selectControl.js +6 -45
- package/es/control/exportImage.js +76 -116
- package/es/control/fullscreen.js +20 -53
- package/es/control/geoLocate.js +36 -66
- package/es/control/layerSwitch.js +0 -31
- package/es/control/logo.js +2 -14
- package/es/control/mapTheme.js +7 -32
- package/es/control/mouseLocation.js +2 -23
- package/es/control/scale.js +6 -29
- package/es/control/zoom.js +0 -23
- package/es/index.js +2 -12
- package/es/marker-layer.js +41 -75
- package/es/marker.js +29 -83
- package/es/popup/layerPopup.js +31 -82
- package/es/popup/popup.js +48 -127
- package/es/utils/anchor.js +3 -7
- package/es/utils/popper.js +15 -64
- package/es/utils/screenfull.js +23 -52
- package/lib/assets/iconfont/iconfont.js +10 -17
- package/lib/control/baseControl/buttonControl.js +9 -52
- package/lib/control/baseControl/control.js +24 -68
- package/lib/control/baseControl/index.js +0 -8
- package/lib/control/baseControl/popperControl.js +10 -29
- package/lib/control/baseControl/selectControl.js +6 -60
- package/lib/control/exportImage.js +76 -125
- package/lib/control/fullscreen.js +20 -60
- package/lib/control/geoLocate.js +36 -75
- package/lib/control/layerSwitch.js +0 -36
- package/lib/control/logo.js +2 -26
- package/lib/control/mapTheme.js +7 -42
- package/lib/control/mouseLocation.js +2 -33
- package/lib/control/scale.js +6 -40
- package/lib/control/zoom.js +0 -33
- package/lib/index.js +0 -41
- package/lib/marker-layer.js +39 -86
- package/lib/marker.js +29 -91
- package/lib/popup/layerPopup.js +29 -94
- package/lib/popup/popup.js +48 -139
- package/lib/utils/anchor.js +4 -9
- package/lib/utils/icon.js +0 -2
- package/lib/utils/popper.js +14 -71
- package/lib/utils/screenfull.js +23 -54
- package/package.json +6 -6
package/lib/control/mapTheme.js
CHANGED
|
@@ -1,63 +1,40 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
|
6
5
|
value: true
|
|
7
6
|
});
|
|
8
7
|
exports.default = exports.MapTheme = void 0;
|
|
9
|
-
|
|
10
8
|
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
|
|
11
|
-
|
|
12
9
|
var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
|
|
13
|
-
|
|
14
10
|
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
|
|
15
|
-
|
|
16
11
|
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
|
|
17
|
-
|
|
18
12
|
var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
|
|
19
|
-
|
|
20
13
|
var _get2 = _interopRequireDefault(require("@babel/runtime/helpers/get"));
|
|
21
|
-
|
|
22
14
|
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
23
|
-
|
|
24
15
|
var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
|
|
25
|
-
|
|
26
16
|
var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
|
|
27
|
-
|
|
28
17
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
29
|
-
|
|
30
18
|
var _constants = require("../constants");
|
|
31
|
-
|
|
32
19
|
var _icon = require("../utils/icon");
|
|
33
|
-
|
|
34
20
|
var _selectControl = _interopRequireDefault(require("./baseControl/selectControl"));
|
|
35
|
-
|
|
36
21
|
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); }; }
|
|
37
|
-
|
|
38
22
|
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; } }
|
|
39
|
-
|
|
40
23
|
var MapTheme = /*#__PURE__*/function (_SelectControl) {
|
|
41
24
|
(0, _inherits2.default)(MapTheme, _SelectControl);
|
|
42
|
-
|
|
43
25
|
var _super = _createSuper(MapTheme);
|
|
44
|
-
|
|
45
26
|
function MapTheme() {
|
|
46
27
|
var _this;
|
|
47
|
-
|
|
48
28
|
(0, _classCallCheck2.default)(this, MapTheme);
|
|
49
|
-
|
|
50
29
|
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
51
30
|
args[_key] = arguments[_key];
|
|
52
31
|
}
|
|
53
|
-
|
|
54
32
|
_this = _super.call.apply(_super, [this].concat(args));
|
|
55
33
|
(0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onMapThemeChange", function () {
|
|
56
34
|
_this.mapsService.setMapStyle(_this.selectValue[0]);
|
|
57
35
|
});
|
|
58
36
|
return _this;
|
|
59
37
|
}
|
|
60
|
-
|
|
61
38
|
(0, _createClass2.default)(MapTheme, [{
|
|
62
39
|
key: "getDefault",
|
|
63
40
|
value: function getDefault(option) {
|
|
@@ -73,22 +50,18 @@ var MapTheme = /*#__PURE__*/function (_SelectControl) {
|
|
|
73
50
|
var mapStyleConfig = this.mapsService.getType() === 'mapbox' ? _constants.MapboxMapStyleConfig : _constants.GaodeMapStyleConfig;
|
|
74
51
|
return Object.entries(this.mapsService.getMapStyleConfig()).filter(function (_ref) {
|
|
75
52
|
var _ref2 = (0, _slicedToArray2.default)(_ref, 2),
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
53
|
+
key = _ref2[0],
|
|
54
|
+
value = _ref2[1];
|
|
79
55
|
return typeof value === 'string' && key !== 'blank';
|
|
80
56
|
}).map(function (_ref3) {
|
|
81
57
|
var _mapStyleConfig$key;
|
|
82
|
-
|
|
83
58
|
var _ref4 = (0, _slicedToArray2.default)(_ref3, 2),
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
59
|
+
key = _ref4[0],
|
|
60
|
+
value = _ref4[1];
|
|
87
61
|
// @ts-ignore
|
|
88
62
|
var _ref5 = (_mapStyleConfig$key = mapStyleConfig[key]) !== null && _mapStyleConfig$key !== void 0 ? _mapStyleConfig$key : {},
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
63
|
+
text = _ref5.text,
|
|
64
|
+
img = _ref5.img;
|
|
92
65
|
return {
|
|
93
66
|
text: text !== null && text !== void 0 ? text : key,
|
|
94
67
|
value: value,
|
|
@@ -106,36 +79,29 @@ var MapTheme = /*#__PURE__*/function (_SelectControl) {
|
|
|
106
79
|
key: "onAdd",
|
|
107
80
|
value: function onAdd() {
|
|
108
81
|
var _this$controlOption$o,
|
|
109
|
-
|
|
110
|
-
|
|
82
|
+
_this2 = this;
|
|
111
83
|
if (!((_this$controlOption$o = this.controlOption.options) !== null && _this$controlOption$o !== void 0 && _this$controlOption$o.length)) {
|
|
112
84
|
this.controlOption.options = this.getStyleOptions();
|
|
113
85
|
}
|
|
114
|
-
|
|
115
86
|
if (this.controlOption.defaultValue) {
|
|
116
87
|
var _this$controlOption$o2, _this$controlOption$o3;
|
|
117
|
-
|
|
118
88
|
var defaultValue = this.controlOption.defaultValue;
|
|
119
89
|
this.controlOption.defaultValue = (_this$controlOption$o2 = (_this$controlOption$o3 = this.controlOption.options.find(function (item) {
|
|
120
90
|
return item.key === defaultValue;
|
|
121
91
|
})) === null || _this$controlOption$o3 === void 0 ? void 0 : _this$controlOption$o3.value) !== null && _this$controlOption$o2 !== void 0 ? _this$controlOption$o2 : defaultValue;
|
|
122
92
|
} else {
|
|
123
93
|
var defaultStyle = this.getMapStyle();
|
|
124
|
-
|
|
125
94
|
if (defaultStyle) {
|
|
126
95
|
this.controlOption.defaultValue = defaultStyle;
|
|
127
96
|
} else {
|
|
128
97
|
// @ts-ignore
|
|
129
98
|
this.mapsService.map.once('styledata', function () {
|
|
130
99
|
var mapboxStyle = _this2.mapsService.getMapStyle();
|
|
131
|
-
|
|
132
100
|
_this2.controlOption.defaultValue = mapboxStyle;
|
|
133
|
-
|
|
134
101
|
_this2.setSelectValue(mapboxStyle, false);
|
|
135
102
|
});
|
|
136
103
|
}
|
|
137
104
|
}
|
|
138
|
-
|
|
139
105
|
this.on('selectChange', this.onMapThemeChange);
|
|
140
106
|
return (0, _get2.default)((0, _getPrototypeOf2.default)(MapTheme.prototype), "onAdd", this).call(this);
|
|
141
107
|
}
|
|
@@ -147,5 +113,4 @@ var MapTheme = /*#__PURE__*/function (_SelectControl) {
|
|
|
147
113
|
}]);
|
|
148
114
|
return MapTheme;
|
|
149
115
|
}(_selectControl.default);
|
|
150
|
-
|
|
151
116
|
exports.default = exports.MapTheme = MapTheme;
|
|
@@ -1,80 +1,52 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
|
6
5
|
value: true
|
|
7
6
|
});
|
|
8
7
|
exports.default = exports.MouseLocation = void 0;
|
|
9
|
-
|
|
10
8
|
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
|
|
11
|
-
|
|
12
9
|
var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
|
|
13
|
-
|
|
14
10
|
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
|
|
15
|
-
|
|
16
11
|
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
|
|
17
|
-
|
|
18
12
|
var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
|
|
19
|
-
|
|
20
13
|
var _get2 = _interopRequireDefault(require("@babel/runtime/helpers/get"));
|
|
21
|
-
|
|
22
14
|
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
23
|
-
|
|
24
15
|
var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
|
|
25
|
-
|
|
26
16
|
var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
|
|
27
|
-
|
|
28
17
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
29
|
-
|
|
30
18
|
var _l7Core = require("@antv/l7-core");
|
|
31
|
-
|
|
32
19
|
var _l7Utils = require("@antv/l7-utils");
|
|
33
|
-
|
|
34
20
|
var _control = _interopRequireDefault(require("./baseControl/control"));
|
|
35
|
-
|
|
36
21
|
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); }; }
|
|
37
|
-
|
|
38
22
|
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; } }
|
|
39
|
-
|
|
40
23
|
var MouseLocation = /*#__PURE__*/function (_Control) {
|
|
41
24
|
(0, _inherits2.default)(MouseLocation, _Control);
|
|
42
|
-
|
|
43
25
|
var _super = _createSuper(MouseLocation);
|
|
44
|
-
|
|
45
26
|
function MouseLocation() {
|
|
46
27
|
var _this;
|
|
47
|
-
|
|
48
28
|
(0, _classCallCheck2.default)(this, MouseLocation);
|
|
49
|
-
|
|
50
29
|
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
51
30
|
args[_key] = arguments[_key];
|
|
52
31
|
}
|
|
53
|
-
|
|
54
32
|
_this = _super.call.apply(_super, [this].concat(args));
|
|
55
33
|
(0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "location", [0, 0]);
|
|
56
34
|
(0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onMouseMove", function (e) {
|
|
57
35
|
var position = _this.location;
|
|
58
36
|
var lngLat = e.lngLat || e.lnglat;
|
|
59
37
|
var transform = _this.controlOption.transform;
|
|
60
|
-
|
|
61
38
|
if (lngLat) {
|
|
62
39
|
position = [lngLat.lng, lngLat.lat];
|
|
63
40
|
}
|
|
64
|
-
|
|
65
41
|
_this.location = position;
|
|
66
|
-
|
|
67
42
|
if (transform) {
|
|
68
43
|
position = transform(position);
|
|
69
44
|
}
|
|
70
|
-
|
|
71
45
|
_this.insertLocation2HTML(position);
|
|
72
|
-
|
|
73
46
|
_this.emit('locationChange', position);
|
|
74
47
|
});
|
|
75
48
|
return _this;
|
|
76
49
|
}
|
|
77
|
-
|
|
78
50
|
(0, _createClass2.default)(MouseLocation, [{
|
|
79
51
|
key: "getLocation",
|
|
80
52
|
value: function getLocation() {
|
|
@@ -87,9 +59,8 @@ var MouseLocation = /*#__PURE__*/function (_Control) {
|
|
|
87
59
|
position: _l7Core.PositionType.BOTTOMLEFT,
|
|
88
60
|
transform: function transform(_ref) {
|
|
89
61
|
var _ref2 = (0, _slicedToArray2.default)(_ref, 2),
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
62
|
+
lng = _ref2[0],
|
|
63
|
+
lat = _ref2[1];
|
|
93
64
|
return [+(+lng).toFixed(6), +(+lat).toFixed(6)];
|
|
94
65
|
}
|
|
95
66
|
});
|
|
@@ -98,7 +69,6 @@ var MouseLocation = /*#__PURE__*/function (_Control) {
|
|
|
98
69
|
key: "onAdd",
|
|
99
70
|
value: function onAdd() {
|
|
100
71
|
var container = _l7Utils.DOM.create('div', 'l7-control-mouse-location');
|
|
101
|
-
|
|
102
72
|
container.innerHTML = ' ';
|
|
103
73
|
this.mapsService.on('mousemove', this.onMouseMove);
|
|
104
74
|
return container;
|
|
@@ -116,5 +86,4 @@ var MouseLocation = /*#__PURE__*/function (_Control) {
|
|
|
116
86
|
}]);
|
|
117
87
|
return MouseLocation;
|
|
118
88
|
}(_control.default);
|
|
119
|
-
|
|
120
89
|
exports.default = exports.MouseLocation = MouseLocation;
|
package/lib/control/scale.js
CHANGED
|
@@ -1,52 +1,32 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
|
6
5
|
value: true
|
|
7
6
|
});
|
|
8
7
|
exports.default = exports.Scale = void 0;
|
|
9
|
-
|
|
10
8
|
var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
|
|
11
|
-
|
|
12
9
|
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
|
|
13
|
-
|
|
14
10
|
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
|
|
15
|
-
|
|
16
11
|
var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
|
|
17
|
-
|
|
18
12
|
var _get2 = _interopRequireDefault(require("@babel/runtime/helpers/get"));
|
|
19
|
-
|
|
20
13
|
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
21
|
-
|
|
22
14
|
var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
|
|
23
|
-
|
|
24
15
|
var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
|
|
25
|
-
|
|
26
16
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
27
|
-
|
|
28
17
|
var _l7Utils = require("@antv/l7-utils");
|
|
29
|
-
|
|
30
18
|
var _baseControl = require("./baseControl");
|
|
31
|
-
|
|
32
19
|
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
|
-
|
|
34
20
|
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
|
-
|
|
36
21
|
var Scale = /*#__PURE__*/function (_Control) {
|
|
37
22
|
(0, _inherits2.default)(Scale, _Control);
|
|
38
|
-
|
|
39
23
|
var _super = _createSuper(Scale);
|
|
40
|
-
|
|
41
24
|
function Scale() {
|
|
42
25
|
var _this;
|
|
43
|
-
|
|
44
26
|
(0, _classCallCheck2.default)(this, Scale);
|
|
45
|
-
|
|
46
27
|
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
47
28
|
args[_key] = arguments[_key];
|
|
48
29
|
}
|
|
49
|
-
|
|
50
30
|
_this = _super.call.apply(_super, [this].concat(args));
|
|
51
31
|
(0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "update", function () {
|
|
52
32
|
var mapsService = _this.mapsService;
|
|
@@ -55,12 +35,10 @@ var Scale = /*#__PURE__*/function (_Control) {
|
|
|
55
35
|
var p1 = mapsService.containerToLngLat([0, y]);
|
|
56
36
|
var p2 = mapsService.containerToLngLat([maxWidth, y]);
|
|
57
37
|
var maxMeters = (0, _l7Utils.lnglatDistance)([p1.lng, p1.lat], [p2.lng, p2.lat]);
|
|
58
|
-
|
|
59
38
|
_this.updateScales(maxMeters);
|
|
60
39
|
});
|
|
61
40
|
return _this;
|
|
62
41
|
}
|
|
63
|
-
|
|
64
42
|
(0, _createClass2.default)(Scale, [{
|
|
65
43
|
key: "getDefault",
|
|
66
44
|
value: function getDefault(option) {
|
|
@@ -78,9 +56,7 @@ var Scale = /*#__PURE__*/function (_Control) {
|
|
|
78
56
|
key: "onAdd",
|
|
79
57
|
value: function onAdd() {
|
|
80
58
|
var className = 'l7-control-scale';
|
|
81
|
-
|
|
82
59
|
var container = _l7Utils.DOM.create('div', className);
|
|
83
|
-
|
|
84
60
|
this.resetScaleLines(container);
|
|
85
61
|
var updateWhenIdle = this.controlOption.updateWhenIdle;
|
|
86
62
|
this.mapsService.on(updateWhenIdle ? 'moveend' : 'mapmove', this.update);
|
|
@@ -98,7 +74,6 @@ var Scale = /*#__PURE__*/function (_Control) {
|
|
|
98
74
|
key: "setOptions",
|
|
99
75
|
value: function setOptions(newOption) {
|
|
100
76
|
(0, _get2.default)((0, _getPrototypeOf2.default)(Scale.prototype), "setOptions", this).call(this, newOption);
|
|
101
|
-
|
|
102
77
|
if (this.checkUpdateOption(newOption, ['lockWidth', 'maxWidth', 'metric', 'updateWhenIdle', 'imperial'])) {
|
|
103
78
|
this.resetScaleLines(this.container);
|
|
104
79
|
}
|
|
@@ -107,13 +82,11 @@ var Scale = /*#__PURE__*/function (_Control) {
|
|
|
107
82
|
key: "updateScales",
|
|
108
83
|
value: function updateScales(maxMeters) {
|
|
109
84
|
var _this$controlOption = this.controlOption,
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
85
|
+
metric = _this$controlOption.metric,
|
|
86
|
+
imperial = _this$controlOption.imperial;
|
|
113
87
|
if (metric && maxMeters) {
|
|
114
88
|
this.updateMetric(maxMeters);
|
|
115
89
|
}
|
|
116
|
-
|
|
117
90
|
if (imperial && maxMeters) {
|
|
118
91
|
this.updateImperial(maxMeters);
|
|
119
92
|
}
|
|
@@ -122,25 +95,20 @@ var Scale = /*#__PURE__*/function (_Control) {
|
|
|
122
95
|
key: "resetScaleLines",
|
|
123
96
|
value: function resetScaleLines(container) {
|
|
124
97
|
_l7Utils.DOM.clearChildren(container);
|
|
125
|
-
|
|
126
98
|
var _this$controlOption2 = this.controlOption,
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
99
|
+
metric = _this$controlOption2.metric,
|
|
100
|
+
imperial = _this$controlOption2.imperial,
|
|
101
|
+
maxWidth = _this$controlOption2.maxWidth,
|
|
102
|
+
lockWidth = _this$controlOption2.lockWidth;
|
|
132
103
|
if (lockWidth) {
|
|
133
104
|
_l7Utils.DOM.addStyle(container, "width: ".concat(maxWidth, "px"));
|
|
134
105
|
}
|
|
135
|
-
|
|
136
106
|
if (metric) {
|
|
137
107
|
this.mScale = _l7Utils.DOM.create('div', 'l7-control-scale-line', container);
|
|
138
108
|
}
|
|
139
|
-
|
|
140
109
|
if (imperial) {
|
|
141
110
|
this.iScale = _l7Utils.DOM.create('div', 'l7-control-scale-line', container);
|
|
142
111
|
}
|
|
143
|
-
|
|
144
112
|
this.update();
|
|
145
113
|
}
|
|
146
114
|
}, {
|
|
@@ -172,7 +140,6 @@ var Scale = /*#__PURE__*/function (_Control) {
|
|
|
172
140
|
var maxMiles;
|
|
173
141
|
var miles;
|
|
174
142
|
var feet;
|
|
175
|
-
|
|
176
143
|
if (maxFeet > 5280) {
|
|
177
144
|
maxMiles = maxFeet / 5280;
|
|
178
145
|
miles = this.getRoundNum(maxMiles);
|
|
@@ -185,5 +152,4 @@ var Scale = /*#__PURE__*/function (_Control) {
|
|
|
185
152
|
}]);
|
|
186
153
|
return Scale;
|
|
187
154
|
}(_baseControl.Control);
|
|
188
|
-
|
|
189
155
|
exports.default = exports.Scale = Scale;
|
package/lib/control/zoom.js
CHANGED
|
@@ -1,56 +1,34 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
|
6
5
|
value: true
|
|
7
6
|
});
|
|
8
7
|
exports.default = exports.Zoom = void 0;
|
|
9
|
-
|
|
10
8
|
var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
|
|
11
|
-
|
|
12
9
|
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
|
|
13
|
-
|
|
14
10
|
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
|
|
15
|
-
|
|
16
11
|
var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
|
|
17
|
-
|
|
18
12
|
var _get2 = _interopRequireDefault(require("@babel/runtime/helpers/get"));
|
|
19
|
-
|
|
20
13
|
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
21
|
-
|
|
22
14
|
var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
|
|
23
|
-
|
|
24
15
|
var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
|
|
25
|
-
|
|
26
16
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
27
|
-
|
|
28
17
|
var _l7Core = require("@antv/l7-core");
|
|
29
|
-
|
|
30
18
|
var _l7Utils = require("@antv/l7-utils");
|
|
31
|
-
|
|
32
19
|
var _icon = require("../utils/icon");
|
|
33
|
-
|
|
34
20
|
var _baseControl = require("./baseControl");
|
|
35
|
-
|
|
36
21
|
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); }; }
|
|
37
|
-
|
|
38
22
|
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; } }
|
|
39
|
-
|
|
40
23
|
var Zoom = /*#__PURE__*/function (_Control) {
|
|
41
24
|
(0, _inherits2.default)(Zoom, _Control);
|
|
42
|
-
|
|
43
25
|
var _super = _createSuper(Zoom);
|
|
44
|
-
|
|
45
26
|
function Zoom() {
|
|
46
27
|
var _this;
|
|
47
|
-
|
|
48
28
|
(0, _classCallCheck2.default)(this, Zoom);
|
|
49
|
-
|
|
50
29
|
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
51
30
|
args[_key] = arguments[_key];
|
|
52
31
|
}
|
|
53
|
-
|
|
54
32
|
_this = _super.call.apply(_super, [this].concat(args));
|
|
55
33
|
(0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "zoomIn", function () {
|
|
56
34
|
if (!_this.disabled && _this.mapsService.getZoom() < _this.mapsService.getMaxZoom()) {
|
|
@@ -64,22 +42,17 @@ var Zoom = /*#__PURE__*/function (_Control) {
|
|
|
64
42
|
});
|
|
65
43
|
(0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "updateDisabled", function () {
|
|
66
44
|
var mapsService = _this.mapsService;
|
|
67
|
-
|
|
68
45
|
_this.zoomInButton.removeAttribute('disabled');
|
|
69
|
-
|
|
70
46
|
_this.zoomOutButton.removeAttribute('disabled');
|
|
71
|
-
|
|
72
47
|
if (_this.disabled || mapsService.getZoom() <= mapsService.getMinZoom()) {
|
|
73
48
|
_this.zoomOutButton.setAttribute('disabled', 'true');
|
|
74
49
|
}
|
|
75
|
-
|
|
76
50
|
if (_this.disabled || mapsService.getZoom() >= mapsService.getMaxZoom()) {
|
|
77
51
|
_this.zoomInButton.setAttribute('disabled', 'true');
|
|
78
52
|
}
|
|
79
53
|
});
|
|
80
54
|
return _this;
|
|
81
55
|
}
|
|
82
|
-
|
|
83
56
|
(0, _createClass2.default)(Zoom, [{
|
|
84
57
|
key: "getDefault",
|
|
85
58
|
value: function getDefault(option) {
|
|
@@ -96,7 +69,6 @@ var Zoom = /*#__PURE__*/function (_Control) {
|
|
|
96
69
|
key: "setOptions",
|
|
97
70
|
value: function setOptions(newOptions) {
|
|
98
71
|
(0, _get2.default)((0, _getPrototypeOf2.default)(Zoom.prototype), "setOptions", this).call(this, newOptions);
|
|
99
|
-
|
|
100
72
|
if (this.checkUpdateOption(newOptions, ['zoomInText', 'zoomInTitle', 'zoomOutText', 'zoomOutTitle'])) {
|
|
101
73
|
this.resetButtonGroup(this.container);
|
|
102
74
|
}
|
|
@@ -105,7 +77,6 @@ var Zoom = /*#__PURE__*/function (_Control) {
|
|
|
105
77
|
key: "onAdd",
|
|
106
78
|
value: function onAdd() {
|
|
107
79
|
var container = _l7Utils.DOM.create('div', 'l7-control-zoom');
|
|
108
|
-
|
|
109
80
|
this.resetButtonGroup(container);
|
|
110
81
|
this.mapsService.on('zoomend', this.updateDisabled);
|
|
111
82
|
this.mapsService.on('zoomchange', this.updateDisabled);
|
|
@@ -135,7 +106,6 @@ var Zoom = /*#__PURE__*/function (_Control) {
|
|
|
135
106
|
key: "resetButtonGroup",
|
|
136
107
|
value: function resetButtonGroup(container) {
|
|
137
108
|
_l7Utils.DOM.clearChildren(container);
|
|
138
|
-
|
|
139
109
|
this.zoomInButton = this.createButton(this.controlOption.zoomInText, this.controlOption.zoomInTitle, 'l7-button-control', container, this.zoomIn);
|
|
140
110
|
this.zoomOutButton = this.createButton(this.controlOption.zoomOutText, this.controlOption.zoomOutTitle, 'l7-button-control', container, this.zoomOut);
|
|
141
111
|
this.updateDisabled();
|
|
@@ -144,13 +114,11 @@ var Zoom = /*#__PURE__*/function (_Control) {
|
|
|
144
114
|
key: "createButton",
|
|
145
115
|
value: function createButton(html, tile, className, container, fn) {
|
|
146
116
|
var link = _l7Utils.DOM.create('button', className, container);
|
|
147
|
-
|
|
148
117
|
if (typeof html === 'string') {
|
|
149
118
|
link.innerHTML = html;
|
|
150
119
|
} else {
|
|
151
120
|
link.append(html);
|
|
152
121
|
}
|
|
153
|
-
|
|
154
122
|
link.title = tile;
|
|
155
123
|
link.addEventListener('click', fn);
|
|
156
124
|
return link;
|
|
@@ -158,5 +126,4 @@ var Zoom = /*#__PURE__*/function (_Control) {
|
|
|
158
126
|
}]);
|
|
159
127
|
return Zoom;
|
|
160
128
|
}(_baseControl.Control);
|
|
161
|
-
|
|
162
129
|
exports.default = exports.Zoom = Zoom;
|