@antv/l7-component 2.19.11 → 2.20.0

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.
@@ -21,7 +21,7 @@ var _icon = require("../utils/icon");
21
21
  var _buttonControl = _interopRequireDefault(require("./baseControl/buttonControl"));
22
22
  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); }; }
23
23
  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; } }
24
- var ExportImage = /*#__PURE__*/function (_ButtonControl) {
24
+ var ExportImage = exports.default = exports.ExportImage = /*#__PURE__*/function (_ButtonControl) {
25
25
  (0, _inherits2.default)(ExportImage, _ButtonControl);
26
26
  var _super = _createSuper(ExportImage);
27
27
  function ExportImage() {
@@ -37,21 +37,18 @@ var ExportImage = /*#__PURE__*/function (_ButtonControl) {
37
37
  while (1) switch (_context.prev = _context.next) {
38
38
  case 0:
39
39
  onExport = _this.controlOption.onExport;
40
- if (!(onExport === null || onExport === void 0)) {
41
- _context.next = 5;
40
+ _context.t0 = onExport === null || onExport === void 0;
41
+ if (_context.t0) {
42
+ _context.next = 8;
42
43
  break;
43
44
  }
44
- void 0;
45
- _context.next = 10;
46
- break;
47
- case 5:
48
- _context.t0 = onExport;
49
- _context.next = 8;
45
+ _context.t1 = onExport;
46
+ _context.next = 6;
50
47
  return _this.getImage();
48
+ case 6:
49
+ _context.t2 = _context.sent;
50
+ (0, _context.t1)(_context.t2);
51
51
  case 8:
52
- _context.t1 = _context.sent;
53
- (0, _context.t0)(_context.t1);
54
- case 10:
55
52
  case "end":
56
53
  return _context.stop();
57
54
  }
@@ -102,7 +99,7 @@ var ExportImage = /*#__PURE__*/function (_ButtonControl) {
102
99
  case 9:
103
100
  imgList = _context2.sent;
104
101
  imgList.forEach(function (img) {
105
- context === null || context === void 0 ? void 0 : context.drawImage(img, 0, 0, width, height);
102
+ context === null || context === void 0 || context.drawImage(img, 0, 0, width, height);
106
103
  });
107
104
  return _context2.abrupt("return", canvas.toDataURL("image/".concat(imageType)));
108
105
  case 12:
@@ -161,5 +158,4 @@ var ExportImage = /*#__PURE__*/function (_ButtonControl) {
161
158
  }()
162
159
  }]);
163
160
  return ExportImage;
164
- }(_buttonControl.default);
165
- exports.default = exports.ExportImage = ExportImage;
161
+ }(_buttonControl.default);
@@ -22,7 +22,7 @@ var _screenfull = _interopRequireDefault(require("../utils/screenfull"));
22
22
  var _buttonControl = _interopRequireDefault(require("./baseControl/buttonControl"));
23
23
  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); }; }
24
24
  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; } }
25
- var Fullscreen = /*#__PURE__*/function (_ButtonControl) {
25
+ var Fullscreen = exports.default = exports.Fullscreen = /*#__PURE__*/function (_ButtonControl) {
26
26
  (0, _inherits2.default)(Fullscreen, _ButtonControl);
27
27
  var _super = _createSuper(Fullscreen);
28
28
  function Fullscreen(option) {
@@ -121,5 +121,4 @@ var Fullscreen = /*#__PURE__*/function (_ButtonControl) {
121
121
  }
122
122
  }]);
123
123
  return Fullscreen;
124
- }(_buttonControl.default);
125
- exports.default = exports.Fullscreen = Fullscreen;
124
+ }(_buttonControl.default);
@@ -20,7 +20,7 @@ var _icon = require("../utils/icon");
20
20
  var _buttonControl = _interopRequireDefault(require("./baseControl/buttonControl"));
