@antv/l7-component 2.17.4 → 2.17.6
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 -4
- 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 -30
- 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
|
@@ -8,57 +8,39 @@ import _inherits from "@babel/runtime/helpers/esm/inherits";
|
|
|
8
8
|
import _possibleConstructorReturn from "@babel/runtime/helpers/esm/possibleConstructorReturn";
|
|
9
9
|
import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
|
|
10
10
|
import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
|
|
11
|
-
|
|
12
11
|
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); }; }
|
|
13
|
-
|
|
14
12
|
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; } }
|
|
15
|
-
|
|
16
13
|
import { PositionType } from '@antv/l7-core';
|
|
17
14
|
import { DOM } from '@antv/l7-utils';
|
|
18
15
|
import Control from "./baseControl/control";
|
|
19
16
|
export { MouseLocation };
|
|
20
|
-
|
|
21
17
|
var MouseLocation = /*#__PURE__*/function (_Control) {
|
|
22
18
|
_inherits(MouseLocation, _Control);
|
|
23
|
-
|
|
24
19
|
var _super = _createSuper(MouseLocation);
|
|
25
|
-
|
|
26
20
|
function MouseLocation() {
|
|
27
21
|
var _this;
|
|
28
|
-
|
|
29
22
|
_classCallCheck(this, MouseLocation);
|
|
30
|
-
|
|
31
23
|
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
32
24
|
args[_key] = arguments[_key];
|
|
33
25
|
}
|
|
34
|
-
|
|
35
26
|
_this = _super.call.apply(_super, [this].concat(args));
|
|
36
|
-
|
|
37
27
|
_defineProperty(_assertThisInitialized(_this), "location", [0, 0]);
|
|
38
|
-
|
|
39
28
|
_defineProperty(_assertThisInitialized(_this), "onMouseMove", function (e) {
|
|
40
29
|
var position = _this.location;
|
|
41
30
|
var lngLat = e.lngLat || e.lnglat;
|
|
42
31
|
var transform = _this.controlOption.transform;
|
|
43
|
-
|
|
44
32
|
if (lngLat) {
|
|
45
33
|
position = [lngLat.lng, lngLat.lat];
|
|
46
34
|
}
|
|
47
|
-
|
|
48
35
|
_this.location = position;
|
|
49
|
-
|
|
50
36
|
if (transform) {
|
|
51
37
|
position = transform(position);
|
|
52
38
|
}
|
|
53
|
-
|
|
54
39
|
_this.insertLocation2HTML(position);
|
|
55
|
-
|
|
56
40
|
_this.emit('locationChange', position);
|
|
57
41
|
});
|
|
58
|
-
|
|
59
42
|
return _this;
|
|
60
43
|
}
|
|
61
|
-
|
|
62
44
|
_createClass(MouseLocation, [{
|
|
63
45
|
key: "getLocation",
|
|
64
46
|
value: function getLocation() {
|
|
@@ -71,9 +53,8 @@ var MouseLocation = /*#__PURE__*/function (_Control) {
|
|
|
71
53
|
position: PositionType.BOTTOMLEFT,
|
|
72
54
|
transform: function transform(_ref) {
|
|
73
55
|
var _ref2 = _slicedToArray(_ref, 2),
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
56
|
+
lng = _ref2[0],
|
|
57
|
+
lat = _ref2[1];
|
|
77
58
|
return [+(+lng).toFixed(6), +(+lat).toFixed(6)];
|
|
78
59
|
}
|
|
79
60
|
});
|
|
@@ -97,8 +78,6 @@ var MouseLocation = /*#__PURE__*/function (_Control) {
|
|
|
97
78
|
this.container.innerText = position.join(', ');
|
|
98
79
|
}
|
|
99
80
|
}]);
|
|
100
|
-
|
|
101
81
|
return MouseLocation;
|
|
102
82
|
}(Control);
|
|
103
|
-
|
|
104
83
|
export { MouseLocation as default };
|
package/es/control/scale.js
CHANGED
|
@@ -7,31 +7,21 @@ import _inherits from "@babel/runtime/helpers/esm/inherits";
|
|
|
7
7
|
import _possibleConstructorReturn from "@babel/runtime/helpers/esm/possibleConstructorReturn";
|
|
8
8
|
import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
|
|
9
9
|
import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
|
|
10
|
-
|
|
11
10
|
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); }; }
|
|
12
|
-
|
|
13
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; } }
|
|
14
|
-
|
|
15
12
|
import { DOM, lnglatDistance } from '@antv/l7-utils';
|
|
16
13
|
import { Control, PositionType } from "./baseControl";
|
|
17
14
|
export { Scale };
|
|
18
|
-
|
|
19
15
|
var Scale = /*#__PURE__*/function (_Control) {
|
|
20
16
|
_inherits(Scale, _Control);
|
|
21
|
-
|
|
22
17
|
var _super = _createSuper(Scale);
|
|
23
|
-
|
|
24
18
|
function Scale() {
|
|
25
19
|
var _this;
|
|
26
|
-
|
|
27
20
|
_classCallCheck(this, Scale);
|
|
28
|
-
|
|
29
21
|
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
30
22
|
args[_key] = arguments[_key];
|
|
31
23
|
}
|
|
32
|
-
|
|
33
24
|
_this = _super.call.apply(_super, [this].concat(args));
|
|
34
|
-
|
|
35
25
|
_defineProperty(_assertThisInitialized(_this), "update", function () {
|
|
36
26
|
var mapsService = _this.mapsService;
|
|
37
27
|
var maxWidth = _this.controlOption.maxWidth;
|
|
@@ -39,13 +29,10 @@ var Scale = /*#__PURE__*/function (_Control) {
|
|
|
39
29
|
var p1 = mapsService.containerToLngLat([0, y]);
|
|
40
30
|
var p2 = mapsService.containerToLngLat([maxWidth, y]);
|
|
41
31
|
var maxMeters = lnglatDistance([p1.lng, p1.lat], [p2.lng, p2.lat]);
|
|
42
|
-
|
|
43
32
|
_this.updateScales(maxMeters);
|
|
44
33
|
});
|
|
45
|
-
|
|
46
34
|
return _this;
|
|
47
35
|
}
|
|
48
|
-
|
|
49
36
|
_createClass(Scale, [{
|
|
50
37
|
key: "getDefault",
|
|
51
38
|
value: function getDefault(option) {
|
|
@@ -81,7 +68,6 @@ var Scale = /*#__PURE__*/function (_Control) {
|
|
|
81
68
|
key: "setOptions",
|
|
82
69
|
value: function setOptions(newOption) {
|
|
83
70
|
_get(_getPrototypeOf(Scale.prototype), "setOptions", this).call(this, newOption);
|
|
84
|
-
|
|
85
71
|
if (this.checkUpdateOption(newOption, ['lockWidth', 'maxWidth', 'metric', 'updateWhenIdle', 'imperial'])) {
|
|
86
72
|
this.resetScaleLines(this.container);
|
|
87
73
|
}
|
|
@@ -90,13 +76,11 @@ var Scale = /*#__PURE__*/function (_Control) {
|
|
|
90
76
|
key: "updateScales",
|
|
91
77
|
value: function updateScales(maxMeters) {
|
|
92
78
|
var _this$controlOption = this.controlOption,
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
79
|
+
metric = _this$controlOption.metric,
|
|
80
|
+
imperial = _this$controlOption.imperial;
|
|
96
81
|
if (metric && maxMeters) {
|
|
97
82
|
this.updateMetric(maxMeters);
|
|
98
83
|
}
|
|
99
|
-
|
|
100
84
|
if (imperial && maxMeters) {
|
|
101
85
|
this.updateImperial(maxMeters);
|
|
102
86
|
}
|
|
@@ -106,23 +90,19 @@ var Scale = /*#__PURE__*/function (_Control) {
|
|
|
106
90
|
value: function resetScaleLines(container) {
|
|
107
91
|
DOM.clearChildren(container);
|
|
108
92
|
var _this$controlOption2 = this.controlOption,
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
93
|
+
metric = _this$controlOption2.metric,
|
|
94
|
+
imperial = _this$controlOption2.imperial,
|
|
95
|
+
maxWidth = _this$controlOption2.maxWidth,
|
|
96
|
+
lockWidth = _this$controlOption2.lockWidth;
|
|
114
97
|
if (lockWidth) {
|
|
115
98
|
DOM.addStyle(container, "width: ".concat(maxWidth, "px"));
|
|
116
99
|
}
|
|
117
|
-
|
|
118
100
|
if (metric) {
|
|
119
101
|
this.mScale = DOM.create('div', 'l7-control-scale-line', container);
|
|
120
102
|
}
|
|
121
|
-
|
|
122
103
|
if (imperial) {
|
|
123
104
|
this.iScale = DOM.create('div', 'l7-control-scale-line', container);
|
|
124
105
|
}
|
|
125
|
-
|
|
126
106
|
this.update();
|
|
127
107
|
}
|
|
128
108
|
}, {
|
|
@@ -154,7 +134,6 @@ var Scale = /*#__PURE__*/function (_Control) {
|
|
|
154
134
|
var maxMiles;
|
|
155
135
|
var miles;
|
|
156
136
|
var feet;
|
|
157
|
-
|
|
158
137
|
if (maxFeet > 5280) {
|
|
159
138
|
maxMiles = maxFeet / 5280;
|
|
160
139
|
miles = this.getRoundNum(maxMiles);
|
|
@@ -165,8 +144,6 @@ var Scale = /*#__PURE__*/function (_Control) {
|
|
|
165
144
|
}
|
|
166
145
|
}
|
|
167
146
|
}]);
|
|
168
|
-
|
|
169
147
|
return Scale;
|
|
170
148
|
}(Control);
|
|
171
|
-
|
|
172
149
|
export { Scale as default };
|
package/es/control/zoom.js
CHANGED
|
@@ -7,64 +7,46 @@ import _inherits from "@babel/runtime/helpers/esm/inherits";
|
|
|
7
7
|
import _possibleConstructorReturn from "@babel/runtime/helpers/esm/possibleConstructorReturn";
|
|
8
8
|
import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
|
|
9
9
|
import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
|
|
10
|
-
|
|
11
10
|
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); }; }
|
|
12
|
-
|
|
13
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; } }
|
|
14
|
-
|
|
15
12
|
import { PositionType } from '@antv/l7-core';
|
|
16
13
|
import { DOM } from '@antv/l7-utils';
|
|
17
14
|
import { createL7Icon } from "../utils/icon";
|
|
18
15
|
import { Control } from "./baseControl";
|
|
19
16
|
export { Zoom };
|
|
20
|
-
|
|
21
17
|
var Zoom = /*#__PURE__*/function (_Control) {
|
|
22
18
|
_inherits(Zoom, _Control);
|
|
23
|
-
|
|
24
19
|
var _super = _createSuper(Zoom);
|
|
25
|
-
|
|
26
20
|
function Zoom() {
|
|
27
21
|
var _this;
|
|
28
|
-
|
|
29
22
|
_classCallCheck(this, Zoom);
|
|
30
|
-
|
|
31
23
|
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
32
24
|
args[_key] = arguments[_key];
|
|
33
25
|
}
|
|
34
|
-
|
|
35
26
|
_this = _super.call.apply(_super, [this].concat(args));
|
|
36
|
-
|
|
37
27
|
_defineProperty(_assertThisInitialized(_this), "zoomIn", function () {
|
|
38
28
|
if (!_this.disabled && _this.mapsService.getZoom() < _this.mapsService.getMaxZoom()) {
|
|
39
29
|
_this.mapsService.zoomIn();
|
|
40
30
|
}
|
|
41
31
|
});
|
|
42
|
-
|
|
43
32
|
_defineProperty(_assertThisInitialized(_this), "zoomOut", function () {
|
|
44
33
|
if (!_this.disabled && _this.mapsService.getZoom() > _this.mapsService.getMinZoom()) {
|
|
45
34
|
_this.mapsService.zoomOut();
|
|
46
35
|
}
|
|
47
36
|
});
|
|
48
|
-
|
|
49
37
|
_defineProperty(_assertThisInitialized(_this), "updateDisabled", function () {
|
|
50
38
|
var mapsService = _this.mapsService;
|
|
51
|
-
|
|
52
39
|
_this.zoomInButton.removeAttribute('disabled');
|
|
53
|
-
|
|
54
40
|
_this.zoomOutButton.removeAttribute('disabled');
|
|
55
|
-
|
|
56
41
|
if (_this.disabled || mapsService.getZoom() <= mapsService.getMinZoom()) {
|
|
57
42
|
_this.zoomOutButton.setAttribute('disabled', 'true');
|
|
58
43
|
}
|
|
59
|
-
|
|
60
44
|
if (_this.disabled || mapsService.getZoom() >= mapsService.getMaxZoom()) {
|
|
61
45
|
_this.zoomInButton.setAttribute('disabled', 'true');
|
|
62
46
|
}
|
|
63
47
|
});
|
|
64
|
-
|
|
65
48
|
return _this;
|
|
66
49
|
}
|
|
67
|
-
|
|
68
50
|
_createClass(Zoom, [{
|
|
69
51
|
key: "getDefault",
|
|
70
52
|
value: function getDefault(option) {
|
|
@@ -81,7 +63,6 @@ var Zoom = /*#__PURE__*/function (_Control) {
|
|
|
81
63
|
key: "setOptions",
|
|
82
64
|
value: function setOptions(newOptions) {
|
|
83
65
|
_get(_getPrototypeOf(Zoom.prototype), "setOptions", this).call(this, newOptions);
|
|
84
|
-
|
|
85
66
|
if (this.checkUpdateOption(newOptions, ['zoomInText', 'zoomInTitle', 'zoomOutText', 'zoomOutTitle'])) {
|
|
86
67
|
this.resetButtonGroup(this.container);
|
|
87
68
|
}
|
|
@@ -127,20 +108,16 @@ var Zoom = /*#__PURE__*/function (_Control) {
|
|
|
127
108
|
key: "createButton",
|
|
128
109
|
value: function createButton(html, tile, className, container, fn) {
|
|
129
110
|
var link = DOM.create('button', className, container);
|
|
130
|
-
|
|
131
111
|
if (typeof html === 'string') {
|
|
132
112
|
link.innerHTML = html;
|
|
133
113
|
} else {
|
|
134
114
|
link.append(html);
|
|
135
115
|
}
|
|
136
|
-
|
|
137
116
|
link.title = tile;
|
|
138
117
|
link.addEventListener('click', fn);
|
|
139
118
|
return link;
|
|
140
119
|
}
|
|
141
120
|
}]);
|
|
142
|
-
|
|
143
121
|
return Zoom;
|
|
144
122
|
}(Control);
|
|
145
|
-
|
|
146
123
|
export { Zoom as default };
|
package/es/index.js
CHANGED
|
@@ -1,47 +1,37 @@
|
|
|
1
1
|
import Marker from "./marker";
|
|
2
2
|
import MarkerLayer from "./marker-layer";
|
|
3
|
-
import "./assets/iconfont/iconfont.js";
|
|
4
|
-
|
|
3
|
+
import "./assets/iconfont/iconfont.js";
|
|
4
|
+
// 引入样式
|
|
5
5
|
function loadStyles(css, doc) {
|
|
6
6
|
var isMiniAli = typeof my !== 'undefined' && !!my && typeof my.showToast === 'function' && my.isFRM !== true;
|
|
7
7
|
var isWeChatMiniProgram = typeof wx !== 'undefined' && wx !== null && (typeof wx.request !== 'undefined' || typeof wx.miniProgram !== 'undefined');
|
|
8
|
-
|
|
9
8
|
if (isMiniAli || isWeChatMiniProgram) {
|
|
10
9
|
return;
|
|
11
10
|
}
|
|
12
|
-
|
|
13
11
|
if (!doc) doc = document;
|
|
14
|
-
|
|
15
12
|
if (!doc) {
|
|
16
13
|
return;
|
|
17
14
|
}
|
|
18
|
-
|
|
19
15
|
var head = doc.head || doc.getElementsByTagName('head')[0];
|
|
20
|
-
|
|
21
16
|
if (!head) {
|
|
22
17
|
head = doc.createElement('head');
|
|
23
18
|
var body = doc.body || doc.getElementsByTagName('body')[0];
|
|
24
|
-
|
|
25
19
|
if (body) {
|
|
26
20
|
body.parentNode.insertBefore(head, body);
|
|
27
21
|
} else {
|
|
28
22
|
doc.documentElement.appendChild(head);
|
|
29
23
|
}
|
|
30
24
|
}
|
|
31
|
-
|
|
32
25
|
var style = doc.createElement('style');
|
|
33
26
|
style.type = 'text/css';
|
|
34
|
-
|
|
35
27
|
if (style.styleSheet) {
|
|
36
28
|
style.styleSheet.cssText = css;
|
|
37
29
|
} else {
|
|
38
30
|
style.appendChild(doc.createTextNode(css));
|
|
39
31
|
}
|
|
40
|
-
|
|
41
32
|
head.appendChild(style);
|
|
42
33
|
return style;
|
|
43
34
|
}
|
|
44
|
-
|
|
45
35
|
loadStyles(".l7-marker-container {\n position: absolute;\n width: 100%;\n height: 100%;\n overflow: hidden;\n}\n.l7-marker {\n position: absolute !important;\n top: 0;\n left: 0;\n z-index: 5;\n cursor: pointer;\n}\n.l7-marker-cluster {\n width: 40px;\n height: 40px;\n background-color: rgba(181, 226, 140, 0.6);\n background-clip: padding-box;\n border-radius: 20px;\n}\n.l7-marker-cluster div {\n width: 30px;\n height: 30px;\n margin-top: 5px;\n margin-left: 5px;\n font: 12px 'Helvetica Neue', Arial, Helvetica, sans-serif;\n text-align: center;\n background-color: rgba(110, 204, 57, 0.6);\n border-radius: 15px;\n}\n.l7-marker-cluster span {\n line-height: 30px;\n}\n.l7-touch .l7-control-attribution,\n.l7-touch .l7-control-layers,\n.l7-touch .l7-bar {\n -webkit-box-shadow: none;\n box-shadow: none;\n}\n.l7-touch .l7-control-layers,\n.l7-touch .l7-bar {\n background-clip: padding-box;\n border: 2px solid rgba(0, 0, 0, 0.2);\n}\n.mapboxgl-ctrl-logo,\n.amap-logo {\n display: none !important;\n}\n.l7-select-box {\n border: 3px dashed gray;\n border-radius: 2px;\n position: absolute;\n z-index: 1000;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n}\n.l7-control-container {\n font: 12px/1.5 'Helvetica Neue', Arial, Helvetica, sans-serif;\n}\n.l7-control-container .l7-control {\n position: relative;\n z-index: 800;\n float: left;\n clear: both;\n color: #595959;\n font-size: 12px;\n pointer-events: visiblePainted;\n /* IE 9-10 doesn't have auto */\n pointer-events: auto;\n}\n.l7-control-container .l7-control.l7-control--hide {\n display: none;\n}\n.l7-control-container .l7-top {\n top: 0;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n position: absolute;\n z-index: 1000;\n pointer-events: none;\n}\n.l7-control-container .l7-top .l7-control:not(.l7-control--hide) {\n margin-top: 8px;\n}\n.l7-control-container .l7-right {\n right: 0;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n position: absolute;\n z-index: 1000;\n pointer-events: none;\n}\n.l7-control-container .l7-right .l7-control:not(.l7-control--hide) {\n margin-right: 8px;\n}\n.l7-control-container .l7-bottom {\n bottom: 0;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n position: absolute;\n z-index: 1000;\n pointer-events: none;\n}\n.l7-control-container .l7-bottom .l7-control:not(.l7-control--hide) {\n margin-bottom: 8px;\n}\n.l7-control-container .l7-left {\n left: 0;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n position: absolute;\n z-index: 1000;\n pointer-events: none;\n}\n.l7-control-container .l7-left .l7-control:not(.l7-control--hide) {\n margin-left: 8px;\n}\n.l7-control-container .l7-center {\n position: absolute;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-pack: center;\n -ms-flex-pack: center;\n justify-content: center;\n}\n.l7-control-container .l7-center.l7-top,\n.l7-control-container .l7-center.l7-bottom {\n width: 100%;\n}\n.l7-control-container .l7-center.l7-left,\n.l7-control-container .l7-center.l7-right {\n height: 100%;\n}\n.l7-control-container .l7-center .l7-control {\n margin-right: 8px;\n margin-bottom: 8px;\n}\n.l7-control-container .l7-row {\n -webkit-box-orient: horizontal;\n -webkit-box-direction: normal;\n -ms-flex-direction: row;\n flex-direction: row;\n}\n.l7-control-container .l7-row.l7-top {\n -webkit-box-align: start;\n -ms-flex-align: start;\n align-items: flex-start;\n}\n.l7-control-container .l7-row.l7-bottom {\n -webkit-box-align: end;\n -ms-flex-align: end;\n align-items: flex-end;\n}\n.l7-control-container .l7-column {\n -webkit-box-orient: vertical;\n -webkit-box-direction: normal;\n -ms-flex-direction: column;\n flex-direction: column;\n}\n.l7-control-container .l7-column.l7-left {\n -webkit-box-align: start;\n -ms-flex-align: start;\n align-items: flex-start;\n}\n.l7-control-container .l7-column.l7-right {\n -webkit-box-align: end;\n -ms-flex-align: end;\n align-items: flex-end;\n}\n.l7-button-control {\n min-width: 28px;\n height: 28px;\n background-color: #fff;\n border-width: 0;\n border-radius: 2px;\n outline: 0;\n cursor: pointer;\n -webkit-transition: all 0.2s;\n transition: all 0.2s;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-pack: center;\n -ms-flex-pack: center;\n justify-content: center;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n padding: 0 6px;\n -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.15);\n box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.15);\n line-height: 16px;\n}\n.l7-button-control .l7-iconfont {\n fill: #595959;\n color: #595959;\n width: 16px;\n height: 16px;\n}\n.l7-button-control.l7-button-control--row {\n padding: 0 16px 0 13px;\n}\n.l7-button-control.l7-button-control--row * + .l7-button-control__text {\n margin-left: 8px;\n}\n.l7-button-control.l7-button-control--column {\n height: 44px;\n -webkit-box-orient: vertical;\n -webkit-box-direction: normal;\n -ms-flex-direction: column;\n flex-direction: column;\n}\n.l7-button-control.l7-button-control--column .l7-iconfont {\n margin-top: 3px;\n}\n.l7-button-control.l7-button-control--column .l7-button-control__text {\n margin-top: 3px;\n font-size: 10px;\n -webkit-transform: scale(0.83333);\n transform: scale(0.83333);\n}\n.l7-button-control:not(:disabled):hover {\n background-color: #f3f3f3;\n}\n.l7-button-control:not(:disabled):active {\n background-color: #f3f3f3;\n}\n.l7-button-control:disabled {\n background-color: #fafafa;\n color: #bdbdbd;\n cursor: not-allowed;\n}\n.l7-button-control:disabled .l7-iconfont {\n fill: #bdbdbd;\n color: #bdbdbd;\n}\n.l7-button-control:disabled:hover {\n background-color: #fafafa;\n}\n.l7-button-control:disabled:active {\n background-color: #fafafa;\n}\n.l7-popper {\n position: absolute;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-pack: center;\n -ms-flex-pack: center;\n justify-content: center;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n z-index: 5;\n color: #595959;\n}\n.l7-popper.l7-popper-hide {\n display: none;\n}\n.l7-popper .l7-popper-content {\n min-height: 28px;\n background: #fff;\n border-radius: 2px;\n -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.15);\n box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.15);\n}\n.l7-popper .l7-popper-arrow {\n width: 0;\n height: 0;\n border-width: 4px;\n border-style: solid;\n border-top-color: transparent;\n border-bottom-color: transparent;\n border-left-color: transparent;\n border-right-color: transparent;\n -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.15);\n box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.15);\n}\n.l7-popper.l7-popper-left {\n -webkit-box-orient: horizontal;\n -webkit-box-direction: normal;\n -ms-flex-direction: row;\n flex-direction: row;\n}\n.l7-popper.l7-popper-left .l7-popper-arrow {\n border-left-color: #fff;\n margin: 10px 0;\n}\n.l7-popper.l7-popper-right {\n -webkit-box-orient: horizontal;\n -webkit-box-direction: reverse;\n -ms-flex-direction: row-reverse;\n flex-direction: row-reverse;\n}\n.l7-popper.l7-popper-right .l7-popper-arrow {\n border-right-color: #fff;\n margin: 10px 0;\n}\n.l7-popper.l7-popper-top {\n -webkit-box-orient: vertical;\n -webkit-box-direction: normal;\n -ms-flex-direction: column;\n flex-direction: column;\n}\n.l7-popper.l7-popper-top .l7-popper-arrow {\n border-top-color: #fff;\n margin: 0 10px;\n}\n.l7-popper.l7-popper-bottom {\n -webkit-box-orient: vertical;\n -webkit-box-direction: reverse;\n -ms-flex-direction: column-reverse;\n flex-direction: column-reverse;\n}\n.l7-popper.l7-popper-bottom .l7-popper-arrow {\n border-bottom-color: #fff;\n margin: 0 10px;\n}\n.l7-popper.l7-popper-start {\n -webkit-box-align: start;\n -ms-flex-align: start;\n align-items: flex-start;\n}\n.l7-popper.l7-popper-end {\n -webkit-box-align: end;\n -ms-flex-align: end;\n align-items: flex-end;\n}\n.l7-select-control--normal {\n padding: 4px 0;\n}\n.l7-select-control--normal .l7-select-control-item {\n height: 24px;\n line-height: 24px;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n padding: 0 16px;\n font-size: 12px;\n}\n.l7-select-control--normal .l7-select-control-item > * + * {\n margin-left: 6px;\n}\n.l7-select-control--normal .l7-select-control-item input[type='checkbox'] {\n height: 14px;\n width: 14px;\n}\n.l7-select-control--normal .l7-select-control-item:hover {\n background-color: #f3f3f3;\n}\n.l7-select-control--image {\n padding: 12px 12px 0 12px;\n width: 474px;\n height: 320px;\n overflow: auto;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-wrap: wrap;\n flex-wrap: wrap;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n -webkit-box-align: start;\n -ms-flex-align: start;\n align-items: flex-start;\n}\n.l7-select-control--image .l7-select-control-item {\n margin-right: 12px;\n border-radius: 2px;\n overflow: hidden;\n border: 1px solid #fff;\n -webkit-box-sizing: content-box;\n box-sizing: content-box;\n width: calc((100% - 36px) / 3);\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-orient: vertical;\n -webkit-box-direction: normal;\n -ms-flex-direction: column;\n flex-direction: column;\n -webkit-box-pack: center;\n -ms-flex-pack: center;\n justify-content: center;\n margin-bottom: 12px;\n position: relative;\n font-size: 12px;\n}\n.l7-select-control--image .l7-select-control-item img {\n width: 142px;\n height: 80px;\n}\n.l7-select-control--image .l7-select-control-item input[type='checkbox'] {\n position: absolute;\n right: 0;\n top: 0;\n}\n.l7-select-control--image .l7-select-control-item .l7-select-control-item-row {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-pack: center;\n -ms-flex-pack: center;\n justify-content: center;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n line-height: 26px;\n}\n.l7-select-control--image .l7-select-control-item .l7-select-control-item-row > * + * {\n margin-left: 8px;\n}\n.l7-select-control--image .l7-select-control-item.l7-select-control-item-active {\n border-color: #0370fe;\n}\n.l7-select-control--image .l7-select-control-item:nth-child(3n) {\n margin-right: 0;\n}\n.l7-select-control-item {\n cursor: pointer;\n}\n.l7-select-control-item input[type='checkbox'] {\n margin: 0;\n cursor: pointer;\n}\n.l7-select-control--multiple .l7-select-control-item:hover {\n background-color: transparent;\n}\n.l7-control-logo {\n width: 89px;\n height: 16px;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n}\n.l7-control-logo img {\n height: 100%;\n width: 100%;\n}\n.l7-control-logo .l7-control-logo-link {\n display: block;\n cursor: pointer;\n}\n.l7-control-logo .l7-control-logo-link img {\n cursor: pointer;\n}\n.l7-control-mouse-location {\n background-color: #fff;\n border-radius: 2px;\n -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.15);\n box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.15);\n padding: 2px 4px;\n min-width: 130px;\n}\n.l7-control-zoom {\n -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.15);\n box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.15);\n border-radius: 2px;\n overflow: hidden;\n}\n.l7-control-zoom .l7-button-control {\n -webkit-box-shadow: 0 0 0;\n box-shadow: 0 0 0;\n border-radius: 0;\n font-size: 16px;\n}\n.l7-control-zoom .l7-button-control .l7-iconfont {\n width: 14px;\n height: 14px;\n}\n.l7-control-zoom .l7-button-control:first-child {\n border-bottom: 1px solid #f0f0f0;\n}\n.l7-control-scale {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-orient: vertical;\n -webkit-box-direction: normal;\n -ms-flex-direction: column;\n flex-direction: column;\n}\n.l7-control-scale .l7-control-scale-line {\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n padding: 2px 5px 1px;\n overflow: hidden;\n color: #595959;\n font-size: 10px;\n line-height: 1.1;\n white-space: nowrap;\n background: #fff;\n border: 2px solid #000;\n border-top: 0;\n -webkit-transition: width 0.1s;\n transition: width 0.1s;\n}\n.l7-control-scale .l7-control-scale-line + .l7-control-scale .l7-control-scale-line {\n margin-top: -2px;\n border-top: 2px solid #777;\n border-bottom: none;\n}\n.l7-right .l7-control-scale {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-align: end;\n -ms-flex-align: end;\n align-items: flex-end;\n}\n.l7-right .l7-control-scale .l7-control-scale-line {\n text-align: right;\n}\n.l7-popup {\n position: absolute;\n top: 0;\n left: 0;\n z-index: 5;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n will-change: transform;\n pointer-events: none;\n}\n.l7-popup.l7-popup-hide {\n display: none;\n}\n.l7-popup .l7-popup-content {\n position: relative;\n padding: 16px;\n font-size: 14px;\n background: #fff;\n border-radius: 3px;\n -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);\n box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);\n}\n.l7-popup .l7-popup-content .l7-popup-content__title {\n margin-bottom: 8px;\n font-weight: bold;\n}\n.l7-popup .l7-popup-content .l7-popup-close-button,\n.l7-popup .l7-popup-content .l7-popup-content__title,\n.l7-popup .l7-popup-content .l7-popup-content__panel {\n white-space: normal;\n -webkit-user-select: text;\n -moz-user-select: text;\n -ms-user-select: text;\n user-select: text;\n pointer-events: initial;\n}\n.l7-popup .l7-popup-content .l7-popup-close-button {\n position: absolute;\n top: 0;\n right: 0;\n width: 18px;\n height: 18px;\n padding: 0;\n font-size: 14px;\n line-height: 18px;\n text-align: center;\n background-color: transparent;\n border: 0;\n border-radius: 0 3px 0 0;\n cursor: pointer;\n}\n.l7-popup .l7-popup-tip {\n position: relative;\n z-index: 1;\n width: 0;\n height: 0;\n border: 10px solid transparent;\n}\n.l7-popup.l7-popup-anchor-bottom,\n.l7-popup.l7-popup-anchor-bottom-left,\n.l7-popup.l7-popup-anchor-bottom-right {\n -webkit-box-orient: vertical;\n -webkit-box-direction: reverse;\n -ms-flex-direction: column-reverse;\n flex-direction: column-reverse;\n}\n.l7-popup.l7-popup-anchor-bottom .l7-popup-tip,\n.l7-popup.l7-popup-anchor-bottom-left .l7-popup-tip,\n.l7-popup.l7-popup-anchor-bottom-right .l7-popup-tip {\n bottom: 1px;\n}\n.l7-popup.l7-popup-anchor-top,\n.l7-popup.l7-popup-anchor-top-left,\n.l7-popup.l7-popup-anchor-top-right {\n -webkit-box-orient: vertical;\n -webkit-box-direction: normal;\n -ms-flex-direction: column;\n flex-direction: column;\n}\n.l7-popup.l7-popup-anchor-top .l7-popup-tip,\n.l7-popup.l7-popup-anchor-top-left .l7-popup-tip,\n.l7-popup.l7-popup-anchor-top-right .l7-popup-tip {\n top: 1px;\n}\n.l7-popup.l7-popup-anchor-left {\n -webkit-box-orient: horizontal;\n -webkit-box-direction: normal;\n -ms-flex-direction: row;\n flex-direction: row;\n}\n.l7-popup.l7-popup-anchor-right {\n -webkit-box-orient: horizontal;\n -webkit-box-direction: reverse;\n -ms-flex-direction: row-reverse;\n flex-direction: row-reverse;\n}\n.l7-popup-anchor-top .l7-popup-tip {\n position: relative;\n -webkit-align-self: center;\n -ms-flex-item-align: center;\n align-self: center;\n border-top: none;\n border-bottom-color: #fff;\n}\n.l7-popup-anchor-top-left .l7-popup-tip {\n -webkit-align-self: flex-start;\n -ms-flex-item-align: start;\n align-self: flex-start;\n border-top: none;\n border-bottom-color: #fff;\n border-left: none;\n}\n.l7-popup-anchor-top-right .l7-popup-tip {\n -webkit-align-self: flex-end;\n -ms-flex-item-align: end;\n align-self: flex-end;\n border-top: none;\n border-right: none;\n border-bottom-color: #fff;\n}\n.l7-popup-anchor-bottom .l7-popup-tip {\n -webkit-align-self: center;\n -ms-flex-item-align: center;\n align-self: center;\n border-top-color: #fff;\n border-bottom: none;\n}\n.l7-popup-anchor-bottom-left .l7-popup-tip {\n -webkit-align-self: flex-start;\n -ms-flex-item-align: start;\n align-self: flex-start;\n border-top-color: #fff;\n border-bottom: none;\n border-left: none;\n}\n.l7-popup-anchor-bottom-right .l7-popup-tip {\n -webkit-align-self: flex-end;\n -ms-flex-item-align: end;\n align-self: flex-end;\n border-top-color: #fff;\n border-right: none;\n border-bottom: none;\n}\n.l7-popup-anchor-left .l7-popup-tip {\n -webkit-align-self: center;\n -ms-flex-item-align: center;\n align-self: center;\n border-right-color: #fff;\n border-left: none;\n}\n.l7-popup-anchor-right .l7-popup-tip {\n right: 1px;\n -webkit-align-self: center;\n -ms-flex-item-align: center;\n align-self: center;\n border-right: none;\n border-left-color: #fff;\n}\n.l7-popup-anchor-top-left .l7-popup-content {\n border-top-left-radius: 0;\n}\n.l7-popup-anchor-top-right .l7-popup-content {\n border-top-right-radius: 0;\n}\n.l7-popup-anchor-bottom-left .l7-popup-content {\n border-bottom-left-radius: 0;\n}\n.l7-popup-anchor-bottom-right .l7-popup-content {\n border-bottom-right-radius: 0;\n}\n.l7-popup-track-pointer {\n display: none;\n}\n.l7-popup-track-pointer * {\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n pointer-events: none;\n}\n.l7-map:hover .l7-popup-track-pointer {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n}\n.l7-map:active .l7-popup-track-pointer {\n display: none;\n}\n.l7-layer-popup__row {\n font-size: 12px;\n}\n.l7-layer-popup__row + .l7-layer-popup__row {\n margin-top: 4px;\n}\n");
|
|
46
36
|
export * from "./control/baseControl";
|
|
47
37
|
export { ExportImage } from "./control/exportImage";
|