@antv/l7-layers 2.9.26-alpha.0 → 2.9.26-alpha.1

package/es/tile/tileLayer/baseTileLayer.js

@@ -0,0 +1,438 @@
+import _objectSpread from "@babel/runtime/helpers/objectSpread2";
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
+import _createClass from "@babel/runtime/helpers/createClass";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import { decodePickingColor } from '@antv/l7-utils';
+import { TileLayerManager } from "../manager/tileLayerManager";
+
+var BaseTileLayer = /*#__PURE__*/function () {
+  function BaseTileLayer(_ref) {
+    var _parentSource$data;
+
+    var parent = _ref.parent,
+        rendererService = _ref.rendererService,
+        mapService = _ref.mapService,
+        layerService = _ref.layerService,
+        pickingService = _ref.pickingService,
+        transforms = _ref.transforms;
+
+    _classCallCheck(this, BaseTileLayer);
+
+    _defineProperty(this, "type", 'baseTile');
+
+    _defineProperty(this, "initedTileset", false);
+
+    _defineProperty(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(parent, mapService, rendererService, pickingService, layerService, transforms);
+    this.initTileSetManager();
+    this.bindSubLayerEvent();
+    this.bindSubLayerPick();
+    this.scaleField = this.parent.getScaleOptions();
+  }
+  /**
+   * 渲染瓦片的图层
+   */
+
+
+  _createClass(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();
+      }
+    }
+    /**
+     * 清除 select 的选中状态
+     */
+
+  }, {
+    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);
+      });
+    }
+    /**
+     * 瓦片图层独立的拾取逻辑
+     * @param target
+     * @returns
+     */
+
+  }, {
+    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;
+
+      // Base Function
+      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 = decodePickingColor(this.pickColors.select);
+        layers.map(function (layer) {
+          _this3.selectFeature(layer, _this3.pickColors.select);
+
+          layer.setCurrentSelectedId(selectedId);
+        });
+      }
+
+      if (this.pickColors.active) {
+        var _selectedId = 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) {
+        // @ts-ignore
+        var _e$pickedColors = _slicedToArray(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 = decodePickingColor(pickedColors);
+      this.pickColors.active = pickedColors;
+      this.children.filter(function (child) {
+        return child.inited && child.isVisible() && child.isVector;
+      }) // Tip: 使用 vectorLayer 上的 pickID 优化高亮操作（过滤重复操作）
+      // @ts-ignore
+      .filter(function (child) {
+        return child.getPickID() !== pickId;
+      }).map(function (child) {
+        // @ts-ignore
+        child.setPickID(pickId);
+        child.hooks.beforeHighlight.call(pickedColors);
+      });
+    }
+  }, {
+    key: "setSelect",
+    value: function setSelect(layers, pickedColors) {
+      var _this5 = this;
+
+      var selectedId = 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])); // toggle select
+
+
+          layer.setCurrentSelectedId(null);
+          _this5.pickColors.select = null;
+        }
+      }); // unselect normal layer
+
+      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) {
+      // @ts-ignore
+      var _pickedColors = _slicedToArray(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;
+
+      /**
+       * layer.on('click', (ev) => {}); // 鼠标左键点击图层事件
+       * layer.on('mouseenter', (ev) => {}); // 鼠标进入图层要素
+       * layer.on('mousemove', (ev) => {}); // 鼠标在图层上移动时触发
+       * layer.on('mouseout', (ev) => {}); // 鼠标移出图层要素时触发
+       * layer.on('mouseup', (ev) => {}); // 鼠标在图层上单击抬起时触发
+       * layer.on('mousedown', (ev) => {}); // 鼠标在图层上单击按下时触发
+       * layer.on('contextmenu', (ev) => {}); // 图层要素点击右键菜单
+       *
+       *  鼠标在图层外的事件
+       * layer.on('unclick', (ev) => {}); // 图层外点击
+       * layer.on('unmousemove', (ev) => {}); // 图层外移动
+       * layer.on('unmouseup', (ev) => {}); // 图层外鼠标抬起
+       * layer.on('unmousedown', (ev) => {}); // 图层外单击按下时触发
+       * layer.on('uncontextmenu', (ev) => {}); // 图层外点击右键
+       * layer.on('unpick', (ev) => {}); // 图层外的操作的所有事件
+       */
+      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));
+      }); // vector layer 图层外事件
+
+      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.timer = setTimeout(() => {
+
+
+      (_this$tilesetManager2 = this.tilesetManager) === null || _this$tilesetManager2 === void 0 ? void 0 : _this$tilesetManager2.update(zoom, latLonBounds); // }, 250);
+    }
+  }, {
+    key: "bindTilesetEvent",
+    value: function bindTilesetEvent() {
+      var _this7 = this;
+
+      if (!this.tilesetManager) {
+        return;
+      } // 瓦片数据加载成功
+
+
+      this.tilesetManager.on('tile-loaded', function (tile) {// todo: 将事件抛出，图层上可以监听使用
+      }); // 瓦片数据从缓存删除或被执行重新加载
+
+      this.tilesetManager.on('tile-unload', function (tile) {
+        // todo: 将事件抛出，图层上可以监听使用
+        _this7.tileUnLoad(tile);
+      }); // 瓦片数据加载失败
+
+      this.tilesetManager.on('tile-error', function (error, tile) {
+        // todo: 将事件抛出，图层上可以监听使用
+        _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;
+}();
+
+export { BaseTileLayer as default };

package/es/tile/tmsTileLayer.d.ts

@@ -0,0 +1,7 @@
+import { Tile } from '@antv/l7-utils';
+import BaseTileLayer from './tileLayer/baseTileLayer';
+export declare class TMSTileLayer extends BaseTileLayer {
+    type: string;
+    tileUnLoad(tile: Tile): void;
+    tileUpdate(): void;
+}

package/es/tile/tmsTileLayer.js

@@ -0,0 +1,101 @@
+import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
+import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
+import _createClass from "@babel/runtime/helpers/createClass";
+import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
+import _inherits from "@babel/runtime/helpers/inherits";
+import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
+import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+
+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; } }
+
+import BaseTileLayer from "./tileLayer/baseTileLayer";
+export var TMSTileLayer = /*#__PURE__*/function (_BaseTileLayer) {
+  _inherits(TMSTileLayer, _BaseTileLayer);
+
+  var _super = _createSuper(TMSTileLayer);
+
+  function TMSTileLayer() {
+    var _this;
+
+    _classCallCheck(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));
+
+    _defineProperty(_assertThisInitialized(_this), "type", 'TMS');
+
+    return _this;
+  }
+
+  _createClass(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) {
+          // vector
+          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, _toConsumableArray(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);

package/es/tile/utils.d.ts

@@ -0,0 +1,13 @@
+import { ILayer, IMapService, IRendererService } from '@antv/l7-core';
+import { Tile } from '@antv/l7-utils';
+export declare const tileVectorParser: string[];
+export declare function isVectorTile(parserType: string): boolean;
+export declare function registerLayers(parentLayer: ILayer, layers: ILayer[]): void;
+export declare function getLayerShape(layerType: string, layer: ILayer): string | string[];
+export declare function getMaskValue(layerType: string, mask: boolean): boolean;
+export declare function getContainerSize(container: HTMLCanvasElement | HTMLElement): DOMRect | {
+    width: number;
+    height: number;
+};
+export declare function readRasterValue(tile: Tile, mapService: IMapService, x: number, y: number): any;
+export declare function readPixel(x: number, y: number, rendererService: IRendererService): false | Uint8Array;

package/es/tile/utils.js

@@ -0,0 +1,131 @@
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import { createLayerContainer } from '@antv/l7-core';
+import { DOM } from '@antv/l7-utils';
+export var tileVectorParser = ['mvt', 'geojsonvt'];
+export function isVectorTile(parserType) {
+  return tileVectorParser.indexOf(parserType) >= 0;
+}
+export function registerLayers(parentLayer, layers) {
+  layers.map(function (layer) {
+    var container = createLayerContainer(parentLayer.sceneContainer);
+    layer.setContainer(container, parentLayer.sceneContainer);
+    layer.init();
+  });
+}
+export function getLayerShape(layerType, layer) {
+  var _layerShape$scale;
+
+  var layerShape = layer.getAttribute('shape');
+
+  if (layerShape && (_layerShape$scale = layerShape.scale) !== null && _layerShape$scale !== void 0 && _layerShape$scale.field) {
+    var _layerShape$scale2;
+
+    if (((_layerShape$scale2 = layerShape.scale) === null || _layerShape$scale2 === void 0 ? void 0 : _layerShape$scale2.values) === 'text') {
+      return [layerShape.scale.field, layerShape.scale.values];
+    }
+
+    return layerShape.scale.field;
+  }
+
+  switch (layerType) {
+    case 'PolygonLayer':
+      return 'fill';
+
+    case 'LineLayer':
+      return 'tileline';
+
+    case 'PointLayer':
+      return 'circle';
+
+    case 'RasterLayer':
+      return 'image';
+
+    default:
+      return '';
+  }
+}
+export function getMaskValue(layerType, mask) {
+  switch (layerType) {
+    case 'PolygonLayer':
+      return true;
+
+    case 'LineLayer':
+      return true;
+
+    case 'PointLayer':
+      return false;
+
+    case 'RasterLayer':
+      return mask;
+
+    default:
+      return mask;
+  }
+}
+export function getContainerSize(container) {
+  if (container.getContext) {
+    return {
+      width: container.width / DOM.DPR,
+      height: container.height / DOM.DPR
+    };
+  } else {
+    return container.getBoundingClientRect();
+  }
+}
+export function readRasterValue(tile, mapService, x, y) {
+  var _tile$bboxPolygon, _tile$data, _tile$data2, _tile$data3;
+
+  var bbox = (tile === null || tile === void 0 ? void 0 : (_tile$bboxPolygon = tile.bboxPolygon) === null || _tile$bboxPolygon === void 0 ? void 0 : _tile$bboxPolygon.bbox) || [0, 0, 10, -10];
+
+  var _bbox = _slicedToArray(bbox, 4),
+      _bbox$ = _bbox[0],
+      minLng = _bbox$ === void 0 ? 0 : _bbox$,
+      _bbox$2 = _bbox[1],
+      minLat = _bbox$2 === void 0 ? 0 : _bbox$2,
+      _bbox$3 = _bbox[2],
+      maxLng = _bbox$3 === void 0 ? 10 : _bbox$3,
+      _bbox$4 = _bbox[3],
+      maxLat = _bbox$4 === void 0 ? -10 : _bbox$4;
+
+  var tileXY = mapService.lngLatToContainer([minLng, minLat]);
+  var tileMaxXY = mapService.lngLatToContainer([maxLng, maxLat]);
+  var tilePixelWidth = tileMaxXY.x - tileXY.x;
+  var tilePixelHeight = tileXY.y - tileMaxXY.y;
+  var pos = [(x - tileXY.x) / tilePixelWidth, // x
+  (y - tileMaxXY.y) / tilePixelHeight // y
+  ];
+  var tileWidth = (tile === null || tile === void 0 ? void 0 : (_tile$data = tile.data) === null || _tile$data === void 0 ? void 0 : _tile$data.width) || 1;
+  var tileHeight = (tile === null || tile === void 0 ? void 0 : (_tile$data2 = tile.data) === null || _tile$data2 === void 0 ? void 0 : _tile$data2.height) || 1;
+  var indexX = Math.floor(pos[0] * tileWidth);
+  var indexY = Math.floor(pos[1] * tileHeight);
+  var index = Math.max(0, indexY - 1) * tileWidth + indexX;
+  var data = tile === null || tile === void 0 ? void 0 : (_tile$data3 = tile.data) === null || _tile$data3 === void 0 ? void 0 : _tile$data3.data[index];
+  return data;
+}
+export function readPixel(x, y, rendererService) {
+  var readPixels = rendererService.readPixels,
+      getContainer = rendererService.getContainer;
+  var xInDevicePixel = x * DOM.DPR;
+  var yInDevicePixel = y * DOM.DPR;
+
+  var _getContainerSize = getContainerSize(getContainer()),
+      width = _getContainerSize.width,
+      height = _getContainerSize.height;
+
+  width *= DOM.DPR;
+  height *= DOM.DPR;
+
+  if (xInDevicePixel > width - 1 * DOM.DPR || xInDevicePixel < 0 || yInDevicePixel > height - 1 * DOM.DPR || yInDevicePixel < 0) {
+    return false;
+  }
+
+  var pickedColors = readPixels({
+    x: Math.floor(xInDevicePixel),
+    // 视口坐标系原点在左上，而 WebGL 在左下，需要翻转 Y 轴
+    y: Math.floor(height - (y + 1) * DOM.DPR),
+    width: 1,
+    height: 1,
+    data: new Uint8Array(1 * 1 * 4)
+  });
+  return pickedColors;
+}

package/es/utils/blend.d.ts

@@ -0,0 +1,2 @@
+import { IBlendTypes } from '@antv/l7-core';
+export declare const BlendTypes: IBlendTypes;