21
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); }; }
22
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; } }
23
- var GeoLocate = /*#__PURE__*/function (_ButtonControl) {
23
+ var GeoLocate = exports.default = exports.GeoLocate = /*#__PURE__*/function (_ButtonControl) {
24
24
  (0, _inherits2.default)(GeoLocate, _ButtonControl);
25
25
  var _super = _createSuper(GeoLocate);
26
26
  function GeoLocate(option) {
@@ -109,5 +109,4 @@ var GeoLocate = /*#__PURE__*/function (_ButtonControl) {
109
109
  }
110
110
  }]);
111
111
  return GeoLocate;
112
- }(_buttonControl.default);
113
- exports.default = exports.GeoLocate = GeoLocate;
112
+ }(_buttonControl.default);
@@ -21,7 +21,7 @@ function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Re
21
21
  function isLayerSwitchItem(obj) {
22
22
  return obj && obj.layer;
23
23
  }
24
- var LayerSwitch = /*#__PURE__*/function (_SelectControl) {
24
+ var LayerSwitch = exports.default = exports.LayerSwitch = /*#__PURE__*/function (_SelectControl) {
25
25
  (0, _inherits2.default)(LayerSwitch, _SelectControl);
26
26
  var _super = _createSuper(LayerSwitch);
27
27
  function LayerSwitch() {
@@ -176,5 +176,4 @@ var LayerSwitch = /*#__PURE__*/function (_SelectControl) {
176
176
  }
177
177
  }]);
178
178
  return LayerSwitch;
179
- }(_selectControl.default);
180
- exports.default = exports.LayerSwitch = LayerSwitch;
179
+ }(_selectControl.default);
@@ -15,7 +15,7 @@ var _l7Utils = require("@antv/l7-utils");
15
15
  var _baseControl = require("./baseControl");
16
16
  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); }; }
17
17
  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; } }
18
- var Logo = /*#__PURE__*/function (_Control) {
18
+ var Logo = exports.default = exports.Logo = /*#__PURE__*/function (_Control) {
19
19
  (0, _inherits2.default)(Logo, _Control);
20
20
  var _super = _createSuper(Logo);
21
21
  function Logo() {
@@ -77,5 +77,4 @@ var Logo = /*#__PURE__*/function (_Control) {
77
77
  }
78
78
  }]);
79
79
  return Logo;
80
- }(_baseControl.Control);
81
- exports.default = exports.Logo = Logo;
80
+ }(_baseControl.Control);
@@ -20,7 +20,7 @@ var _icon = require("../utils/icon");
20
20
  var _selectControl = _interopRequireDefault(require("./baseControl/selectControl"));
21
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); }; }
22
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; } }
23
- var MapTheme = /*#__PURE__*/function (_SelectControl) {
23
+ var MapTheme = exports.default = exports.MapTheme = /*#__PURE__*/function (_SelectControl) {
24
24
  (0, _inherits2.default)(MapTheme, _SelectControl);
25
25
  var _super = _createSuper(MapTheme);
26
26
  function MapTheme() {
@@ -112,5 +112,4 @@ var MapTheme = /*#__PURE__*/function (_SelectControl) {
112
112
  }
113
113
  }]);
114
114
  return MapTheme;
115
- }(_selectControl.default);
116
- exports.default = exports.MapTheme = MapTheme;
115
+ }(_selectControl.default);
@@ -20,7 +20,7 @@ var _l7Utils = require("@antv/l7-utils");
20
20
  var _control = _interopRequireDefault(require("./baseControl/control"));
21
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); }; }
22
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; } }
23
- var MouseLocation = /*#__PURE__*/function (_Control) {
23
+ var MouseLocation = exports.default = exports.MouseLocation = /*#__PURE__*/function (_Control) {
24
24
  (0, _inherits2.default)(MouseLocation, _Control);
25
25
  var _super = _createSuper(MouseLocation);
26
26
  function MouseLocation() {
@@ -85,5 +85,4 @@ var MouseLocation = /*#__PURE__*/function (_Control) {
85
85
  }
86
86
  }]);
87
87
  return MouseLocation;
88
- }(_control.default);
89
- exports.default = exports.MouseLocation = MouseLocation;
88
+ }(_control.default);
@@ -18,7 +18,7 @@ var _l7Utils = require("@antv/l7-utils");
18
18
  var _baseControl = require("./baseControl");
