@antv/l7-layers 2.9.23 → 2.9.25

package/lib/tile/tmsTileLayer.js

@@ -1,74 +1,117 @@
-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/tile/tmsTileLayer.ts
-var tmsTileLayer_exports = {};
-__export(tmsTileLayer_exports, {
-  TMSTileLayer: () => TMSTileLayer
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
-module.exports = __toCommonJS(tmsTileLayer_exports);
-var import_baseTileLayer = __toESM(require("./tileLayer/baseTileLayer"));
-var TMSTileLayer = class extends import_baseTileLayer.default {
-  constructor() {
-    super(...arguments);
-    this.type = "TMS";
-  }
-  tileUnLoad(tile) {
-    this.tileLayerManager.removeChilds(tile.layerIDList, false);
+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 = /*#__PURE__*/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;
   }
-  tileUpdate() {
-    if (!this.tilesetManager) {
-      return;
+
+  (0, _createClass2.default)(TMSTileLayer, [{
+    key: "tileUnLoad",
+    value: function tileUnLoad(tile) {
+      this.tileLayerManager.removeChilds(tile.layerIDList, false);
     }
-    this.tilesetManager.tiles.filter((tile) => tile.isLoaded).map((tile) => {
-      var _a;
-      if (((_a = tile.data) == null ? void 0 : _a.layers) && this.sourceLayer) {
-        const vectorTileLayer = tile.data.layers[this.sourceLayer];
-        const features = vectorTileLayer == null ? void 0 : vectorTileLayer.features;
-        if (!(Array.isArray(features) && features.length > 0)) {
-          return;
-        }
+  }, {
+    key: "tileUpdate",
+    value: function tileUpdate() {
+      var _this2 = this;
+
+      if (!this.tilesetManager) {
+        return;
       }
-      if (!tile.parentLayerIDList.includes(this.parent.id)) {
-        const { layers, layerIDList } = this.tileLayerManager.createTile(tile);
-        tile.parentLayerIDList.push(this.parent.id);
-        tile.layerIDList.push(...layerIDList);
-        this.tileLayerManager.addChilds(layers);
-        this.setPickState(layers);
-      } else {
-        if (!tile.isVisibleChange) {
-          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;
+          }
         }
-        const layers = this.tileLayerManager.getChilds(tile.layerIDList);
-        this.tileLayerManager.updateLayersConfig(layers, "visible", tile.isVisible);
-        this.setPickState(layers);
+
+        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);
       }
-    });
-    this.parent.renderLayers();
-    if (this.tilesetManager.isLoaded) {
-      this.parent.emit("tiles-loaded", this.tilesetManager.currentTiles);
     }
-  }
-};
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  TMSTileLayer
-});
+  }]);
+  return TMSTileLayer;
+}(_baseTileLayer.default);
+
+exports.TMSTileLayer = TMSTileLayer;

package/lib/tile/utils.js

