@antv/l7-layers 2.9.15 → 2.9.17

package/lib/tile/tileLayer/baseTileLayer.js

@@ -0,0 +1,407 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _l7Utils = require("@antv/l7-utils");
+
+var _tileLayerManager = require("../manager/tileLayerManager");
+
+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; }
+
+var BaseTileLayer = function () {
+  function BaseTileLayer(_ref) {
+    var _parentSource$data;
+
+    var parent = _ref.parent,
+        rendererService = _ref.rendererService,
+        mapService = _ref.mapService,
+        layerService = _ref.layerService,
+        pickingService = _ref.pickingService;
+    (0, _classCallCheck2.default)(this, BaseTileLayer);
+    (0, _defineProperty2.default)(this, "type", 'baseTile');
+    (0, _defineProperty2.default)(this, "sourceLayer", void 0);
+    (0, _defineProperty2.default)(this, "parent", void 0);
+    (0, _defineProperty2.default)(this, "initedTileset", false);
+    (0, _defineProperty2.default)(this, "tilesetManager", void 0);
+    (0, _defineProperty2.default)(this, "tileLayerManager", void 0);
+    (0, _defineProperty2.default)(this, "scaleField", void 0);
+    (0, _defineProperty2.default)(this, "lastViewStates", void 0);
+    (0, _defineProperty2.default)(this, "timer", void 0);
+    (0, _defineProperty2.default)(this, "mapService", void 0);
+    (0, _defineProperty2.default)(this, "layerService", void 0);
+    (0, _defineProperty2.default)(this, "pickColors", {
+      select: null,
+      active: null
+    });
+    var parentSource = parent.getSource();
+
+    var _ref2 = (parentSource === null || parentSource === void 0 ? void 0 : (_parentSource$data = parentSource.data) === null || _parentSource$data === void 0 ? void 0 : _parentSource$data.tilesetOptions) || {},
+        sourceLayer = _ref2.sourceLayer,
+        coords = _ref2.coords,
+        featureId = _ref2.featureId;
+
+    this.sourceLayer = sourceLayer;
+    this.parent = parent;
+    this.mapService = mapService;
+    this.layerService = layerService;
+    this.tileLayerManager = new _tileLayerManager.TileLayerManager(parent, mapService, rendererService, pickingService, layerService);
+    this.initTileSetManager();
+    this.bindSubLayerEvent();
+    this.bindSubLayerPick();
+    this.scaleField = this.parent.getScaleOptions();
+  }
+
+  (0, _createClass2.default)(BaseTileLayer, [{
+    key: "children",
+    get: function get() {
+      return this.tileLayerManager.children;
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      if (this.tileLayerManager) {
+        this.tileLayerManager.render();
+      }
+    }
+  }, {
+    key: "clearPick",
+    value: function clearPick(type) {
+      if (type === 'mousemove') {
+        this.tileLayerManager.tilePickManager.clearPick();
+      }
+    }
+  }, {
+    key: "clearPickState",
+    value: function clearPickState() {
+      var _this = this;
+
+      this.children.filter(function (child) {
+        return child.inited && child.isVisible();
+      }).filter(function (child) {
+        return child.getCurrentSelectedId() !== null;
+      }).map(function (child) {
+        _this.selectFeature(child, new Uint8Array([0, 0, 0, 0]));
+
+        child.setCurrentSelectedId(null);
+      });
+    }
+  }, {
+    key: "pickLayers",
+    value: function pickLayers(target) {
+      return this.tileLayerManager.pickLayers(target);
+    }
+  }, {
+    key: "tileLoaded",
+    value: function tileLoaded(tile) {}
+  }, {
+    key: "tileError",
+    value: function tileError(error) {
+      console.warn('error:', error);
+    }
+  }, {
+    key: "tileUnLoad",
+    value: function tileUnLoad(tile) {
+      this.tileLayerManager.removeChilds(tile.layerIDList, false);
+    }
+  }, {
+    key: "tileUpdate",
+    value: function tileUpdate() {
+      var _this2 = this;
+
+      if (!this.tilesetManager) {
+        return;
+      }
+
+      this.tilesetManager.tiles.filter(function (tile) {
+        return tile.isLoaded;
+      }).map(function (tile) {
+        if (tile.layerIDList.length === 0) {
+          var _this2$tileLayerManag = _this2.tileLayerManager.createTile(tile),
+              layers = _this2$tileLayerManag.layers,
+              layerIDList = _this2$tileLayerManag.layerIDList;
+
+          tile.layerIDList = layerIDList;
+
+          _this2.tileLayerManager.addChilds(layers);
+        } else {
+          if (!tile.isVisibleChange) {
+            return;
+          }
+
+          var _layers = _this2.tileLayerManager.getChilds(tile.layerIDList);
+
+          _this2.tileLayerManager.updateLayersConfig(_layers, 'visible', tile.isVisible);
+        }
+      });
+
+      if (this.tilesetManager.isLoaded) {
+        this.parent.emit('tiles-loaded', this.tilesetManager.currentTiles);
+      }
+    }
+  }, {
+    key: "setPickState",
+    value: function setPickState(layers) {
+      var _this3 = this;
+
+      if (this.pickColors.select) {
+        var selectedId = (0, _l7Utils.decodePickingColor)(this.pickColors.select);
+        layers.map(function (layer) {
+          _this3.selectFeature(layer, _this3.pickColors.select);
+
+          layer.setCurrentSelectedId(selectedId);
+        });
+      }
+
+      if (this.pickColors.active) {
+        var _selectedId = (0, _l7Utils.decodePickingColor)(this.pickColors.active);
+
+        layers.filter(function (layer) {
+          return layer.inited && layer.isVisible();
+        }).map(function (layer) {
+          layer.hooks.beforeHighlight.call(_this3.pickColors.active);
+          layer.setCurrentPickId(_selectedId);
+        });
+      }
+    }
+  }, {
+    key: "bindSubLayerPick",
+    value: function bindSubLayerPick() {
+      var _this4 = this;
+
+      this.tileLayerManager.tilePickManager.on('pick', function (e) {
+        var _e$pickedColors = (0, _slicedToArray2.default)(e.pickedColors, 3),
+            r = _e$pickedColors[0],
+            g = _e$pickedColors[1],
+            b = _e$pickedColors[2];
+
+        if (e.type === 'click') {
+          var restLayers = _this4.children.filter(function (child) {
+            return child.inited && child.isVisible() && child.isVector;
+          }).filter(function (child) {
+            return child !== e.layer;
+          });
+
+          _this4.setSelect(restLayers, [r, g, b]);
+        } else {
+          _this4.setHighlight([r, g, b]);
+        }
+      });
+      this.tileLayerManager.tilePickManager.on('unpick', function () {
+        _this4.pickColors.active = null;
+      });
+    }
+  }, {
+    key: "setHighlight",
+    value: function setHighlight(pickedColors) {
+      var pickId = (0, _l7Utils.decodePickingColor)(pickedColors);
+      this.pickColors.active = pickedColors;
+      this.children.filter(function (child) {
+        return child.inited && child.isVisible() && child.isVector;
+      }).filter(function (child) {
+        return child.getPickID() !== pickId;
+      }).map(function (child) {
+        child.setPickID(pickId);
+        child.hooks.beforeHighlight.call(pickedColors);
+      });
+    }
+  }, {
+    key: "setSelect",
+    value: function setSelect(layers, pickedColors) {
+      var _this5 = this;
+
+      var selectedId = (0, _l7Utils.decodePickingColor)(pickedColors);
+      layers.map(function (layer) {
+        if (layer.getCurrentSelectedId() === null || selectedId !== layer.getCurrentSelectedId()) {
+          _this5.selectFeature(layer, pickedColors);
+
+          layer.setCurrentSelectedId(selectedId);
+          _this5.pickColors.select = pickedColors;
+        } else {
+          _this5.selectFeature(layer, new Uint8Array([0, 0, 0, 0]));
+
+          layer.setCurrentSelectedId(null);
+          _this5.pickColors.select = null;
+        }
+      });
+      var renderList = this.layerService.getRenderList();
+      renderList.filter(function (layer) {
+        return layer.inited && !layer.isVector && layer.isVisible() && layer.needPick('click');
+      }).filter(function (layer) {
+        return layer.getCurrentSelectedId() !== null;
+      }).map(function (layer) {
+        _this5.selectFeature(layer, new Uint8Array([0, 0, 0, 0]));
+
+        layer.setCurrentSelectedId(null);
+      });
+    }
+  }, {
+    key: "selectFeature",
+    value: function selectFeature(layer, pickedColors) {
+      var _pickedColors = (0, _slicedToArray2.default)(pickedColors, 3),
+          r = _pickedColors[0],
+          g = _pickedColors[1],
+          b = _pickedColors[2];
+
+      layer.hooks.beforeSelect.call([r, g, b]);
+    }
+  }, {
+    key: "bindSubLayerEvent",
+    value: function bindSubLayerEvent() {
+      var _this6 = this;
+
+      this.parent.on('subLayerClick', function (e) {
+        _this6.parent.emit('click', _objectSpread({}, e));
+      });
+      this.parent.on('subLayerMouseMove', function (e) {
+        return _this6.parent.emit('mousemove', _objectSpread({}, e));
+      });
+      this.parent.on('subLayerMouseUp', function (e) {
+        return _this6.parent.emit('mouseup', _objectSpread({}, e));
+      });
+      this.parent.on('subLayerMouseEnter', function (e) {
+        return _this6.parent.emit('mouseenter', _objectSpread({}, e));
+      });
+      this.parent.on('subLayerMouseOut', function (e) {
+        return _this6.parent.emit('mouseout', _objectSpread({}, e));
+      });
+      this.parent.on('subLayerMouseDown', function (e) {
+        return _this6.parent.emit('mousedown', _objectSpread({}, e));
+      });
+      this.parent.on('subLayerContextmenu', function (e) {
+        return _this6.parent.emit('contextmenu', _objectSpread({}, e));
+      });
+      this.parent.on('subLayerUnClick', function (e) {
+        return _this6.parent.emit('unclick', _objectSpread({}, e));
+      });
+      this.parent.on('subLayerUnMouseMove', function (e) {
+        return _this6.parent.emit('unmousemove', _objectSpread({}, e));
+      });
+      this.parent.on('subLayerUnMouseUp', function (e) {
+        return _this6.parent.emit('unmouseup', _objectSpread({}, e));
+      });
+      this.parent.on('subLayerUnMouseDown', function (e) {
+        return _this6.parent.emit('unmousedown', _objectSpread({}, e));
+      });
+      this.parent.on('subLayerUnContextmenu', function (e) {
+        return _this6.parent.emit('uncontextmenu', _objectSpread({}, e));
+      });
+    }
+  }, {
+    key: "initTileSetManager",
+    value: function initTileSetManager() {
+      var _this$tilesetManager;
+
+      var source = this.parent.getSource();
+      this.tilesetManager = source.tileset;
+
+      if (!this.initedTileset) {
+        this.bindTilesetEvent();
+        this.initedTileset = true;
+      }
+
+      var _this$getCurrentView = this.getCurrentView(),
+          latLonBounds = _this$getCurrentView.latLonBounds,
+          zoom = _this$getCurrentView.zoom;
+
+      (_this$tilesetManager = this.tilesetManager) === null || _this$tilesetManager === void 0 ? void 0 : _this$tilesetManager.update(zoom, latLonBounds);
+    }
+  }, {
+    key: "mapchange",
+    value: function mapchange() {
+      var _this$tilesetManager2;
+
+      var _this$getCurrentView2 = this.getCurrentView(),
+          latLonBounds = _this$getCurrentView2.latLonBounds,
+          zoom = _this$getCurrentView2.zoom;
+
+      if (this.mapService.version === 'GAODE1.x') {
+        var _this$parent$getLayer = this.parent.getLayerConfig(),
+            visible = _this$parent$getLayer.visible;
+
+        if (zoom < 3 && visible) {
+          this.parent.updateLayerConfig({
+            visible: false
+          });
+          this.layerService.updateLayerRenderList();
+        } else if (zoom >= 3 && !visible) {
+          this.parent.updateLayerConfig({
+            visible: true
+          });
+          this.layerService.updateLayerRenderList();
+        }
+      }
+
+      if (this.lastViewStates && this.lastViewStates.zoom === zoom && this.lastViewStates.latLonBounds.toString() === latLonBounds.toString()) {
+        return;
+      }
+
+      this.lastViewStates = {
+        zoom: zoom,
+        latLonBounds: latLonBounds
+      };
+
+      if (this.timer) {
+        clearTimeout(this.timer);
+        this.timer = null;
+      }
+
+      (_this$tilesetManager2 = this.tilesetManager) === null || _this$tilesetManager2 === void 0 ? void 0 : _this$tilesetManager2.update(zoom, latLonBounds);
+    }
+  }, {
+    key: "bindTilesetEvent",
+    value: function bindTilesetEvent() {
+      var _this7 = this;
+
+      if (!this.tilesetManager) {
+        return;
+      }
+
+      this.tilesetManager.on('tile-loaded', function (tile) {});
+      this.tilesetManager.on('tile-unload', function (tile) {
+        _this7.tileUnLoad(tile);
+      });
+      this.tilesetManager.on('tile-error', function (error, tile) {
+        _this7.tileError(error);
+      });
+      this.tilesetManager.on('tile-update', function () {
+        _this7.tileUpdate();
+      });
+      this.mapService.on('zoomend', function () {
+        return _this7.mapchange();
+      });
+      this.mapService.on('moveend', function () {
+        return _this7.mapchange();
+      });
+    }
+  }, {
+    key: "getCurrentView",
+    value: function getCurrentView() {
+      var bounds = this.mapService.getBounds();
+      var latLonBounds = [bounds[0][0], bounds[0][1], bounds[1][0], bounds[1][1]];
+      var zoom = this.mapService.getZoom();
+      return {
+        latLonBounds: latLonBounds,
+        zoom: zoom
+      };
+    }
+  }]);
+  return BaseTileLayer;
+}();
+
+exports.default = BaseTileLayer;
+//# sourceMappingURL=baseTileLayer.js.map