19
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); }; }
20
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; } }
21
- var Scale = /*#__PURE__*/function (_Control) {
21
+ var Scale = exports.default = exports.Scale = /*#__PURE__*/function (_Control) {
22
22
  (0, _inherits2.default)(Scale, _Control);
23
23
  var _super = _createSuper(Scale);
24
24
  function Scale() {
@@ -151,5 +151,4 @@ var Scale = /*#__PURE__*/function (_Control) {
151
151
  }
152
152
  }]);
153
153
  return Scale;
154
- }(_baseControl.Control);
155
- exports.default = exports.Scale = Scale;
154
+ }(_baseControl.Control);
@@ -20,7 +20,7 @@ var _icon = require("../utils/icon");
20
20
  var _baseControl = require("./baseControl");
21
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); }; }
22
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; } }
23
- var Zoom = /*#__PURE__*/function (_Control) {
23
+ var Zoom = exports.default = exports.Zoom = /*#__PURE__*/function (_Control) {
24
24
  (0, _inherits2.default)(Zoom, _Control);
25
25
  var _super = _createSuper(Zoom);
26
26
  function Zoom() {
@@ -134,5 +134,4 @@ var Zoom = /*#__PURE__*/function (_Control) {
134
134
  }
135
135
  }]);
136
136
  return Zoom;
137
- }(_baseControl.Control);
138
- exports.default = exports.Zoom = Zoom;
137
+ }(_baseControl.Control);
package/lib/css/index.css CHANGED
@@ -271,60 +271,60 @@
271
271
  padding: 4px 0;
272
272
  }
273
273
  .l7-select-control--normal .l7-select-control-item {
274
- height: 24px;
275
- line-height: 24px;
276
274
  display: flex;
277
275
  align-items: center;
276
+ height: 24px;
278
277
  padding: 0 16px;
279
278
  font-size: 12px;
279
+ line-height: 24px;
280
280
  }
281
281
  .l7-select-control--normal .l7-select-control-item > * + * {
282
282
  margin-left: 6px;
283
283
  }
284
284
  .l7-select-control--normal .l7-select-control-item input[type='checkbox'] {
285
- height: 14px;
286
285
  width: 14px;
286
+ height: 14px;
287
287
  }
288
288
  .l7-select-control--normal .l7-select-control-item:hover {
289
289
  background-color: #f3f3f3;
290
290
  }
291
291
  .l7-select-control--image {
292
- padding: 12px 12px 0 12px;
293
- width: 474px;
294
- height: 320px;
295
- overflow: auto;
296
292
  display: flex;
297
293
  flex-wrap: wrap;
298
- box-sizing: border-box;
299
294
  align-items: flex-start;
295
+ box-sizing: content-box;
296
+ max-width: 420px;
297
+ max-height: 400px;
298
+ margin: 12px 0 0 12px;
299
+ overflow: auto;
300
300
  }
301
301
  .l7-select-control--image .l7-select-control-item {
302
- margin-right: 12px;
303
- border-radius: 2px;
304
- overflow: hidden;
305
- border: 1px solid #fff;
306
- box-sizing: content-box;
307
- width: calc((100% - 36px) / 3);
302
+ position: relative;
308
303
  display: flex;
309
304
  flex-direction: column;
310
305
  justify-content: center;
306
+ box-sizing: content-box;
307
+ width: 408px / 3 - 12px;
308
+ margin-right: 12px;
311
309
  margin-bottom: 12px;
312
- position: relative;
310
+ overflow: hidden;
313
311
  font-size: 12px;
312
+ border: 1px solid #fff;
313
+ border-radius: 2px;
314
314
  }
315
315
  .l7-select-control--image .l7-select-control-item img {
316
- width: 142px;
316
+ width: 100%;
317
317
  height: 80px;
318
318
  }
319
319
  .l7-select-control--image .l7-select-control-item input[type='checkbox'] {
320
320
  position: absolute;
321
- right: 0;
322
321
  top: 0;
322
+ right: 0;
323
323
  }