@@ -1,132 +1,158 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/tile/utils.ts
-var utils_exports = {};
-__export(utils_exports, {
-  getContainerSize: () => getContainerSize,
-  getLayerShape: () => getLayerShape,
-  getMaskValue: () => getMaskValue,
-  readPixel: () => readPixel,
-  readRasterValue: () => readRasterValue,
-  registerLayers: () => registerLayers
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
-module.exports = __toCommonJS(utils_exports);
-var import_l7_core = require("@antv/l7-core");
-var import_l7_utils = require("@antv/l7-utils");
+exports.getContainerSize = getContainerSize;
+exports.getLayerShape = getLayerShape;
+exports.getMaskValue = getMaskValue;
+exports.isVectorTile = isVectorTile;
+exports.readPixel = readPixel;
+exports.readRasterValue = readRasterValue;
+exports.registerLayers = registerLayers;
+exports.tileVectorParser = void 0;
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
+var _l7Core = require("@antv/l7-core");
+
+var _l7Utils = require("@antv/l7-utils");
+
+var tileVectorParser = ['mvt', 'geojsonvt'];
+exports.tileVectorParser = tileVectorParser;
+
+function isVectorTile(parserType) {
+  return tileVectorParser.indexOf(parserType) >= 0;
+}
+
 function registerLayers(parentLayer, layers) {
-  layers.map((layer) => {
-    const container = (0, import_l7_core.createLayerContainer)(parentLayer.sceneContainer);
+  layers.map(function (layer) {
+    var container = (0, _l7Core.createLayerContainer)(parentLayer.sceneContainer);
     layer.setContainer(container, parentLayer.sceneContainer);
     layer.init();
   });
 }
+
 function getLayerShape(layerType, layer) {
-  var _a, _b;
-  const layerShape = layer.getAttribute("shape");
-  if (layerShape && ((_a = layerShape.scale) == null ? void 0 : _a.field)) {
-    if (((_b = layerShape.scale) == null ? void 0 : _b.values) === "text") {
+  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";
+    case 'PolygonLayer':
+      return 'fill';
+
+    case 'LineLayer':
+      return 'tileline';
+
+    case 'PointLayer':
+      return 'circle';
+
+    case 'RasterLayer':
+      return 'image';
+
     default:
-      return "";
+      return '';
   }
 }
+
 function getMaskValue(layerType, mask) {
   switch (layerType) {
-    case "PolygonLayer":
+    case 'PolygonLayer':
       return true;
-    case "LineLayer":
+
+    case 'LineLayer':
       return true;
-    case "PointLayer":
+
+    case 'PointLayer':
       return false;
-    case "RasterLayer":
+
+    case 'RasterLayer':
       return mask;
+
     default:
       return mask;
   }
 }
+
 function getContainerSize(container) {
-  if (!!container.getContext) {
+  if (container.getContext) {
     return {
-      width: container.width / import_l7_utils.DOM.DPR,
-      height: container.height / import_l7_utils.DOM.DPR
+      width: container.width / _l7Utils.DOM.DPR,
+      height: container.height / _l7Utils.DOM.DPR
     };
   } else {
     return container.getBoundingClientRect();
   }
 }
+
 function readRasterValue(tile, mapService, x, y) {
-  var _a, _b, _c, _d;
-  const bbox = ((_a = tile == null ? void 0 : tile.bboxPolygon) == null ? void 0 : _a.bbox) || [0, 0, 10, -10];
-  const [minLng = 0, minLat = 0, maxLng = 10, maxLat = -10] = bbox;
-  const tileXY = mapService.lngLatToContainer([minLng, minLat]);
-  const tileMaxXY = mapService.lngLatToContainer([maxLng, maxLat]);
-  const tilePixelWidth = tileMaxXY.x - tileXY.x;
-  const tilePixelHeight = tileXY.y - tileMaxXY.y;
-  const pos = [
-    (x - tileXY.x) / tilePixelWidth,
-    (y - tileMaxXY.y) / tilePixelHeight
+  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 = (0, _slicedToArray2.default)(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
   ];
-  const tileWidth = ((_b = tile == null ? void 0 : tile.data) == null ? void 0 : _b.width) || 1;
-  const tileHeight = ((_c = tile == null ? void 0 : tile.data) == null ? void 0 : _c.height) || 1;
-  const indexX = Math.floor(pos[0] * tileWidth);
-  const indexY = Math.floor(pos[1] * tileHeight);
-  const index = Math.max(0, indexY - 1) * tileWidth + indexX;
-  const data = (_d = tile == null ? void 0 : tile.data) == null ? void 0 : _d.data[index];
+  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;
 }
+
 function readPixel(x, y, rendererService) {
-  const { readPixels, getContainer } = rendererService;
-  const xInDevicePixel = x * import_l7_utils.DOM.DPR;
-  const yInDevicePixel = y * import_l7_utils.DOM.DPR;
-  let { width, height } = getContainerSize(getContainer());
-  width *= import_l7_utils.DOM.DPR;
-  height *= import_l7_utils.DOM.DPR;
-  if (xInDevicePixel > width - 1 * import_l7_utils.DOM.DPR || xInDevicePixel < 0 || yInDevicePixel > height - 1 * import_l7_utils.DOM.DPR || yInDevicePixel < 0) {
+  var readPixels = rendererService.readPixels,
+      getContainer = rendererService.getContainer;
+  var xInDevicePixel = x * _l7Utils.DOM.DPR;
+  var yInDevicePixel = y * _l7Utils.DOM.DPR;
+
+  var _getContainerSize = getContainerSize(getContainer()),
+      width = _getContainerSize.width,
+      height = _getContainerSize.height;
+
+  width *= _l7Utils.DOM.DPR;
+  height *= _l7Utils.DOM.DPR;
+
+  if (xInDevicePixel > width - 1 * _l7Utils.DOM.DPR || xInDevicePixel < 0 || yInDevicePixel > height - 1 * _l7Utils.DOM.DPR || yInDevicePixel < 0) {
     return false;
   }
-  const pickedColors = readPixels({
+
+  var pickedColors = readPixels({
     x: Math.floor(xInDevicePixel),
-    y: Math.floor(height - (y + 1) * import_l7_utils.DOM.DPR),
+    // 视口坐标系原点在左上，而 WebGL 在左下，需要翻转 Y 轴
+    y: Math.floor(height - (y + 1) * _l7Utils.DOM.DPR),
     width: 1,
     height: 1,
     data: new Uint8Array(1 * 1 * 4)
   });
   return pickedColors;
-}
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  getContainerSize,
-  getLayerShape,
-  getMaskValue,
-  readPixel,
-  readRasterValue,
-  registerLayers
-});
+}

package/lib/utils/blend.js

@@ -1,85 +1,65 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
-// src/utils/blend.ts
-var blend_exports = {};
-__export(blend_exports, {
-  BlendTypes: () => BlendTypes
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
-module.exports = __toCommonJS(blend_exports);
-var import_l7_core = require("@antv/l7-core");
-var BlendTypes = {
-  [import_l7_core.BlendType.additive]: {
-    enable: true,
-    func: {
-      srcRGB: import_l7_core.gl.ONE,
-      dstRGB: import_l7_core.gl.ONE,
-      srcAlpha: 1,
-      dstAlpha: 1
-    }
-  },
-  [import_l7_core.BlendType.none]: {
-    enable: false
-  },
-  [import_l7_core.BlendType.normal]: {
-    enable: true,
-    func: {
-      srcRGB: import_l7_core.gl.SRC_ALPHA,
-      dstRGB: import_l7_core.gl.ONE_MINUS_SRC_ALPHA,
-      srcAlpha: 1,
-      dstAlpha: 1
-    }
+exports.BlendTypes = void 0;
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _l7Core = require("@antv/l7-core");
+
+var _BlendTypes;
+
+var BlendTypes = (_BlendTypes = {}, (0, _defineProperty2.default)(_BlendTypes, _l7Core.BlendType.additive, {
+  enable: true,
+  func: {
+    srcRGB: _l7Core.gl.ONE,
+    dstRGB: _l7Core.gl.ONE,
+    srcAlpha: 1,
+    dstAlpha: 1
+  }
+}), (0, _defineProperty2.default)(_BlendTypes, _l7Core.BlendType.none, {
+  enable: false
+}), (0, _defineProperty2.default)(_BlendTypes, _l7Core.BlendType.normal, {
+  enable: true,
+  func: {
+    srcRGB: _l7Core.gl.SRC_ALPHA,
+    dstRGB: _l7Core.gl.ONE_MINUS_SRC_ALPHA,
+    srcAlpha: 1,
+    dstAlpha: 1
+  }
+}), (0, _defineProperty2.default)(_BlendTypes, _l7Core.BlendType.subtractive, {
+  enable: true,
+  func: {
+    srcRGB: _l7Core.gl.ONE,
+    dstRGB: _l7Core.gl.ONE,
+    srcAlpha: _l7Core.gl.ZERO,
+    dstAlpha: _l7Core.gl.ONE_MINUS_SRC_COLOR
   },
-  [import_l7_core.BlendType.subtractive]: {
-    enable: true,
-    func: {
-      srcRGB: import_l7_core.gl.ONE,
-      dstRGB: import_l7_core.gl.ONE,
-      srcAlpha: import_l7_core.gl.ZERO,
-      dstAlpha: import_l7_core.gl.ONE_MINUS_SRC_COLOR
-    },
-    equation: {
-      rgb: import_l7_core.gl.FUNC_SUBTRACT,
-      alpha: import_l7_core.gl.FUNC_SUBTRACT
-    }
+  equation: {
+    rgb: _l7Core.gl.FUNC_SUBTRACT,
+    alpha: _l7Core.gl.FUNC_SUBTRACT
+  }
+}), (0, _defineProperty2.default)(_BlendTypes, _l7Core.BlendType.max, {
+  enable: true,
+  func: {
+    srcRGB: _l7Core.gl.ONE,
+    dstRGB: _l7Core.gl.ONE
   },
-  [import_l7_core.BlendType.max]: {
-    enable: true,
-    func: {
-      srcRGB: import_l7_core.gl.ONE,
-      dstRGB: import_l7_core.gl.ONE
-    },
-    equation: {
-      rgb: import_l7_core.gl.MAX_EXT
-    }
+  equation: {
+    rgb: _l7Core.gl.MAX_EXT
+  }
+}), (0, _defineProperty2.default)(_BlendTypes, _l7Core.BlendType.min, {
+  enable: true,
+  func: {
+    srcRGB: _l7Core.gl.ONE,
+    dstRGB: _l7Core.gl.ONE
   },
-  [import_l7_core.BlendType.min]: {
-    enable: true,
-    func: {
-      srcRGB: import_l7_core.gl.ONE,
-      dstRGB: import_l7_core.gl.ONE
-    },
-    equation: {
-      rgb: import_l7_core.gl.MIN_EXT
-    }
+  equation: {
+    rgb: _l7Core.gl.MIN_EXT
   }
-};
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  BlendTypes
-});
+}), _BlendTypes);
+exports.BlendTypes = BlendTypes;