package/lib/tile/tileLayer/baseTileLayer.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/tile/tileLayer/baseTileLayer.ts"],"names":["BaseTileLayer","parent","rendererService","mapService","layerService","pickingService","select","active","parentSource","getSource","data","tilesetOptions","sourceLayer","coords","featureId","tileLayerManager","TileLayerManager","initTileSetManager","bindSubLayerEvent","bindSubLayerPick","scaleField","getScaleOptions","children","render","type","tilePickManager","clearPick","filter","child","inited","isVisible","getCurrentSelectedId","map","selectFeature","Uint8Array","setCurrentSelectedId","target","pickLayers","tile","error","console","warn","removeChilds","layerIDList","tilesetManager","tiles","isLoaded","length","createTile","layers","addChilds","isVisibleChange","getChilds","updateLayersConfig","emit","currentTiles","pickColors","selectedId","layer","hooks","beforeHighlight","call","setCurrentPickId","on","e","pickedColors","r","g","b","restLayers","isVector","setSelect","setHighlight","pickId","getPickID","setPickID","renderList","getRenderList","needPick","beforeSelect","source","tileset","initedTileset","bindTilesetEvent","getCurrentView","latLonBounds","zoom","update","version","getLayerConfig","visible","updateLayerConfig","updateLayerRenderList","lastViewStates","toString","timer","clearTimeout","tileUnLoad","tileError","tileUpdate","mapchange","bounds","getBounds","getZoom"],"mappings":"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","sourcesContent":["import {\n  IInteractionTarget,\n  ILayer,\n  ILayerService,\n  IMapService,\n  IScale,\n  IScaleOptions,\n  ISource,\n  ITileLayer,\n  ITileLayerManager,\n  ITileLayerOPtions,\n} from '@antv/l7-core';\nimport { decodePickingColor, Tile, TilesetManager } from '@antv/l7-utils';\nimport { TileLayerManager } from '../manager/tileLayerManager';\n\nexport default class BaseTileLayer implements ITileLayer {\n  public get children() {\n    return this.tileLayerManager.children;\n  }\n  public type: string = 'baseTile';\n  public sourceLayer: string;\n  public parent: ILayer;\n  // 瓦片是否加载成功\n  public initedTileset: boolean = false;\n  // 瓦片数据管理器\n  public tilesetManager: TilesetManager | undefined;\n  public tileLayerManager: ITileLayerManager;\n  public scaleField: any;\n\n  private lastViewStates: {\n    zoom: number;\n    latLonBounds: [number, number, number, number];\n  };\n\n  private timer: any;\n  private mapService: IMapService;\n  private layerService: ILayerService;\n  private pickColors: {\n    select: any;\n    active: any;\n  } = {\n    select: null,\n    active: null,\n  };\n\n  constructor({\n    parent,\n    rendererService,\n    mapService,\n    layerService,\n    pickingService,\n  }: ITileLayerOPtions) {\n    const parentSource = parent.getSource();\n    const { sourceLayer, coords, featureId } =\n      parentSource?.data?.tilesetOptions || {};\n    this.sourceLayer = sourceLayer;\n    this.parent = parent;\n    this.mapService = mapService;\n    this.layerService = layerService;\n\n    this.tileLayerManager = new TileLayerManager(\n      parent,\n      mapService,\n      rendererService,\n      pickingService,\n      layerService,\n    );\n\n    this.initTileSetManager();\n    this.bindSubLayerEvent();\n    this.bindSubLayerPick();\n\n    this.scaleField = this.parent.getScaleOptions();\n  }\n\n  /**\n   * 渲染瓦片的图层\n   */\n  public render() {\n    if (this.tileLayerManager) {\n      this.tileLayerManager.render();\n    }\n  }\n\n  public clearPick(type: string) {\n    if (type === 'mousemove') {\n      this.tileLayerManager.tilePickManager.clearPick();\n    }\n  }\n\n  /**\n   * 清除 select 的选中状态\n   */\n  public clearPickState() {\n    this.children\n      .filter((child) => child.inited && child.isVisible())\n      .filter((child) => child.getCurrentSelectedId() !== null)\n      .map((child) => {\n        this.selectFeature(child, new Uint8Array([0, 0, 0, 0]));\n        child.setCurrentSelectedId(null);\n      });\n  }\n\n  /**\n   * 瓦片图层独立的拾取逻辑\n   * @param target\n   * @returns\n   */\n  public pickLayers(target: IInteractionTarget) {\n    return this.tileLayerManager.pickLayers(target);\n  }\n\n  public tileLoaded(tile: Tile) {\n    //\n  }\n\n  public tileError(error: Error) {\n    console.warn('error:', error);\n  }\n\n  public tileUnLoad(tile: Tile) {\n    this.tileLayerManager.removeChilds(tile.layerIDList, false);\n  }\n\n  public tileUpdate() {\n    // Base Function\n    if (!this.tilesetManager) {\n      return;\n    }\n\n    this.tilesetManager.tiles\n      .filter((tile) => tile.isLoaded)\n      .map((tile) => {\n        if (tile.layerIDList.length === 0) {\n          const { layers, layerIDList } = this.tileLayerManager.createTile(\n            tile,\n          );\n          tile.layerIDList = layerIDList;\n          this.tileLayerManager.addChilds(layers);\n        } else {\n          if (!tile.isVisibleChange) {\n            return;\n          }\n          const layers = this.tileLayerManager.getChilds(tile.layerIDList);\n          this.tileLayerManager.updateLayersConfig(\n            layers,\n            'visible',\n            tile.isVisible,\n          );\n        }\n      });\n\n    if (this.tilesetManager.isLoaded) {\n      // 将事件抛出，图层上可以使用瓦片\n      this.parent.emit('tiles-loaded', this.tilesetManager.currentTiles);\n    }\n  }\n\n  protected setPickState(layers: ILayer[]) {\n    if (this.pickColors.select) {\n      const selectedId = decodePickingColor(this.pickColors.select);\n      layers.map((layer) => {\n        this.selectFeature(layer, this.pickColors.select);\n        layer.setCurrentSelectedId(selectedId);\n      });\n    }\n\n    if (this.pickColors.active) {\n      const selectedId = decodePickingColor(this.pickColors.active);\n      layers\n        .filter((layer) => layer.inited && layer.isVisible())\n        .map((layer) => {\n          layer.hooks.beforeHighlight.call(this.pickColors.active);\n          layer.setCurrentPickId(selectedId);\n        });\n    }\n  }\n\n  private bindSubLayerPick() {\n    this.tileLayerManager.tilePickManager.on('pick', (e) => {\n      // @ts-ignore\n      const [r, g, b] = e.pickedColors;\n\n      if (e.type === 'click') {\n        const restLayers = this.children\n          .filter(\n            (child) => child.inited && child.isVisible() && child.isVector,\n          )\n          .filter((child) => child !== e.layer);\n        this.setSelect(restLayers, [r, g, b]);\n      } else {\n        this.setHighlight([r, g, b]);\n      }\n    });\n\n    this.tileLayerManager.tilePickManager.on('unpick', () => {\n      this.pickColors.active = null;\n    });\n  }\n\n  private setHighlight(pickedColors: any) {\n    const pickId = decodePickingColor(pickedColors);\n    this.pickColors.active = pickedColors;\n    this.children\n      .filter((child) => child.inited && child.isVisible() && child.isVector)\n      // Tip: 使用 vectorLayer 上的 pickID 优化高亮操作（过滤重复操作）\n      // @ts-ignore\n      .filter((child) => child.getPickID() !== pickId)\n      .map((child) => {\n        // @ts-ignore\n        child.setPickID(pickId);\n        child.hooks.beforeHighlight.call(pickedColors);\n      });\n  }\n\n  private setSelect(layers: ILayer[], pickedColors: any) {\n    const selectedId = decodePickingColor(pickedColors);\n    layers.map((layer) => {\n      if (\n        layer.getCurrentSelectedId() === null ||\n        selectedId !== layer.getCurrentSelectedId()\n      ) {\n        this.selectFeature(layer, pickedColors);\n        layer.setCurrentSelectedId(selectedId);\n        this.pickColors.select = pickedColors;\n      } else {\n        this.selectFeature(layer, new Uint8Array([0, 0, 0, 0])); // toggle select\n        layer.setCurrentSelectedId(null);\n        this.pickColors.select = null;\n      }\n    });\n    // unselect normal layer\n    const renderList = this.layerService.getRenderList();\n    renderList\n      .filter(\n        (layer) =>\n          layer.inited &&\n          !layer.isVector &&\n          layer.isVisible() &&\n          layer.needPick('click'),\n      )\n      .filter((layer) => layer.getCurrentSelectedId() !== null)\n      .map((layer) => {\n        this.selectFeature(layer, new Uint8Array([0, 0, 0, 0]));\n        layer.setCurrentSelectedId(null);\n      });\n  }\n\n  private selectFeature(layer: ILayer, pickedColors: Uint8Array | undefined) {\n    // @ts-ignore\n    const [r, g, b] = pickedColors;\n    layer.hooks.beforeSelect.call([r, g, b]);\n  }\n\n  private bindSubLayerEvent() {\n    /**\n     * layer.on('click', (ev) => {}); // 鼠标左键点击图层事件\n     * layer.on('mouseenter', (ev) => {}); // 鼠标进入图层要素\n     * layer.on('mousemove', (ev) => {}); // 鼠标在图层上移动时触发\n     * layer.on('mouseout', (ev) => {}); // 鼠标移出图层要素时触发\n     * layer.on('mouseup', (ev) => {}); // 鼠标在图层上单击抬起时触发\n     * layer.on('mousedown', (ev) => {}); // 鼠标在图层上单击按下时触发\n     * layer.on('contextmenu', (ev) => {}); // 图层要素点击右键菜单\n     *\n     *  鼠标在图层外的事件\n     * layer.on('unclick', (ev) => {}); // 图层外点击\n     * layer.on('unmousemove', (ev) => {}); // 图层外移动\n     * layer.on('unmouseup', (ev) => {}); // 图层外鼠标抬起\n     * layer.on('unmousedown', (ev) => {}); // 图层外单击按下时触发\n     * layer.on('uncontextmenu', (ev) => {}); // 图层外点击右键\n     * layer.on('unpick', (ev) => {}); // 图层外的操作的所有事件\n     */\n    this.parent.on('subLayerClick', (e) => {\n      this.parent.emit('click', { ...e });\n    });\n    this.parent.on('subLayerMouseMove', (e) =>\n      this.parent.emit('mousemove', { ...e }),\n    );\n    this.parent.on('subLayerMouseUp', (e) =>\n      this.parent.emit('mouseup', { ...e }),\n    );\n    this.parent.on('subLayerMouseEnter', (e) =>\n      this.parent.emit('mouseenter', { ...e }),\n    );\n    this.parent.on('subLayerMouseOut', (e) =>\n      this.parent.emit('mouseout', { ...e }),\n    );\n    this.parent.on('subLayerMouseDown', (e) =>\n      this.parent.emit('mousedown', { ...e }),\n    );\n    this.parent.on('subLayerContextmenu', (e) =>\n      this.parent.emit('contextmenu', { ...e }),\n    );\n\n    // vector layer 图层外事件\n    this.parent.on('subLayerUnClick', (e) =>\n      this.parent.emit('unclick', { ...e }),\n    );\n    this.parent.on('subLayerUnMouseMove', (e) =>\n      this.parent.emit('unmousemove', { ...e }),\n    );\n    this.parent.on('subLayerUnMouseUp', (e) =>\n      this.parent.emit('unmouseup', { ...e }),\n    );\n    this.parent.on('subLayerUnMouseDown', (e) =>\n      this.parent.emit('unmousedown', { ...e }),\n    );\n    this.parent.on('subLayerUnContextmenu', (e) =>\n      this.parent.emit('uncontextmenu', { ...e }),\n    );\n  }\n\n  private initTileSetManager() {\n    const source: ISource = this.parent.getSource();\n    this.tilesetManager = source.tileset as TilesetManager;\n\n    if (!this.initedTileset) {\n      this.bindTilesetEvent();\n      this.initedTileset = true;\n    }\n\n    const { latLonBounds, zoom } = this.getCurrentView();\n    this.tilesetManager?.update(zoom, latLonBounds);\n  }\n\n  private mapchange() {\n    const { latLonBounds, zoom } = this.getCurrentView();\n\n    if (this.mapService.version === 'GAODE1.x') {\n      const { visible } = this.parent.getLayerConfig();\n      if (zoom < 3 && visible) {\n        this.parent.updateLayerConfig({ visible: false });\n        this.layerService.updateLayerRenderList();\n      } else if (zoom >= 3 && !visible) {\n        this.parent.updateLayerConfig({ visible: true });\n        this.layerService.updateLayerRenderList();\n      }\n    }\n\n    if (\n      this.lastViewStates &&\n      this.lastViewStates.zoom === zoom &&\n      this.lastViewStates.latLonBounds.toString() === latLonBounds.toString()\n    ) {\n      return;\n    }\n    this.lastViewStates = { zoom, latLonBounds };\n\n    if (this.timer) {\n      clearTimeout(this.timer);\n      this.timer = null;\n    }\n\n    // this.timer = setTimeout(() => {\n    this.tilesetManager?.update(zoom, latLonBounds);\n    // }, 250);\n  }\n\n  private bindTilesetEvent() {\n    if (!this.tilesetManager) {\n      return;\n    }\n    // 瓦片数据加载成功\n    this.tilesetManager.on('tile-loaded', (tile: Tile) => {\n      // todo: 将事件抛出，图层上可以监听使用\n    });\n\n    // 瓦片数据从缓存删除或被执行重新加载\n    this.tilesetManager.on('tile-unload', (tile: Tile) => {\n      // todo: 将事件抛出，图层上可以监听使用\n      this.tileUnLoad(tile);\n    });\n\n    // 瓦片数据加载失败\n    this.tilesetManager.on('tile-error', (error, tile: Tile) => {\n      // todo: 将事件抛出，图层上可以监听使用\n      this.tileError(error);\n    });\n\n    // 瓦片显隐状态更新\n    this.tilesetManager.on('tile-update', () => {\n      this.tileUpdate();\n    });\n\n    // 地图视野发生改变\n    this.mapService.on('zoomend', () => this.mapchange());\n    this.mapService.on('moveend', () => this.mapchange());\n  }\n\n  private getCurrentView() {\n    const bounds = this.mapService.getBounds();\n    const latLonBounds: [number, number, number, number] = [\n      bounds[0][0],\n      bounds[0][1],\n      bounds[1][0],\n      bounds[1][1],\n    ];\n    const zoom = this.mapService.getZoom();\n\n    return { latLonBounds, zoom };\n  }\n}\n"],"file":"baseTileLayer.js"}

package/lib/tile/tmsTileLayer.js

@@ -0,0 +1,116 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.TMSTileLayer = void 0;
+
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+
+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 _baseTileLayer = _interopRequireDefault(require("./tileLayer/baseTileLayer"));
+
+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 TMSTileLayer = function (_BaseTileLayer) {
+  (0, _inherits2.default)(TMSTileLayer, _BaseTileLayer);
+
+  var _super = _createSuper(TMSTileLayer);
+
+  function TMSTileLayer() {
+    var _this;
+
+    (0, _classCallCheck2.default)(this, TMSTileLayer);
+
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+
+    _this = _super.call.apply(_super, [this].concat(args));
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "type", 'TMS');
+    return _this;
+  }
+
+  (0, _createClass2.default)(TMSTileLayer, [{
+    key: "tileUnLoad",
+    value: function tileUnLoad(tile) {
+      this.tileLayerManager.removeChilds(tile.layerIDList, false);
+    }
+  }, {
+    key: "tileUpdate",
+    value: function tileUpdate() {
+      var _this2 = this;
+
+      if (!this.tilesetManager) {
+        return;
+      }
+
+      this.tilesetManager.tiles.filter(function (tile) {
+        return tile.isLoaded;
+      }).map(function (tile) {
+        var _tile$data;
+
+        if ((_tile$data = tile.data) !== null && _tile$data !== void 0 && _tile$data.layers && _this2.sourceLayer) {
+          var vectorTileLayer = tile.data.layers[_this2.sourceLayer];
+          var features = vectorTileLayer === null || vectorTileLayer === void 0 ? void 0 : vectorTileLayer.features;
+
+          if (!(Array.isArray(features) && features.length > 0)) {
+            return;
+          }
+        }
+
+        if (!tile.parentLayerIDList.includes(_this2.parent.id)) {
+          var _tile$layerIDList;
+
+          var _this2$tileLayerManag = _this2.tileLayerManager.createTile(tile),
+              layers = _this2$tileLayerManag.layers,
+              layerIDList = _this2$tileLayerManag.layerIDList;
+
+          tile.parentLayerIDList.push(_this2.parent.id);
+
+          (_tile$layerIDList = tile.layerIDList).push.apply(_tile$layerIDList, (0, _toConsumableArray2.default)(layerIDList));
+
+          _this2.tileLayerManager.addChilds(layers);
+
+          _this2.setPickState(layers);
+        } else {
+          if (!tile.isVisibleChange) {
+            return;
+          }
+
+          var _layers = _this2.tileLayerManager.getChilds(tile.layerIDList);
+
+          _this2.tileLayerManager.updateLayersConfig(_layers, 'visible', tile.isVisible);
+
+          _this2.setPickState(_layers);
+        }
+      });
+      this.parent.renderLayers();
+
+      if (this.tilesetManager.isLoaded) {
+        this.parent.emit('tiles-loaded', this.tilesetManager.currentTiles);
+      }
+    }
+  }]);
+  return TMSTileLayer;
+}(_baseTileLayer.default);
+
+exports.TMSTileLayer = TMSTileLayer;
+//# sourceMappingURL=tmsTileLayer.js.map