324
324
  .l7-select-control--image .l7-select-control-item .l7-select-control-item-row {
325
325
  display: flex;
326
- justify-content: center;
327
326
  align-items: center;
327
+ justify-content: center;
328
328
  line-height: 26px;
329
329
  }
330
330
  .l7-select-control--image .l7-select-control-item .l7-select-control-item-row > * + * {
@@ -333,9 +333,6 @@
333
333
  .l7-select-control--image .l7-select-control-item.l7-select-control-item-active {
334
334
  border-color: #0370fe;
335
335
  }
336
- .l7-select-control--image .l7-select-control-item:nth-child(3n) {
337
- margin-right: 0;
338
- }
339
336
  .l7-select-control-item {
340
337
  cursor: pointer;
341
338
  }
@@ -3,18 +3,18 @@
3
3
  .l7-select-control--normal {
4
4
  padding: 4px 0;
5
5
  .l7-select-control-item {
6
- height: 24px;
7
- line-height: 24px;
8
6
  display: flex;
9
7
  align-items: center;
8
+ height: 24px;
10
9
  padding: 0 16px;
11
10
  font-size: 12px;
11
+ line-height: 24px;
12
12
  > * + * {
13
13
  margin-left: 6px;
14
14
  }
15
15
  input[type='checkbox'] {
16
- height: 14px;
17
16
  width: 14px;
17
+ height: 14px;
18
18
  }
19
19
  &:hover {
20
20
  background-color: @l7-btn-control-bg-hover-color;
@@ -23,40 +23,40 @@
23
23
  }
24
24
 
25
25
  .l7-select-control--image {
26
- padding: 12px 12px 0 12px;
27
- width: @l7-select-control-image-popper-width;
28
- height: 320px;
29
- overflow: auto;
30
26
  display: flex;
31
27
  flex-wrap: wrap;
32
- box-sizing: border-box;
33
28
  align-items: flex-start;
29
+ box-sizing: content-box;
30
+ max-width: @l7-select-control-image-width;
31
+ max-height: 400px;
32
+ margin: 12px 0 0 12px;
33
+ overflow: auto;
34
34
  .l7-select-control-item {
35
- margin-right: 12px;
36
- border-radius: @l7-btn-control-border-radius;
37
- overflow: hidden;
38
- border: 1px solid @l7-popper-control-bg-color;
39
- box-sizing: content-box;
40
- width: calc((100% - 36px) / 3);
35
+ position: relative;
41
36
  display: flex;
42
37
  flex-direction: column;
43
38
  justify-content: center;
39
+ box-sizing: content-box;
40
+ width: (@l7-select-control-image-width - 12px) / 3 - 12px;
41
+ margin-right: 12px;
44
42
  margin-bottom: 12px;
45
- position: relative;
43
+ overflow: hidden;
46
44
  font-size: 12px;
45
+ border: 1px solid @l7-popper-control-bg-color;
46
+ border-radius: @l7-btn-control-border-radius;
47
47
  img {
48
- width: 142px;
48
+ width: 100%;
49
49
  height: 80px;
50
50
  }
51
51
  input[type='checkbox'] {
52
52
  position: absolute;
53
- right: 0;
54
53
  top: 0;
54
+ right: 0;
55
55
  }
56
56
  .l7-select-control-item-row {
57
57
  display: flex;
58
- justify-content: center;
59
58
  align-items: center;
59
+ justify-content: center;
60
60
  line-height: 26px;
61
61
  > * + * {
62
62
  margin-left: 8px;
@@ -65,9 +65,6 @@
65
65
  &.l7-select-control-item-active {
66
66
  border-color: @l7-select-control-active-color;
67
67
  }
68
- &:nth-child(3n) {
69
- margin-right: 0;
70
- }
71
68
  }
72
69
  }
73
70
 
@@ -23,7 +23,8 @@
23
23
 
24
24
  // SelectControl
25
25
  @l7-select-control-active-color: #0370fe;
26
- @l7-select-control-image-popper-width: 474px;
26
+
27
+ @l7-select-control-image-width: 420px;
27
28
 
28
29
  @position-list: top, right, bottom, left;
29
30
 
package/lib/index.js CHANGED
@@ -166,4 +166,4 @@ function loadStyles(css, doc) {
166
166
  head.appendChild(style);
167
167
  return style;
168
168
  }
169
- 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: 999;\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: 999;\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: 999;\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: 999;\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: 999;\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: 999;\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 overflow: hidden;\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-control-zoom .l7-button-control {\n font-size: 16px;\n border-bottom: 1px solid #f0f0f0;\n border-radius: 0;\n -webkit-box-shadow: 0 0 0;\n box-shadow: 0 0 0;\n}\n.l7-control-zoom .l7-button-control .l7-iconfont {\n width: 14px;\n height: 14px;\n}\n.l7-control-zoom .l7-button-control:last-child {\n border-bottom: 0;\n}\n.l7-control-zoom .l7-control-zoom__number {\n color: #595959;\n padding: 0;\n}\n.l7-control-zoom .l7-control-zoom__number:hover {\n background-color: #fff;\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");
169
+ 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: 999;\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: 999;\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: 999;\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: 999;\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: 999;\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: 999;\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 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 height: 24px;\n padding: 0 16px;\n font-size: 12px;\n line-height: 24px;\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 width: 14px;\n height: 14px;\n}\n.l7-select-control--normal .l7-select-control-item:hover {\n background-color: #f3f3f3;\n}\n.l7-select-control--image {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-wrap: wrap;\n flex-wrap: wrap;\n -webkit-box-align: start;\n -ms-flex-align: start;\n align-items: flex-start;\n -webkit-box-sizing: content-box;\n box-sizing: content-box;\n max-width: 420px;\n max-height: 400px;\n margin: 12px 0 0 12px;\n overflow: auto;\n}\n.l7-select-control--image .l7-select-control-item {\n position: relative;\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 -webkit-box-sizing: content-box;\n box-sizing: content-box;\n width: 408px / 3 - 12px;\n margin-right: 12px;\n margin-bottom: 12px;\n overflow: hidden;\n font-size: 12px;\n border: 1px solid #fff;\n border-radius: 2px;\n}\n.l7-select-control--image .l7-select-control-item img {\n width: 100%;\n height: 80px;\n}\n.l7-select-control--image .l7-select-control-item input[type='checkbox'] {\n position: absolute;\n top: 0;\n right: 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-align: center;\n -ms-flex-align: center;\n align-items: center;\n -webkit-box-pack: center;\n -ms-flex-pack: center;\n justify-content: 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-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 overflow: hidden;\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-control-zoom .l7-button-control {\n font-size: 16px;\n border-bottom: 1px solid #f0f0f0;\n border-radius: 0;\n -webkit-box-shadow: 0 0 0;\n box-shadow: 0 0 0;\n}\n.l7-control-zoom .l7-button-control .l7-iconfont {\n width: 14px;\n height: 14px;\n}\n.l7-control-zoom .l7-button-control:last-child {\n border-bottom: 0;\n}\n.l7-control-zoom .l7-control-zoom__number {\n color: #595959;\n padding: 0;\n}\n.l7-control-zoom .l7-control-zoom__number:hover {\n background-color: #fff;\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"); // import './css/index.less';
@@ -22,7 +22,7 @@ function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflec
22
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; } } // @ts-ignore
23
23
  // tslint:disable-next-line:no-submodule-imports
24
24
  var merge = _l7Utils.lodashUtil.merge;
25
- var MarkerLayer = /*#__PURE__*/function (_EventEmitter) {
25
+ var MarkerLayer = exports.default = /*#__PURE__*/function (_EventEmitter) {
26
26
  (0, _inherits2.default)(MarkerLayer, _EventEmitter);
27
27
  var _super = _createSuper(MarkerLayer);
28
28
  // 聚合后的marker列表
@@ -118,9 +118,6 @@ var MarkerLayer = /*#__PURE__*/function (_EventEmitter) {
118
118
  }
119
119
  }
120
120
  this.markers.push(marker);
121
- // if(this.inited) {
122
- // marker.addTo(this.scene);
123
- // }
124
121
  }
125
122
  }, {
126
123
  key: "removeMarker",
@@ -129,6 +126,12 @@ var MarkerLayer = /*#__PURE__*/function (_EventEmitter) {
129
126
  var markerIndex = this.markers.indexOf(marker);
130
127
  if (markerIndex > -1) {
131
128
  this.markers.splice(markerIndex, 1);
129
+ if (this.markerLayerOption.cluster) {
130
+ this.removePoint(markerIndex);
131
+ if (this.mapsService) {
132
+ this.getClusterMarker(this.bbox, this.zoom);
133
+ }
134
+ }
132
135
  }
133
136
  }
134
137
 
@@ -167,6 +170,11 @@ var MarkerLayer = /*#__PURE__*/function (_EventEmitter) {
167
170
  var cluster = this.markerLayerOption.cluster;
168
171
  return cluster ? this.clusterMarkers : this.markers;
169
172
  }
173
+ }, {
174
+ key: "getOriginMarkers",
175
+ value: function getOriginMarkers() {
176
+ return this.markers;
177
+ }
170
178
 
171
179
  // 批量添加marker到scene
172
180
  }, {
@@ -225,6 +233,20 @@ var MarkerLayer = /*#__PURE__*/function (_EventEmitter) {
225
233
  this.clusterIndex.load(this.points);
226
234
  }
227
235
  }
236
+ }, {
237
+ key: "removePoint",
238
+ value: function removePoint(id) {
239
+ var targetIndex = this.points.findIndex(function (point) {
240
+ return point.properties.marker_id === id;
241
+ });
242
+ if (targetIndex > -1) {
243
+ this.points.splice(targetIndex, 1);
244
+ }
245
+ if (this.clusterIndex) {
246
+ // 在删除点的时候需要更新 cluster 的数据
247
+ this.clusterIndex.load(this.points);
248
+ }
249
+ }
228
250
  }, {
229
251
  key: "initCluster",
230
252
  value: function initCluster() {
@@ -345,5 +367,4 @@ var MarkerLayer = /*#__PURE__*/function (_EventEmitter) {
345
367
  }
346
368
  }]);
347
369
  return MarkerLayer;
348
- }(_eventemitter.EventEmitter);
349
- exports.default = MarkerLayer;
370
+ }(_eventemitter.EventEmitter);
package/lib/marker.js CHANGED
@@ -19,7 +19,7 @@ var _eventemitter = require("eventemitter3");
19
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); }; }
20
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; } }
21
21
  // marker 支持 dragger 未完成
