@antv/l7-layers 2.9.15 → 2.9.16

package/es/tile/utils.js

@@ -0,0 +1,125 @@
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import { createLayerContainer } from '@antv/l7-core';
+import { DOM } from '@antv/l7-utils';
+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, (y - tileMaxXY.y) / tilePixelHeight];
+  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),
+    y: Math.floor(height - (y + 1) * DOM.DPR),
+    width: 1,
+    height: 1,
+    data: new Uint8Array(1 * 1 * 4)
+  });
+  return pickedColors;
+}
+//# sourceMappingURL=utils.js.map

package/es/tile/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/tile/utils.ts"],"names":["createLayerContainer","DOM","registerLayers","parentLayer","layers","map","layer","container","sceneContainer","setContainer","init","getLayerShape","layerType","layerShape","getAttribute","scale","field","values","getMaskValue","mask","getContainerSize","getContext","width","DPR","height","getBoundingClientRect","readRasterValue","tile","mapService","x","y","bbox","bboxPolygon","minLng","minLat","maxLng","maxLat","tileXY","lngLatToContainer","tileMaxXY","tilePixelWidth","tilePixelHeight","pos","tileWidth","data","tileHeight","indexX","Math","floor","indexY","index","max","readPixel","rendererService","readPixels","getContainer","xInDevicePixel","yInDevicePixel","pickedColors","Uint8Array"],"mappings":"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","sourcesContent":["import {\n  createLayerContainer,\n  ILayer,\n  IMapService,\n  IRendererService,\n} from '@antv/l7-core';\nimport { DOM, Tile } from '@antv/l7-utils';\nimport { Container } from 'inversify';\nexport function registerLayers(parentLayer: ILayer, layers: ILayer[]) {\n  layers.map((layer) => {\n    const container = createLayerContainer(\n      parentLayer.sceneContainer as Container,\n    );\n    layer.setContainer(container, parentLayer.sceneContainer as Container);\n    layer.init();\n  });\n}\n\nexport function getLayerShape(layerType: string, layer: ILayer) {\n  const layerShape = layer.getAttribute('shape');\n  if (layerShape && layerShape.scale?.field) {\n    if (layerShape.scale?.values === 'text') {\n      return [layerShape.scale.field, layerShape.scale.values] as string[];\n    }\n    return layerShape.scale.field as string;\n  }\n  switch (layerType) {\n    case 'PolygonLayer':\n      return 'fill';\n    case 'LineLayer':\n      return 'tileline';\n    case 'PointLayer':\n      return 'circle';\n    case 'RasterLayer':\n      return 'image';\n    default:\n      return '';\n  }\n}\n\nexport function getMaskValue(layerType: string, mask: boolean) {\n  switch (layerType) {\n    case 'PolygonLayer':\n      return true;\n    case 'LineLayer':\n      return true;\n    case 'PointLayer':\n      return false;\n    case 'RasterLayer':\n      return mask;\n    default:\n      return mask;\n  }\n}\n\nexport function getContainerSize(container: HTMLCanvasElement | HTMLElement) {\n  if (!!(container as HTMLCanvasElement).getContext) {\n    return {\n      width: (container as HTMLCanvasElement).width / DOM.DPR,\n      height: (container as HTMLCanvasElement).height / DOM.DPR,\n    };\n  } else {\n    return container.getBoundingClientRect();\n  }\n}\n\nexport function readRasterValue(\n  tile: Tile,\n  mapService: IMapService,\n  x: number,\n  y: number,\n) {\n  const bbox = tile?.bboxPolygon?.bbox || [0, 0, 10, -10];\n\n  const [minLng = 0, minLat = 0, maxLng = 10, maxLat = -10] = bbox;\n\n  const tileXY = mapService.lngLatToContainer([minLng, minLat]);\n  const tileMaxXY = mapService.lngLatToContainer([maxLng, maxLat]);\n\n  const tilePixelWidth = tileMaxXY.x - tileXY.x;\n  const tilePixelHeight = tileXY.y - tileMaxXY.y;\n  const pos = [\n    (x - tileXY.x) / tilePixelWidth, // x\n    (y - tileMaxXY.y) / tilePixelHeight, // y\n  ];\n\n  const tileWidth = tile?.data?.width || 1;\n  const tileHeight = tile?.data?.height || 1;\n\n  const indexX = Math.floor(pos[0] * tileWidth);\n  const indexY = Math.floor(pos[1] * tileHeight);\n  const index = Math.max(0, indexY - 1) * tileWidth + indexX;\n\n  const data = tile?.data?.data[index];\n\n  return data;\n}\n\nexport function readPixel(\n  x: number,\n  y: number,\n  rendererService: IRendererService,\n) {\n  const { readPixels, getContainer } = rendererService;\n  const xInDevicePixel = x * DOM.DPR;\n  const yInDevicePixel = y * DOM.DPR;\n  let { width, height } = getContainerSize(\n    getContainer() as HTMLCanvasElement | HTMLElement,\n  );\n  width *= DOM.DPR;\n  height *= DOM.DPR;\n  if (\n    xInDevicePixel > width - 1 * DOM.DPR ||\n    xInDevicePixel < 0 ||\n    yInDevicePixel > height - 1 * DOM.DPR ||\n    yInDevicePixel < 0\n  ) {\n    return false;\n  }\n\n  const pickedColors = readPixels({\n    x: Math.floor(xInDevicePixel),\n    // 视口坐标系原点在左上，而 WebGL 在左下，需要翻转 Y 轴\n    y: Math.floor(height - (y + 1) * DOM.DPR),\n    width: 1,\n    height: 1,\n    data: new Uint8Array(1 * 1 * 4),\n  });\n  return pickedColors;\n}\n"],"file":"utils.js"}

package/lib/core/BaseLayer.js

@@ -105,7 +105,6 @@ var BaseLayer = (_dec = (0, _l7Core.lazyInject)(_l7Core.TYPES.IGlobalConfigServi
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "rendering", void 0);
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "clusterZoom", 0);
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "layerType", void 0);
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "isLayerGroup", false);
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "triangulation", void 0);
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "dataState", {
       dataSourceNeedUpdate: false,
@@ -136,8 +135,10 @@ var BaseLayer = (_dec = (0, _l7Core.lazyInject)(_l7Core.TYPES.IGlobalConfigServi
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "layerModel", void 0);
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "shapeOption", void 0);
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "sceneContainer", void 0);
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "tileLayer", void 0);
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "layerChildren", []);
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "masks", []);
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "isVector", false);
     (0, _initializerDefineProperty2.default)((0, _assertThisInitialized2.default)(_this), "configService", _descriptor, (0, _assertThisInitialized2.default)(_this));
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "shaderModuleService", void 0);
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "cameraService", void 0);
@@ -203,6 +204,11 @@ var BaseLayer = (_dec = (0, _l7Core.lazyInject)(_l7Core.TYPES.IGlobalConfigServi
 
       maskLayer.destroy();
     }
+  }, {
+    key: "getAttribute",
+    value: function getAttribute(name) {
+      return this.styleAttributeService.getLayerStyleAttribute(name);
+    }
   }, {
     key: "getLayerConfig",
     value: function getLayerConfig() {
@@ -211,6 +217,14 @@ var BaseLayer = (_dec = (0, _l7Core.lazyInject)(_l7Core.TYPES.IGlobalConfigServi
   }, {
     key: "updateLayerConfig",
     value: function updateLayerConfig(configToUpdate) {
+      var _this2 = this;
+
+      Object.keys(configToUpdate).map(function (key) {
+        if (key in _this2.rawConfig) {
+          _this2.rawConfig[key] = configToUpdate[key];
+        }
+      });
+
       if (!this.inited) {
         this.needUpdateConfig = _objectSpread(_objectSpread({}, this.needUpdateConfig), configToUpdate);
       } else {
@@ -250,7 +264,7 @@ var BaseLayer = (_dec = (0, _l7Core.lazyInject)(_l7Core.TYPES.IGlobalConfigServi
   }, {
     key: "init",
     value: function init() {
-      var _this2 = this;
+      var _this3 = this;
 
       var sceneId = this.container.get(_l7Core.TYPES.SceneID);
       this.configService.setLayerConfig(sceneId, this.id, this.rawConfig);
@@ -269,7 +283,7 @@ var BaseLayer = (_dec = (0, _l7Core.lazyInject)(_l7Core.TYPES.IGlobalConfigServi
 
       if (enableMultiPassRenderer && passes !== null && passes !== void 0 && passes.length && passes.length > 0) {
         this.mapService.on('mapAfterFrameChange', function () {
-          _this2.renderLayers();
+          _this3.renderLayers();
         });
       }
 
@@ -287,10 +301,10 @@ var BaseLayer = (_dec = (0, _l7Core.lazyInject)(_l7Core.TYPES.IGlobalConfigServi
             attributeValues = _ref.attributeValues,
             updateOptions = _ref.updateOptions;
 
-        _this2.styleAttributeService.updateStyleAttribute(attributeName, {
+        _this3.styleAttributeService.updateStyleAttribute(attributeName, {
           scale: _objectSpread({
             field: attributeField
-          }, _this2.splitValuesAndCallbackInAttribute(attributeValues, _this2.getLayerConfig()[attributeName]))
+          }, _this3.splitValuesAndCallbackInAttribute(attributeValues, _this3.getLayerConfig()[attributeName]))
         }, updateOptions);
       });
       this.pendingStyleAttributes = [];
@@ -424,7 +438,11 @@ var BaseLayer = (_dec = (0, _l7Core.lazyInject)(_l7Core.TYPES.IGlobalConfigServi
         values: values
       };
       this.updateStyleAttribute('shape', field, values, updateOptions);
-      (0, _updateShape.updateShape)(this, lastShape, currentShape);
+
+      if (!this.tileLayer) {
+        (0, _updateShape.updateShape)(this, lastShape, currentShape);
+      }
+
       return this;
     }
   }, {
@@ -473,20 +491,20 @@ var BaseLayer = (_dec = (0, _l7Core.lazyInject)(_l7Core.TYPES.IGlobalConfigServi
   }, {
     key: "setData",
     value: function setData(data, options) {
-      var _this3 = this;
+      var _this4 = this;
 
       if (this.inited) {
         this.layerSource.setData(data, options);
       } else {
         this.on('inited', function () {
-          var currentSource = _this3.getSource();
+          var currentSource = _this4.getSource();
 
           if (!currentSource) {
-            _this3.source(new _l7Source.default(data, options));
+            _this4.source(new _l7Source.default(data, options));
 
-            _this3.sourceEvent();
+            _this4.sourceEvent();
           } else {
-            _this3.layerSource.setData(data, options);
+            _this4.layerSource.setData(data, options);
           }
         });
       }
@@ -496,7 +514,7 @@ var BaseLayer = (_dec = (0, _l7Core.lazyInject)(_l7Core.TYPES.IGlobalConfigServi
   }, {
     key: "style",
     value: function style(options) {
-      var _this4 = this;
+      var _this5 = this;
 
       var lastConfig = this.getLayerConfig();
       var passes = options.passes,
@@ -504,7 +522,7 @@ var BaseLayer = (_dec = (0, _l7Core.lazyInject)(_l7Core.TYPES.IGlobalConfigServi
 
       if (passes) {
         (0, _multiPassRender.normalizePasses)(passes).forEach(function (pass) {
-          var postProcessingPass = _this4.multiPassRenderer.getPostProcessor().getPostProcessingPassByName(pass[0]);
+          var postProcessingPass = _this5.multiPassRenderer.getPostProcessor().getPostProcessingPassByName(pass[0]);
 
           if (postProcessingPass) {
             postProcessingPass.updateOptions(pass[1]);
@@ -547,6 +565,11 @@ var BaseLayer = (_dec = (0, _l7Core.lazyInject)(_l7Core.TYPES.IGlobalConfigServi
   }, {
     key: "render",
     value: function render() {
+      if (this.tileLayer !== undefined) {
+        this.tileLayer.render();
+        return this;
+      }
+
       if (this.getEncodedData().length !== 0) {
         this.renderModels();
       }
@@ -625,7 +648,7 @@ var BaseLayer = (_dec = (0, _l7Core.lazyInject)(_l7Core.TYPES.IGlobalConfigServi
   }, {
     key: "setActive",
     value: function setActive(id, options) {
-      var _this5 = this;
+      var _this6 = this;
 
       if ((0, _isObject2.default)(id)) {
         var _id$x = id.x,
@@ -648,7 +671,7 @@ var BaseLayer = (_dec = (0, _l7Core.lazyInject)(_l7Core.TYPES.IGlobalConfigServi
         });
         this.hooks.beforeSelect.call((0, _l7Utils.encodePickingColor)(id)).then(function () {
           setTimeout(function () {
-            _this5.reRender();
+            _this6.reRender();
           }, 1);
         });
       }
@@ -679,7 +702,7 @@ var BaseLayer = (_dec = (0, _l7Core.lazyInject)(_l7Core.TYPES.IGlobalConfigServi
   }, {
     key: "setSelect",
     value: function setSelect(id, options) {
-      var _this6 = this;
+      var _this7 = this;
 
       if ((0, _isObject2.default)(id)) {
         var _id$x2 = id.x,
@@ -702,7 +725,7 @@ var BaseLayer = (_dec = (0, _l7Core.lazyInject)(_l7Core.TYPES.IGlobalConfigServi
         });
         this.hooks.beforeSelect.call((0, _l7Utils.encodePickingColor)(id)).then(function () {
           setTimeout(function () {
-            _this6.reRender();
+            _this7.reRender();
           }, 1);
         });
       }
@@ -885,6 +908,8 @@ var BaseLayer = (_dec = (0, _l7Core.lazyInject)(_l7Core.TYPES.IGlobalConfigServi
     value: function destroy() {
       var _this$layerModel;
 
+      var refresh = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
+
       if (this.isDestroied) {
         return;
       }
@@ -904,7 +929,7 @@ var BaseLayer = (_dec = (0, _l7Core.lazyInject)(_l7Core.TYPES.IGlobalConfigServi
       this.hooks.afterDestroy.call();
       (_this$layerModel = this.layerModel) === null || _this$layerModel === void 0 ? void 0 : _this$layerModel.clearModels();
       this.models = [];
-      this.layerService.cleanRemove(this);
+      this.layerService.cleanRemove(this, refresh);
       this.emit('remove', {
         target: this,
         type: 'remove'
@@ -1163,7 +1188,7 @@ var BaseLayer = (_dec = (0, _l7Core.lazyInject)(_l7Core.TYPES.IGlobalConfigServi
   }, {
     key: "renderModels",
     value: function renderModels(isPicking) {
-      var _this7 = this;
+      var _this8 = this;
 
       if (this.getEncodedData().length > 0) {
         if (this.layerModelNeedUpdate && this.layerModel) {
@@ -1178,7 +1203,7 @@ var BaseLayer = (_dec = (0, _l7Core.lazyInject)(_l7Core.TYPES.IGlobalConfigServi
 
         this.models.forEach(function (model) {
           model.draw({
-            uniforms: _this7.layerModel.getUninforms()
+            uniforms: _this8.layerModel.getUninforms()
           }, isPicking);
         });
       }