@antv/l7-component 2.9.37-alpha.2 → 2.9.37-alpha.3

package/lib/index.js

@@ -0,0 +1,254 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _exportNames = {
+  Marker: true,
+  MarkerLayer: true
+};
+Object.defineProperty(exports, "Marker", {
+  enumerable: true,
+  get: function get() {
+    return _marker.default;
+  }
+});
+Object.defineProperty(exports, "MarkerLayer", {
+  enumerable: true,
+  get: function get() {
+    return _markerLayer.default;
+  }
+});
+
+var _marker = _interopRequireDefault(require("./marker"));
+
+var _markerLayer = _interopRequireDefault(require("./marker-layer"));
+
+require("./assets/iconfont/iconfont.js");
+
+var _baseControl = require("./control/baseControl");
+
+Object.keys(_baseControl).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _baseControl[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _baseControl[key];
+    }
+  });
+});
+
+var _logo = require("./control/logo");
+
+Object.keys(_logo).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _logo[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _logo[key];
+    }
+  });
+});
+
+var _fullscreen = require("./control/fullscreen");
+
+Object.keys(_fullscreen).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _fullscreen[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _fullscreen[key];
+    }
+  });
+});
+
+var _exportImage = require("./control/exportImage");
+
+Object.keys(_exportImage).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _exportImage[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _exportImage[key];
+    }
+  });
+});
+
+var _geoLocate = require("./control/geoLocate");
+
+Object.keys(_geoLocate).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _geoLocate[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _geoLocate[key];
+    }
+  });
+});
+
+var _mapTheme = require("./control/mapTheme");
+
+Object.keys(_mapTheme).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _mapTheme[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _mapTheme[key];
+    }
+  });
+});
+
+var _layerSwitch = require("./control/layerSwitch");
+
+Object.keys(_layerSwitch).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _layerSwitch[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _layerSwitch[key];
+    }
+  });
+});
+
+var _mouseLocation = require("./control/mouseLocation");
+
+Object.keys(_mouseLocation).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _mouseLocation[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _mouseLocation[key];
+    }
+  });
+});
+
+var _zoom = require("./control/zoom");
+
+Object.keys(_zoom).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _zoom[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _zoom[key];
+    }
+  });
+});
+
+var _scale = require("./control/scale");
+
+Object.keys(_scale).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _scale[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _scale[key];
+    }
+  });
+});
+
+var _popup = require("./popup/popup");
+
+Object.keys(_popup).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _popup[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _popup[key];
+    }
+  });
+});
+
+var _layerPopup = require("./popup/layerPopup");
+
+Object.keys(_layerPopup).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _layerPopup[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _layerPopup[key];
+    }
+  });
+});
+
+var _interface = require("./interface");
+
+Object.keys(_interface).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _interface[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _interface[key];
+    }
+  });
+});
+
+// 引入样式
+function loadStyles(css, doc) {
+  var isMiniAli = typeof my !== 'undefined' && !!my && typeof my.showToast === 'function' && my.isFRM !== true;
+  var isWeChatMiniProgram = typeof wx !== 'undefined' && wx !== null && (typeof wx.request !== 'undefined' || typeof wx.miniProgram !== 'undefined');
+
+  if (isMiniAli || isWeChatMiniProgram) {
+    return;
+  }
+
+  if (!doc) doc = document;
+
+  if (!doc) {
+    return;
+  }
+
+  var head = doc.head || doc.getElementsByTagName('head')[0];
+
+  if (!head) {
+    head = doc.createElement('head');
+    var body = doc.body || doc.getElementsByTagName('body')[0];
+
+    if (body) {
+      body.parentNode.insertBefore(head, body);
+    } else {
+      doc.documentElement.appendChild(head);
+    }
+  }
+
+  var style = doc.createElement('style');
+  style.type = 'text/css';
+
+  if (style.styleSheet) {
+    style.styleSheet.cssText = css;
+  } else {
+    style.appendChild(doc.createTextNode(css));
+  }
+
+  head.appendChild(style);
+  return style;
+}
+
+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  pointer-events: none;\n  will-change: transform;\n}\n.l7-popup.l7-popup-hide {\n  display: none;\n}\n.l7-popup .l7-popup-content {\n  position: relative;\n  padding: 16px;\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  pointer-events: auto;\n  font-size: 14px;\n}\n.l7-popup .l7-popup-content .l7-popup-content__title {\n  font-weight: bold;\n  margin-bottom: 8px;\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  line-height: 18px;\n  text-align: center;\n  padding: 0;\n  background-color: transparent;\n  border: 0;\n  border-radius: 0 3px 0 0;\n  cursor: pointer;\n  font-size: 14px;\n}\n.l7-popup .l7-popup-tip {\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-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-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  -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  -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");

package/lib/interface.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/lib/marker-layer.js

@@ -0,0 +1,381 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+
+var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
+
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _l7Core = require("@antv/l7-core");
+
+var _l7Utils = require("@antv/l7-utils");
+
+var _eventemitter = require("eventemitter3");
+
+var _lodash = require("lodash");
+
+var _supercluster = _interopRequireDefault(require("supercluster/dist/supercluster"));
+
+var _marker = _interopRequireDefault(require("./marker"));
+
+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); }; }
+
+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; } }
+
+var MarkerLayer = /*#__PURE__*/function (_EventEmitter) {
+  (0, _inherits2.default)(MarkerLayer, _EventEmitter);
+
+  var _super = _createSuper(MarkerLayer);
+
+  function MarkerLayer(option) {
+    var _this$markerLayerOpti;
+
+    var _this;
+
+    (0, _classCallCheck2.default)(this, MarkerLayer);
+    _this = _super.call(this);
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "markers", []);
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "points", []);
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "clusterMarkers", []);
+    _this.markerLayerOption = (0, _lodash.merge)(_this.getDefault(), option);
+    (0, _l7Utils.bindAll)(['update'], (0, _assertThisInitialized2.default)(_this));
+    _this.zoom = ((_this$markerLayerOpti = _this.markerLayerOption.clusterOption) === null || _this$markerLayerOpti === void 0 ? void 0 : _this$markerLayerOpti.zoom) || -99;
+    return _this;
+  }
+
+  (0, _createClass2.default)(MarkerLayer, [{
+    key: "getDefault",
+    value: function getDefault() {
+      return {
+        cluster: false,
+        clusterOption: {
+          radius: 80,
+          maxZoom: 20,
+          minZoom: 0,
+          zoom: -99,
+          style: {},
+          className: ''
+        }
+      };
+    } // 执行scene.addMarkerLayer时调用
+
+  }, {
+    key: "addTo",
+    value: function addTo(scene) {
+      // this.remove();
+      this.scene = scene;
+      this.mapsService = scene.get(_l7Core.TYPES.IMapService);
+
+      if (this.markerLayerOption.cluster) {
+        this.initCluster();
+        this.update(); // 地图视野变化时，重新计算视野内的聚合点。
+
+        this.mapsService.on('camerachange', this.update); // amap1.x 更新事件
+
+        this.mapsService.on('viewchange', this.update); // amap2.0 更新事件
+      }
+
+      this.mapsService.on('camerachange', this.setContainerSize.bind(this)); // amap1.x 更新事件
+
+      this.mapsService.on('viewchange', this.setContainerSize.bind(this)); // amap2.0 更新事件
+
+      this.addMarkers();
+      return this;
+    } // 设置容器大小
+
+  }, {
+    key: "setContainerSize",
+    value: function setContainerSize() {
+      if (!this.mapsService) return;
+      var container = this.mapsService.getContainer();
+      this.containerSize = {
+        containerWidth: (container === null || container === void 0 ? void 0 : container.scrollWidth) || 0,
+        containerHeight: (container === null || container === void 0 ? void 0 : container.scrollHeight) || 0,
+        bounds: this.mapsService.getBounds()
+      };
+    } // 获取容器尺寸
+
+  }, {
+    key: "getContainerSize",
+    value: function getContainerSize() {
+      return this.containerSize;
+    } // 在图层添加单个marker
+
+  }, {
+    key: "addMarker",
+    value: function addMarker(marker) {
+      var cluster = this.markerLayerOption.cluster;
+      marker.getMarkerLayerContainerSize = this.getContainerSize.bind(this);
+
+      if (cluster) {
+        this.addPoint(marker, this.markers.length);
+
+        if (this.mapsService) {
+          // 在新增 marker 的时候需要更新聚合信息（哪怕此时的 zoom 没有发生变化）
+          var zoom = this.mapsService.getZoom();
+          var bbox = this.mapsService.getBounds();
+          this.bbox = (0, _l7Utils.padBounds)(bbox, 0.5);
+          this.zoom = Math.floor(zoom);
+          this.getClusterMarker(this.bbox, this.zoom);
+        }
+      }
+
+      this.markers.push(marker);
+    }
+  }, {
+    key: "removeMarker",
+    value: function removeMarker(marker) {
+      this.markers.indexOf(marker);
+      var markerIndex = this.markers.indexOf(marker);
+
+      if (markerIndex > -1) {
+        this.markers.splice(markerIndex, 1);
+      }
+    }
+    /**
+     * 隐藏 marker 在每个 marker 上单独修改属性而不是在 markerContainer 上修改（在 markerContainer 修改会有用户在场景加载完之前调用失败的问题）
+     */
+
+  }, {
+    key: "hide",
+    value: function hide() {
+      this.markers.map(function (m) {
+        m.getElement().style.opacity = '0';
+      });
+      this.clusterMarkers.map(function (m) {
+        m.getElement().style.opacity = '0';
+      });
+    }
+    /**
+     * 显示 marker
+     */
+
+  }, {
+    key: "show",
+    value: function show() {
+      this.markers.map(function (m) {
+        m.getElement().style.opacity = '1';
+      });
+      this.clusterMarkers.map(function (m) {
+        m.getElement().style.opacity = '1';
+      });
+    } // 返回当下的markers数据，有聚合图时返回聚合的marker列表，否则返回原始maerker列表
+
+  }, {
+    key: "getMarkers",
+    value: function getMarkers() {
+      var cluster = this.markerLayerOption.cluster;
+      return cluster ? this.clusterMarkers : this.markers;
+    } // 批量添加marker到scene
+
+  }, {
+    key: "addMarkers",
+    value: function addMarkers() {
+      var _this2 = this;
+
+      this.getMarkers().forEach(function (marker) {
+        marker.addTo(_this2.scene);
+      });
+    } // 清除图层里的marker
+
+  }, {
+    key: "clear",
+    value: function clear() {
+      this.markers.forEach(function (marker) {
+        marker.remove();
+      });
+      this.clusterMarkers.forEach(function (clusterMarker) {
+        clusterMarker.remove();
+      });
+      this.markers = [];
+      this.points = [];
+      this.clusterMarkers = [];
+    }
+  }, {
+    key: "destroy",
+    value: function destroy() {
+      this.clear();
+      this.removeAllListeners();
+      this.mapsService.off('camerachange', this.update);
+      this.mapsService.off('viewchange', this.update);
+      this.mapsService.off('camerachange', this.setContainerSize.bind(this));
+      this.mapsService.off('viewchange', this.setContainerSize.bind(this));
+    } // 将marker数据保存在point中
+
+  }, {
+    key: "addPoint",
+    value: function addPoint(marker, id) {
+      var _marker$getLnglat = marker.getLnglat(),
+          lng = _marker$getLnglat.lng,
+          lat = _marker$getLnglat.lat;
+
+      var feature = {
+        geometry: {
+          type: 'Point',
+          coordinates: [lng, lat]
+        },
+        properties: (0, _objectSpread2.default)((0, _objectSpread2.default)({}, marker.getExtData()), {}, {
+          marker_id: id
+        })
+      };
+      this.points.push(feature);
+
+      if (this.clusterIndex) {
+        // 在新增点的时候需要更新 cluster 的数据
+        this.clusterIndex.load(this.points);
+      }
+    }
+  }, {
+    key: "initCluster",
+    value: function initCluster() {
+      if (!this.markerLayerOption.cluster) {
+        return;
+      }
+
+      var _this$markerLayerOpti2 = this.markerLayerOption.clusterOption,
+          radius = _this$markerLayerOpti2.radius,
+          _this$markerLayerOpti3 = _this$markerLayerOpti2.minZoom,
+          minZoom = _this$markerLayerOpti3 === void 0 ? 0 : _this$markerLayerOpti3,
+          maxZoom = _this$markerLayerOpti2.maxZoom;
+      this.clusterIndex = new _supercluster.default({
+        radius: radius,
+        minZoom: minZoom,
+        maxZoom: maxZoom
+      }); // @ts-ignore
+
+      this.clusterIndex.load(this.points);
+    }
+  }, {
+    key: "getClusterMarker",
+    value: function getClusterMarker(viewBounds, zoom) {
+      var _this3 = this;
+
+      var viewBBox = viewBounds[0].concat(viewBounds[1]);
+      var clusterPoint = this.clusterIndex.getClusters(viewBBox, zoom);
+      this.clusterMarkers.forEach(function (marker) {
+        marker.remove();
+      });
+      this.clusterMarkers = [];
+      clusterPoint.forEach(function (feature) {
+        var _feature$properties;
+
+        var _this3$markerLayerOpt = _this3.markerLayerOption.clusterOption,
+            field = _this3$markerLayerOpt.field,
+            method = _this3$markerLayerOpt.method; // 处理聚合数据
+
+        if ((_feature$properties = feature.properties) !== null && _feature$properties !== void 0 && _feature$properties.cluster_id) {
+          var _feature$properties2;
+
+          var clusterData = _this3.getLeaves((_feature$properties2 = feature.properties) === null || _feature$properties2 === void 0 ? void 0 : _feature$properties2.cluster_id);
+
+          feature.properties.clusterData = clusterData;
+
+          if (field && method) {
+            var columnData = clusterData === null || clusterData === void 0 ? void 0 : clusterData.map(function (item) {
+              var data = (0, _defineProperty2.default)({}, field, item.properties[field]);
+              return data;
+            });
+
+            var column = _l7Utils.Satistics.getColumn(columnData, field);
+
+            var stat = _l7Utils.Satistics.getSatByColumn(method, column);
+
+            var fieldName = 'point_' + method;
+            feature.properties[fieldName] = stat.toFixed(2);
+          }
+        }
+
+        var marker = _this3.clusterMarker(feature);
+
+        _this3.clusterMarkers.push(marker);
+
+        marker.addTo(_this3.scene);
+      });
+    }
+  }, {
+    key: "getLeaves",
+    value: function getLeaves(clusterId) {
+      var limit = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : Infinity;
+      var offset = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 0;
+
+      if (!clusterId) {
+        return null;
+      }
+
+      return this.clusterIndex.getLeaves(clusterId, limit, offset);
+    }
+  }, {
+    key: "clusterMarker",
+    value: function clusterMarker(feature) {
+      var clusterOption = this.markerLayerOption.clusterOption;
+      var _ref = clusterOption,
+          _ref$element = _ref.element,
+          element = _ref$element === void 0 ? this.generateElement.bind(this) : _ref$element;
+      var marker = new _marker.default({
+        element: element(feature)
+      }).setLnglat({
+        lng: feature.geometry.coordinates[0],
+        lat: feature.geometry.coordinates[1]
+      });
+      return marker;
+    }
+  }, {
+    key: "normalMarker",
+    value: function normalMarker(feature) {
+      var marker_id = feature.properties.marker_id;
+      return this.markers[marker_id];
+    }
+  }, {
+    key: "update",
+    value: function update() {
+      if (!this.mapsService) return; // 当图层中无marker时，无需更新
+
+      if (this.markers.length === 0) return;
+      var zoom = this.mapsService.getZoom();
+      var bbox = this.mapsService.getBounds();
+
+      if (!this.bbox || Math.abs(zoom - this.zoom) >= 1 || !(0, _l7Utils.boundsContains)(this.bbox, bbox)) {
+        this.bbox = (0, _l7Utils.padBounds)(bbox, 0.5);
+        this.zoom = Math.floor(zoom);
+        this.getClusterMarker(this.bbox, this.zoom);
+      }
+    }
+  }, {
+    key: "generateElement",
+    value: function generateElement(feature) {
+      var el = _l7Utils.DOM.create('div', 'l7-marker-cluster');
+
+      var label = _l7Utils.DOM.create('div', '', el);
+
+      var span = _l7Utils.DOM.create('span', '', label);
+
+      var _this$markerLayerOpti4 = this.markerLayerOption.clusterOption,
+          field = _this$markerLayerOpti4.field,
+          method = _this$markerLayerOpti4.method;
+      feature.properties.point_count = feature.properties.point_count || 1;
+      var text = field && method ? feature.properties['point_' + method] || feature.properties[field] : feature.properties.point_count;
+      span.textContent = text;
+      return el;
+    }
+  }]);
+  return MarkerLayer;
+}(_eventemitter.EventEmitter);
+
+exports.default = MarkerLayer;