22
- var Marker = /*#__PURE__*/function (_EventEmitter) {
22
+ var Marker = exports.default = /*#__PURE__*/function (_EventEmitter) {
23
23
  (0, _inherits2.default)(Marker, _EventEmitter);
24
24
  var _super = _createSuper(Marker);
25
25
  function Marker(option) {
@@ -413,5 +413,4 @@ var Marker = /*#__PURE__*/function (_EventEmitter) {
413
413
  }
414
414
  }]);
415
415
  return Marker;
416
- }(_eventemitter.EventEmitter);
417
- exports.default = Marker;
416
+ }(_eventemitter.EventEmitter);
@@ -19,7 +19,7 @@ var _popup = _interopRequireDefault(require("./popup"));
19
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); }; }
20
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; } }
21
21
  var get = _l7Utils.lodashUtil.get;
22
- var LayerPopup = /*#__PURE__*/function (_Popup) {
22
+ var LayerPopup = exports.default = exports.LayerPopup = /*#__PURE__*/function (_Popup) {
23
23
  (0, _inherits2.default)(LayerPopup, _Popup);
24
24
  var _super = _createSuper(LayerPopup);
25
25
  function LayerPopup() {
@@ -161,21 +161,21 @@ var LayerPopup = /*#__PURE__*/function (_Popup) {
161
161
  var onMouseOut = _this2.onLayerMouseOut.bind(_this2, layer);
162
162
  layerInfo.onMouseMove = onMouseMove;
163
163
  layerInfo.onMouseOut = onMouseOut;
164
- layer === null || layer === void 0 ? void 0 : layer.on('mousemove', onMouseMove);
165
- layer === null || layer === void 0 ? void 0 : layer.on('mouseout', onMouseOut);
164
+ layer === null || layer === void 0 || layer.on('mousemove', onMouseMove);
165
+ layer === null || layer === void 0 || layer.on('mouseout', onMouseOut);
166
166
  } else {
167
167
  var _this2$mapsService;
168
168
  var onLayerClick = _this2.onLayerClick.bind(_this2, layer);
169
169
  layerInfo.onClick = onLayerClick;
170
- layer === null || layer === void 0 ? void 0 : layer.on('click', onLayerClick);
170
+ layer === null || layer === void 0 || layer.on('click', onLayerClick);
171
171
  var mapContainer = (_this2$mapsService = _this2.mapsService) === null || _this2$mapsService === void 0 ? void 0 : _this2$mapsService.getMapContainer();
172
172
  if (mapContainer && closeOnClick) {
173
173
  mapContainer.addEventListener('click', _this2.onSceneClick);
174
174
  }
175
175
  }
176
- var source = layer === null || layer === void 0 ? void 0 : (_layer$getSource = layer.getSource) === null || _layer$getSource === void 0 ? void 0 : _layer$getSource.call(layer);
176
+ var source = layer === null || layer === void 0 || (_layer$getSource = layer.getSource) === null || _layer$getSource === void 0 ? void 0 : _layer$getSource.call(layer);
177
177
  var onSourceUpdate = _this2.onSourceUpdate.bind(_this2);
178
- source === null || source === void 0 ? void 0 : source.on('update', onSourceUpdate);
178
+ source === null || source === void 0 || source.on('update', onSourceUpdate);
179
179
  layerInfo.onSourceUpdate = onSourceUpdate;
180
180
  _this2.layerConfigMap.set(layer, layerInfo);
181
181
  });
@@ -211,7 +211,7 @@ var LayerPopup = /*#__PURE__*/function (_Popup) {
211
211
  }
212
212
  if (onSourceUpdate) {
213
213
  var _layer$getSource2;
214
- layer === null || layer === void 0 ? void 0 : (_layer$getSource2 = layer.getSource()) === null || _layer$getSource2 === void 0 ? void 0 : _layer$getSource2.off('update', onSourceUpdate);
214
+ layer === null || layer === void 0 || (_layer$getSource2 = layer.getSource()) === null || _layer$getSource2 === void 0 || _layer$getSource2.off('update', onSourceUpdate);
215
215
  }
216
216
  var mapContainer = (_this3$mapsService = _this3.mapsService) === null || _this3$mapsService === void 0 ? void 0 : _this3$mapsService.getMapContainer();
217
217
  if (mapContainer) {
@@ -281,7 +281,7 @@ var LayerPopup = /*#__PURE__*/function (_Popup) {
281
281
  var content = customContent instanceof Function ? customContent(_feature) : customContent;
282
282
  _l7Utils.DOM.appendElementType(contentFrag, content);
283
283
  } else if (fields !== null && fields !== void 0 && fields.length) {
284
- fields === null || fields === void 0 ? void 0 : fields.forEach(function (fieldConfig) {
284
+ fields === null || fields === void 0 || fields.forEach(function (fieldConfig) {
285
285
  var _ref3, _ref4;
286
286
  var _ref2 = typeof fieldConfig === 'string' ?
287
287
  // tslint:disable-next-line:no-object-literal-type-assertion
@@ -351,5 +351,4 @@ var LayerPopup = /*#__PURE__*/function (_Popup) {
351
351
  }
352
352
  }]);
353
353
  return LayerPopup;
354
- }(_popup.default);
355
- exports.default = exports.LayerPopup = LayerPopup;
354
+ }(_popup.default);