package/lib/tile/tmsTileLayer.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/tile/tmsTileLayer.ts"],"names":["TMSTileLayer","tile","tileLayerManager","removeChilds","layerIDList","tilesetManager","tiles","filter","isLoaded","map","data","layers","sourceLayer","vectorTileLayer","features","Array","isArray","length","parentLayerIDList","includes","parent","id","createTile","push","addChilds","setPickState","isVisibleChange","getChilds","updateLayersConfig","isVisible","renderLayers","emit","currentTiles","BaseTileLayer"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AACA;;;;;;IAEaA,Y;;;;;;;;;;;;;;;uFACW,K;;;;;;WACtB,oBAAkBC,IAAlB,EAA8B;AAC5B,WAAKC,gBAAL,CAAsBC,YAAtB,CAAmCF,IAAI,CAACG,WAAxC,EAAqD,KAArD;AACD;;;WACD,sBAAoB;AAAA;;AAClB,UAAI,CAAC,KAAKC,cAAV,EAA0B;AACxB;AACD;;AACD,WAAKA,cAAL,CAAoBC,KAApB,CACGC,MADH,CACU,UAACN,IAAD;AAAA,eAAgBA,IAAI,CAACO,QAArB;AAAA,OADV,EAEGC,GAFH,CAEO,UAACR,IAAD,EAAgB;AAAA;;AACnB,YAAI,cAAAA,IAAI,CAACS,IAAL,kDAAWC,MAAX,IAAqB,MAAI,CAACC,WAA9B,EAA2C;AAEzC,cAAMC,eAAe,GAAGZ,IAAI,CAACS,IAAL,CAAUC,MAAV,CAAiB,MAAI,CAACC,WAAtB,CAAxB;AACA,cAAME,QAAQ,GAAGD,eAAH,aAAGA,eAAH,uBAAGA,eAAe,CAAEC,QAAlC;;AACA,cAAI,EAAEC,KAAK,CAACC,OAAN,CAAcF,QAAd,KAA2BA,QAAQ,CAACG,MAAT,GAAkB,CAA/C,CAAJ,EAAuD;AACrD;AACD;AACF;;AACD,YAAI,CAAChB,IAAI,CAACiB,iBAAL,CAAuBC,QAAvB,CAAgC,MAAI,CAACC,MAAL,CAAYC,EAA5C,CAAL,EAAsD;AAAA;;AACpD,sCAAgC,MAAI,CAACnB,gBAAL,CAAsBoB,UAAtB,CAC9BrB,IAD8B,CAAhC;AAAA,cAAQU,MAAR,yBAAQA,MAAR;AAAA,cAAgBP,WAAhB,yBAAgBA,WAAhB;;AAGAH,UAAAA,IAAI,CAACiB,iBAAL,CAAuBK,IAAvB,CAA4B,MAAI,CAACH,MAAL,CAAYC,EAAxC;;AACA,+BAAApB,IAAI,CAACG,WAAL,EAAiBmB,IAAjB,2DAAyBnB,WAAzB;;AAEA,UAAA,MAAI,CAACF,gBAAL,CAAsBsB,SAAtB,CAAgCb,MAAhC;;AACA,UAAA,MAAI,CAACc,YAAL,CAAkBd,MAAlB;AACD,SATD,MASO;AACL,cAAI,CAACV,IAAI,CAACyB,eAAV,EAA2B;AACzB;AACD;;AACD,cAAMf,OAAM,GAAG,MAAI,CAACT,gBAAL,CAAsByB,SAAtB,CAAgC1B,IAAI,CAACG,WAArC,CAAf;;AACA,UAAA,MAAI,CAACF,gBAAL,CAAsB0B,kBAAtB,CACEjB,OADF,EAEE,SAFF,EAGEV,IAAI,CAAC4B,SAHP;;AAKA,UAAA,MAAI,CAACJ,YAAL,CAAkBd,OAAlB;AACD;AACF,OAhCH;AAkCA,WAAKS,MAAL,CAAYU,YAAZ;;AAEA,UAAI,KAAKzB,cAAL,CAAoBG,QAAxB,EAAkC;AAEhC,aAAKY,MAAL,CAAYW,IAAZ,CAAiB,cAAjB,EAAiC,KAAK1B,cAAL,CAAoB2B,YAArD;AACD;AACF;;;EAjD+BC,sB","sourcesContent":["import { Tile, TilesetManager } from '@antv/l7-utils';\nimport BaseTileLayer from './tileLayer/baseTileLayer';\n\nexport class TMSTileLayer extends BaseTileLayer {\n  public type: string = 'TMS';\n  public tileUnLoad(tile: Tile) {\n    this.tileLayerManager.removeChilds(tile.layerIDList, false);\n  }\n  public tileUpdate() {\n    if (!this.tilesetManager) {\n      return;\n    }\n    this.tilesetManager.tiles\n      .filter((tile: Tile) => tile.isLoaded)\n      .map((tile: Tile) => {\n        if (tile.data?.layers && this.sourceLayer) {\n          // vector\n          const vectorTileLayer = tile.data.layers[this.sourceLayer];\n          const features = vectorTileLayer?.features;\n          if (!(Array.isArray(features) && features.length > 0)) {\n            return;\n          }\n        }\n        if (!tile.parentLayerIDList.includes(this.parent.id)) {\n          const { layers, layerIDList } = this.tileLayerManager.createTile(\n            tile,\n          );\n          tile.parentLayerIDList.push(this.parent.id);\n          tile.layerIDList.push(...layerIDList);\n\n          this.tileLayerManager.addChilds(layers);\n          this.setPickState(layers);\n        } else {\n          if (!tile.isVisibleChange) {\n            return;\n          }\n          const layers = this.tileLayerManager.getChilds(tile.layerIDList);\n          this.tileLayerManager.updateLayersConfig(\n            layers,\n            'visible',\n            tile.isVisible,\n          );\n          this.setPickState(layers);\n        }\n      });\n\n    this.parent.renderLayers();\n\n    if (this.tilesetManager.isLoaded) {\n      // 将事件抛出，图层上可以使用瓦片\n      this.parent.emit('tiles-loaded', this.tilesetManager.currentTiles);\n    }\n  }\n}\n"],"file":"tmsTileLayer.js"}