@antv/l7-component 2.9.19 → 2.9.22-alpha.0

package/lib/marker-layer.js

@@ -1,344 +1,238 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/marker-layer.ts
+var marker_layer_exports = {};
+__export(marker_layer_exports, {
+  default: () => MarkerLayer
 });
-exports.default = void 0;
-
-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 _merge2 = _interopRequireDefault(require("lodash/merge"));
-
-var _l7Core = require("@antv/l7-core");
-
-var _l7Utils = require("@antv/l7-utils");
-
-var _eventemitter = require("eventemitter3");
-
-var _supercluster = _interopRequireDefault(require("supercluster/dist/supercluster"));
-
-var _marker = _interopRequireDefault(require("./marker"));
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-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 = 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), "markerLayerOption", void 0);
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "clusterIndex", void 0);
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "points", []);
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "clusterMarkers", []);
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "mapsService", void 0);
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "scene", void 0);
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "zoom", void 0);
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "bbox", void 0);
-    _this.markerLayerOption = (0, _merge2.default)(_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;
+module.exports = __toCommonJS(marker_layer_exports);
+var import_l7_core = require("@antv/l7-core");
+var import_l7_utils = require("@antv/l7-utils");
+var import_eventemitter3 = require("eventemitter3");
+var import_lodash = require("lodash");
+var import_supercluster = __toESM(require("supercluster/dist/supercluster"));
+var import_marker = __toESM(require("./marker"));
+var MarkerLayer = class extends import_eventemitter3.EventEmitter {
+  constructor(option) {
+    var _a;
+    super();
+    this.markers = [];
+    this.points = [];
+    this.clusterMarkers = [];
+    this.markerLayerOption = (0, import_lodash.merge)(this.getDefault(), option);
+    (0, import_l7_utils.bindAll)(["update"], this);
+    this.zoom = ((_a = this.markerLayerOption.clusterOption) == null ? void 0 : _a.zoom) || -99;
   }
-
-  (0, _createClass2.default)(MarkerLayer, [{
-    key: "getDefault",
-    value: function getDefault() {
-      return {
-        cluster: false,
-        clusterOption: {
-          radius: 80,
-          maxZoom: 20,
-          minZoom: 0,
-          zoom: -99,
-          style: {},
-          className: ''
-        }
-      };
-    }
-  }, {
-    key: "addTo",
-    value: function addTo(scene) {
-      this.scene = scene;
-      this.mapsService = scene.get(_l7Core.TYPES.IMapService);
-
-      if (this.markerLayerOption.cluster) {
-        this.initCluster();
-        this.update();
-        this.mapsService.on('camerachange', this.update);
-        this.mapsService.on('viewchange', this.update);
-      }
-
-      this.addMarkers();
-      return this;
-    }
-  }, {
-    key: "addMarker",
-    value: function addMarker(marker) {
-      var cluster = this.markerLayerOption.cluster;
-
-      if (cluster) {
-        this.addPoint(marker, this.markers.length);
-
-        if (this.mapsService) {
-          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);
-        }
+  getDefault() {
+    return {
+      cluster: false,
+      clusterOption: {
+        radius: 80,
+        maxZoom: 20,
+        minZoom: 0,
+        zoom: -99,
+        style: {},
+        className: ""
       }
-
-      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);
+    };
+  }
+  addTo(scene) {
+    this.scene = scene;
+    this.mapsService = scene.get(import_l7_core.TYPES.IMapService);
+    if (this.markerLayerOption.cluster) {
+      this.initCluster();
+      this.update();
+      this.mapsService.on("camerachange", this.update);
+      this.mapsService.on("viewchange", this.update);
+    }
+    this.addMarkers();
+    return this;
+  }
+  addMarker(marker) {
+    const cluster = this.markerLayerOption.cluster;
+    if (cluster) {
+      this.addPoint(marker, this.markers.length);
+      if (this.mapsService) {
+        const zoom = this.mapsService.getZoom();
+        const bbox = this.mapsService.getBounds();
+        this.bbox = (0, import_l7_utils.padBounds)(bbox, 0.5);
+        this.zoom = Math.floor(zoom);
+        this.getClusterMarker(this.bbox, this.zoom);
       }
     }
-  }, {
-    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';
-      });
-    }
-  }, {
-    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';
-      });
-    }
-  }, {
-    key: "getMarkers",
-    value: function getMarkers() {
-      var cluster = this.markerLayerOption.cluster;
-      return cluster ? this.clusterMarkers : this.markers;
-    }
-  }, {
-    key: "addMarkers",
-    value: function addMarkers() {
-      var _this2 = this;
-
-      this.getMarkers().forEach(function (marker) {
-        marker.addTo(_this2.scene);
-      });
-    }
-  }, {
-    key: "clear",
-    value: function clear() {
-      this.markers.forEach(function (marker) {
-        marker.remove();
-      });
-      this.clusterMarkers.forEach(function (clusterMarker) {
-        clusterMarker.remove();
-      });
-      this.mapsService.off('camerachange', this.update);
-      this.markers = [];
-      this.clusterMarkers = [];
-    }
-  }, {
-    key: "destroy",
-    value: function destroy() {
-      this.clear();
-      this.removeAllListeners();
-    }
-  }, {
-    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: _objectSpread(_objectSpread({}, marker.getExtData()), {}, {
-          marker_id: id
-        })
-      };
-      this.points.push(feature);
-
-      if (this.clusterIndex) {
-        this.clusterIndex.load(this.points);
-      }
+    this.markers.push(marker);
+  }
+  removeMarker(marker) {
+    this.markers.indexOf(marker);
+    const markerIndex = this.markers.indexOf(marker);
+    if (markerIndex > -1) {
+      this.markers.splice(markerIndex, 1);
     }
-  }, {
-    key: "initCluster",
-    value: function initCluster() {
-      if (!this.markerLayerOption.cluster) {
-        return;
+  }
+  hide() {
+    this.markers.map((m) => {
+      m.getElement().style.opacity = "0";
+    });
+    this.clusterMarkers.map((m) => {
+      m.getElement().style.opacity = "0";
+    });
+  }
+  show() {
+    this.markers.map((m) => {
+      m.getElement().style.opacity = "1";
+    });
+    this.clusterMarkers.map((m) => {
+      m.getElement().style.opacity = "1";
+    });
+  }
+  getMarkers() {
+    const cluster = this.markerLayerOption.cluster;
+    return cluster ? this.clusterMarkers : this.markers;
+  }
+  addMarkers() {
+    this.getMarkers().forEach((marker) => {
+      marker.addTo(this.scene);
+    });
+  }
+  clear() {
+    this.markers.forEach((marker) => {
+      marker.remove();
+    });
+    this.clusterMarkers.forEach((clusterMarker) => {
+      clusterMarker.remove();
+    });
+    this.mapsService.off("camerachange", this.update);
+    this.markers = [];
+    this.clusterMarkers = [];
+  }
+  destroy() {
+    this.clear();
+    this.removeAllListeners();
+  }
+  addPoint(marker, id) {
+    const { lng, lat } = marker.getLnglat();
+    const feature = {
+      geometry: {
+        type: "Point",
+        coordinates: [lng, lat]
+      },
+      properties: {
+        ...marker.getExtData(),
+        marker_id: id
       }
-
-      var _ref = this.markerLayerOption.clusterOption,
-          radius = _ref.radius,
-          _ref$minZoom = _ref.minZoom,
-          minZoom = _ref$minZoom === void 0 ? 0 : _ref$minZoom,
-          maxZoom = _ref.maxZoom;
-      this.clusterIndex = new _supercluster.default({
-        radius: radius,
-        minZoom: minZoom,
-        maxZoom: maxZoom
-      });
+    };
+    this.points.push(feature);
+    if (this.clusterIndex) {
       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 = 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);
-          }
+  }
+  initCluster() {
+    if (!this.markerLayerOption.cluster) {
+      return;
+    }
+    const { radius, minZoom = 0, maxZoom } = this.markerLayerOption.clusterOption;
+    this.clusterIndex = new import_supercluster.default({
+      radius,
+      minZoom,
+      maxZoom
+    });
+    this.clusterIndex.load(this.points);
+  }
+  getClusterMarker(viewBounds, zoom) {
+    const viewBBox = viewBounds[0].concat(viewBounds[1]);
+    const clusterPoint = this.clusterIndex.getClusters(viewBBox, zoom);
+    this.clusterMarkers.forEach((marker) => {
+      marker.remove();
+    });
+    this.clusterMarkers = [];
+    clusterPoint.forEach((feature) => {
+      var _a, _b;
+      const { field, method } = this.markerLayerOption.clusterOption;
+      if (feature.properties && ((_a = feature.properties) == null ? void 0 : _a.cluster_id)) {
+        const clusterData = this.getLeaves((_b = feature.properties) == null ? void 0 : _b.cluster_id);
+        feature.properties.clusterData = clusterData;
+        if (field && method) {
+          const columnData = clusterData == null ? void 0 : clusterData.map((item) => {
+            const data = {
+              [field]: item.properties[field]
+            };
+            return data;
+          });
+          const column = import_l7_utils.Satistics.getColumn(columnData, field);
+          const stat = import_l7_utils.Satistics.getSatByColumn(method, column);
+          const 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 _ref2 = clusterOption,
-          _ref2$element = _ref2.element,
-          element = _ref2$element === void 0 ? this.generateElement.bind(this) : _ref2$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];
+      const marker = this.clusterMarker(feature);
+      this.clusterMarkers.push(marker);
+      marker.addTo(this.scene);
+    });
+  }
+  getLeaves(clusterId, limit = Infinity, offset = 0) {
+    if (!clusterId) {
+      return null;
     }
-  }, {
-    key: "update",
-    value: function update() {
-      if (!this.mapsService) {
-        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);
-      }
+    return this.clusterIndex.getLeaves(clusterId, limit, offset);
+  }
+  clusterMarker(feature) {
+    const clusterOption = this.markerLayerOption.clusterOption;
+    const {
+      element = this.generateElement.bind(this)
+    } = clusterOption;
+    const marker = new import_marker.default({
+      element: element(feature)
+    }).setLnglat({
+      lng: feature.geometry.coordinates[0],
+      lat: feature.geometry.coordinates[1]
+    });
+    return marker;
+  }
+  normalMarker(feature) {
+    const marker_id = feature.properties.marker_id;
+    return this.markers[marker_id];
+  }
+  update() {
+    if (!this.mapsService) {
+      return;
     }
-  }, {
-    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$markerLayerOpti2 = this.markerLayerOption.clusterOption,
-          field = _this$markerLayerOpti2.field,
-          method = _this$markerLayerOpti2.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;
+    const zoom = this.mapsService.getZoom();
+    const bbox = this.mapsService.getBounds();
+    if (!this.bbox || Math.abs(zoom - this.zoom) >= 1 || !(0, import_l7_utils.boundsContains)(this.bbox, bbox)) {
+      this.bbox = (0, import_l7_utils.padBounds)(bbox, 0.5);
+      this.zoom = Math.floor(zoom);
+      this.getClusterMarker(this.bbox, this.zoom);
     }
-  }]);
-  return MarkerLayer;
-}(_eventemitter.EventEmitter);
-
-exports.default = MarkerLayer;
-//# sourceMappingURL=marker-layer.js.map
+  }
+  generateElement(feature) {
+    const el = import_l7_utils.DOM.create("div", "l7-marker-cluster");
+    const label = import_l7_utils.DOM.create("div", "", el);
+    const span = import_l7_utils.DOM.create("span", "", label);
+    const { field, method } = this.markerLayerOption.clusterOption;
+    feature.properties.point_count = feature.properties.point_count || 1;
+    const text = field && method ? feature.properties["point_" + method] || feature.properties[field] : feature.properties.point_count;
+    span.textContent = text;
+    return el;
+  }
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {});