@antv/l7-layers 2.17.2 → 2.17.4

package/es/tile/manager/base.js

@@ -9,50 +9,66 @@ import { updateLayersConfig } from "../style/utils";
 export var Base = /*#__PURE__*/function () {
   function Base() {
     _classCallCheck(this, Base);
+
     _defineProperty(this, "tileCache", new Map());
+
     _defineProperty(this, "tileLayerCache", new Map());
   }
+
   _createClass(Base, [{
     key: "initTileLayers",
     value: function () {
       var _initTileLayers = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2(layers, tile) {
         var _this = this;
+
         return _regeneratorRuntime.wrap(function _callee2$(_context2) {
-          while (1) switch (_context2.prev = _context2.next) {
-            case 0:
-              return _context2.abrupt("return", Promise.all(layers.map( /*#__PURE__*/function () {
-                var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(layer) {
-                  var container;
-                  return _regeneratorRuntime.wrap(function _callee$(_context) {
-                    while (1) switch (_context.prev = _context.next) {
-                      case 0:
-                        container = createLayerContainer(_this.parent.sceneContainer);
-                        layer.setContainer(container, _this.parent.sceneContainer);
-                        _context.next = 4;
-                        return layer.init();
-                      case 4:
-                        _this.addChild(layer);
-                        tile.layerLoad();
-                        _this.render();
-                      case 7:
-                      case "end":
-                        return _context.stop();
-                    }
-                  }, _callee);
-                }));
-                return function (_x3) {
-                  return _ref.apply(this, arguments);
-                };
-              }())));
-            case 1:
-            case "end":
-              return _context2.stop();
+          while (1) {
+            switch (_context2.prev = _context2.next) {
+              case 0:
+                return _context2.abrupt("return", Promise.all(layers.map( /*#__PURE__*/function () {
+                  var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(layer) {
+                    var container;
+                    return _regeneratorRuntime.wrap(function _callee$(_context) {
+                      while (1) {
+                        switch (_context.prev = _context.next) {
+                          case 0:
+                            container = createLayerContainer(_this.parent.sceneContainer);
+                            layer.setContainer(container, _this.parent.sceneContainer);
+                            _context.next = 4;
+                            return layer.init();
+
+                          case 4:
+                            _this.addChild(layer);
+
+                            tile.layerLoad();
+
+                            _this.render();
+
+                          case 7:
+                          case "end":
+                            return _context.stop();
+                        }
+                      }
+                    }, _callee);
+                  }));
+
+                  return function (_x3) {
+                    return _ref.apply(this, arguments);
+                  };
+                }())));
+
+              case 1:
+              case "end":
+                return _context2.stop();
+            }
           }
         }, _callee2);
       }));
+
       function initTileLayers(_x, _x2) {
         return _initTileLayers.apply(this, arguments);
       }
+
       return initTileLayers;
     }()
   }, {
@@ -64,48 +80,55 @@ export var Base = /*#__PURE__*/function () {
     key: "hasTile",
     value: function hasTile(tile) {
       return this.tileCache.has(tile.key);
-    }
+    } // 添加图层
 
-    // 添加图层
   }, {
     key: "addTile",
     value: function () {
       var _addTile = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee3(tile) {
         var layerCollections;
         return _regeneratorRuntime.wrap(function _callee3$(_context3) {
-          while (1) switch (_context3.prev = _context3.next) {
-            case 0:
-              if (!this.hasTile(tile)) {
-                _context3.next = 2;
-                break;
-              }
-              return _context3.abrupt("return", {
-                layers: []
-              });
-            case 2:
-              // 存储当前 tile
-              this.tileCache.set(tile.key, tile);
-
-              // 创建 tile 对应的 layers
-              layerCollections = this.tileFactory.createTile(tile, this.initOptions); // // 初始化图层
-              _context3.next = 6;
-              return this.initTileLayers(layerCollections.layers, tile);
-            case 6:
-              this.tileLayerCache.set(tile.key, layerCollections.layers);
-              // const visible =  tile.parent ? tile.parent.children.every(t=>this.tileLayerCache.has(t.key)) : true
-              // tile.parent?.children.forEach((t)=>{
-              //   updateLayersConfig(this.getLayers(t),'visible',visible)
-              // })
-              return _context3.abrupt("return", layerCollections);
-            case 8:
-            case "end":
-              return _context3.stop();
+          while (1) {
+            switch (_context3.prev = _context3.next) {
+              case 0:
+                if (!this.hasTile(tile)) {
+                  _context3.next = 2;
+                  break;
+                }
+
+                return _context3.abrupt("return", {
+                  layers: []
+                });
+
+              case 2:
+                // 存储当前 tile
+                this.tileCache.set(tile.key, tile); // 创建 tile 对应的 layers
+
+                layerCollections = this.tileFactory.createTile(tile, this.initOptions); // // 初始化图层
+
+                _context3.next = 6;
+                return this.initTileLayers(layerCollections.layers, tile);
+
+              case 6:
+                this.tileLayerCache.set(tile.key, layerCollections.layers); // const visible =  tile.parent ? tile.parent.children.every(t=>this.tileLayerCache.has(t.key)) : true
+                // tile.parent?.children.forEach((t)=>{
+                //   updateLayersConfig(this.getLayers(t),'visible',visible)
+                // })
+
+                return _context3.abrupt("return", layerCollections);
+
+              case 8:
+              case "end":
+                return _context3.stop();
+            }
           }
         }, _callee3, this);
       }));
+
       function addTile(_x4) {
         return _addTile.apply(this, arguments);
       }
+
       return addTile;
     }()
   }, {
@@ -125,6 +148,7 @@ export var Base = /*#__PURE__*/function () {
     key: "addChildren",
     value: function addChildren(layers) {
       var _this$children;
+
       (_this$children = this.children).push.apply(_this$children, _toConsumableArray(layers));
     }
   }, {
@@ -143,9 +167,11 @@ export var Base = /*#__PURE__*/function () {
     key: "removeChild",
     value: function removeChild(layer) {
       var layerIndex = this.children.indexOf(layer);
+
       if (layerIndex > -1) {
         this.children.splice(layerIndex, 1);
       }
+
       layer.destroy();
     }
   }, {
@@ -154,6 +180,7 @@ export var Base = /*#__PURE__*/function () {
       if (!tile) {
         return [];
       }
+
       return this.tileLayerCache.get(tile.key) || [];
     }
   }, {
@@ -178,8 +205,7 @@ export var Base = /*#__PURE__*/function () {
     }
   }, {
     key: "initTileFactory",
-    value: function initTileFactory() {
-      // this.tileFactory = new TileFactory({
+    value: function initTileFactory() {// this.tileFactory = new TileFactory({
       //   parent: this.parent,
       //   mapService: this.mapService,
       //   rendererService: this.rendererService,
@@ -200,9 +226,11 @@ export var Base = /*#__PURE__*/function () {
     key: "updateTileVisible",
     value: function updateTileVisible(tile, layerService) {
       var layers = this.getLayers(tile);
+
       if (layers.length === 0) {
         return;
       }
+
       if (tile.isVisible) {
         // 如果可见直接进行渲染，父级发
         updateLayersConfig(layers, 'visible', tile.isVisible);
@@ -215,16 +243,16 @@ export var Base = /*#__PURE__*/function () {
         //   console.log(`${t.x}/${t.y}/${t.z}`)
         // })
         updateLayersConfig(layers, 'visible', tile.isVisible);
-      }
-
-      // this.listenLoad(tile, () => {
+      } // this.listenLoad(tile, () => {
       //   this.isTileAllLoad(tile) && updateLayersConfig(layers, 'visible', tile.isVisible);
       // })
+
     }
   }, {
     key: "listenLoad",
     value: function listenLoad(tile, callback) {
       var _tile$parent;
+
       tile.once('layerLoaded', function () {
         callback();
       });
@@ -243,6 +271,7 @@ export var Base = /*#__PURE__*/function () {
       if (tile.isLoad) {
         return true;
       }
+
       var isLoad = this.getLayers(tile).length === tile.loadedLayers;
       tile.isLoad = isLoad;
       return isLoad;
@@ -251,9 +280,11 @@ export var Base = /*#__PURE__*/function () {
     key: "isTileChildLoaded",
     value: function isTileChildLoaded(tile) {
       var _this2 = this;
+
       if (tile.isChildLoad) {
         return true;
       }
+
       var children = tile.children;
       var isLoad = children.filter(function (child) {
         return _this2.isTileLoaded(child);
@@ -265,6 +296,7 @@ export var Base = /*#__PURE__*/function () {
     key: "isTileParentLoaded",
     value: function isTileParentLoaded(tile) {
       var parent = tile.parent;
+
       if (!parent) {
         return true;
       } else {
@@ -286,5 +318,6 @@ export var Base = /*#__PURE__*/function () {
       this.tileLayerCache.clear();
     }
   }]);
+
   return Base;
 }();

package/es/tile/service/TileLayerService.js

@@ -9,18 +9,22 @@ export var TileLayerService = /*#__PURE__*/function () {
   /**
    * tileResource 用于存储瓦片的全局资源
    */
-
   function TileLayerService(_ref) {
     var rendererService = _ref.rendererService,
-      layerService = _ref.layerService,
-      parent = _ref.parent;
+        layerService = _ref.layerService,
+        parent = _ref.parent;
+
     _classCallCheck(this, TileLayerService);
+
     _defineProperty(this, "tileResource", new Map());
+
     _defineProperty(this, "layerTiles", []);
+
     this.rendererService = rendererService;
     this.layerService = layerService;
     this.parent = parent;
   }
+
   _createClass(TileLayerService, [{
     key: "tiles",
     get: function get() {
@@ -60,6 +64,7 @@ export var TileLayerService = /*#__PURE__*/function () {
         return t.key === tileKey;
       });
       var tile = this.layerTiles.splice(index, 1);
+
       if (tile[0]) {
         tile[0].destroy();
       }
@@ -67,8 +72,7 @@ export var TileLayerService = /*#__PURE__*/function () {
   }, {
     key: "updateTileVisible",
     value: function updateTileVisible(sourceTile) {
-      var tile = this.getTile(sourceTile.key);
-      // if(sourceTile.isVisible) {
+      var tile = this.getTile(sourceTile.key); // if(sourceTile.isVisible) {
       //   // 不可见 => 可见 兄弟节点加载完成
       //   if(sourceTile.parent) {
       //     const flag = this.isChildrenLoaded(sourceTile.parent)
@@ -76,7 +80,6 @@ export var TileLayerService = /*#__PURE__*/function () {
       //   } else {
       //     tile?.updateVisible(true);
       //   }
-
       // } else {
       //    // 可见 => 不可见 兄弟节点加载完成
       //    if(sourceTile.parent) {
@@ -86,8 +89,8 @@ export var TileLayerService = /*#__PURE__*/function () {
       //     tile?.updateVisible(false);
       //   }
       // }
-      tile === null || tile === void 0 ? void 0 : tile.updateVisible(sourceTile.isVisible);
-      // if (sourceTile.isVisible) {
+
+      tile === null || tile === void 0 ? void 0 : tile.updateVisible(sourceTile.isVisible); // if (sourceTile.isVisible) {
       //   tile?.updateVisible(sourceTile.isVisible);
       // } else {
       //   this.removeTile(sourceTile.key);
@@ -97,26 +100,34 @@ export var TileLayerService = /*#__PURE__*/function () {
     key: "isParentLoaded",
     value: function isParentLoaded(sourceTile) {
       var parentTile = sourceTile.parent;
+
       if (!parentTile) {
         return true;
       }
+
       var tile = this.getTile(parentTile === null || parentTile === void 0 ? void 0 : parentTile.key);
+
       if (tile !== null && tile !== void 0 && tile.isLoaded) {
         // 递归父级
         return true;
       }
+
       return false;
     }
   }, {
     key: "isChildrenLoaded",
     value: function isChildrenLoaded(sourceTile) {
       var _this = this;
+
       var childrenTile = sourceTile === null || sourceTile === void 0 ? void 0 : sourceTile.children;
+
       if (childrenTile.length === 0) {
         return true;
       }
+
       return childrenTile.some(function (tile) {
         var tileLayer = _this.getTile(tile === null || tile === void 0 ? void 0 : tile.key);
+
         return (tileLayer === null || tileLayer === void 0 ? void 0 : tileLayer.isLoaded) === false;
       });
     }
@@ -125,39 +136,49 @@ export var TileLayerService = /*#__PURE__*/function () {
     value: function () {
       var _render = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
         var _this2 = this;
+
         var layers, renders;
         return _regeneratorRuntime.wrap(function _callee2$(_context2) {
-          while (1) switch (_context2.prev = _context2.next) {
-            case 0:
-              layers = this.getRenderLayers();
-              renders = layers.map( /*#__PURE__*/function () {
-                var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(layer) {
-                  return _regeneratorRuntime.wrap(function _callee$(_context) {
-                    while (1) switch (_context.prev = _context.next) {
-                      case 0:
-                        _context.next = 2;
-                        return _this2.layerService.renderTileLayer(layer);
-                      case 2:
-                      case "end":
-                        return _context.stop();
-                    }
-                  }, _callee);
-                }));
-                return function (_x) {
-                  return _ref2.apply(this, arguments);
-                };
-              }());
-              _context2.next = 4;
-              return Promise.all(renders);
-            case 4:
-            case "end":
-              return _context2.stop();
+          while (1) {
+            switch (_context2.prev = _context2.next) {
+              case 0:
+                layers = this.getRenderLayers();
+                renders = layers.map( /*#__PURE__*/function () {
+                  var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(layer) {
+                    return _regeneratorRuntime.wrap(function _callee$(_context) {
+                      while (1) {
+                        switch (_context.prev = _context.next) {
+                          case 0:
+                            _context.next = 2;
+                            return _this2.layerService.renderTileLayer(layer);
+
+                          case 2:
+                          case "end":
+                            return _context.stop();
+                        }
+                      }
+                    }, _callee);
+                  }));
+
+                  return function (_x) {
+                    return _ref2.apply(this, arguments);
+                  };
+                }());
+                _context2.next = 4;
+                return Promise.all(renders);
+
+              case 4:
+              case "end":
+                return _context2.stop();
+            }
           }
         }, _callee2, this);
       }));
+
       function render() {
         return _render.apply(this, arguments);
       }
+
       return render;
     }()
   }, {
@@ -198,5 +219,6 @@ export var TileLayerService = /*#__PURE__*/function () {
       this.tileResource.clear();
     }
   }]);
+
   return TileLayerService;
 }();

package/es/tile/service/TilePickService.js

@@ -11,20 +11,25 @@ var ACTIVE = 'active';
 export var TilePickService = /*#__PURE__*/function () {
   function TilePickService(_ref) {
     var layerService = _ref.layerService,
-      tileLayerService = _ref.tileLayerService,
-      parent = _ref.parent;
+        tileLayerService = _ref.tileLayerService,
+        parent = _ref.parent;
+
     _classCallCheck(this, TilePickService);
+
     _defineProperty(this, "tilePickID", new Map());
+
     this.layerService = layerService;
     this.tileLayerService = tileLayerService;
     this.parent = parent;
     this.tileSourceService = new TileSourceService();
   }
+
   _createClass(TilePickService, [{
     key: "pickRender",
     value: function pickRender(target) {
       // 一个 TileLayer 有多个 Tile，但是会同时触发事件的只有一个 Tile
       var tile = this.tileLayerService.getVisibleTileBylngLat(target.lngLat);
+
       if (tile) {
         // TODO 多图层拾取
         var pickLayer = tile.getMainLayer();
@@ -36,14 +41,18 @@ export var TilePickService = /*#__PURE__*/function () {
     value: function pick(layer, target) {
       var container = this.parent.getContainer();
       var pickingService = container.get(TYPES.IPickingService);
+
       if (layer.type === 'RasterLayer') {
         var tile = this.tileLayerService.getVisibleTileBylngLat(target.lngLat);
+
         if (tile && tile.getMainLayer() !== undefined) {
           var pickLayer = tile.getMainLayer();
           return pickLayer.layerPickService.pickRasterLayer(pickLayer, target, this.parent);
         }
+
         return false;
       }
+
       this.pickRender(target);
       return pickingService.pickFromPickingFBO(layer, target);
     }
@@ -52,9 +61,10 @@ export var TilePickService = /*#__PURE__*/function () {
     value: function selectFeature(pickedColors) {
       // @ts-ignore
       var _pickedColors = _slicedToArray(pickedColors, 3),
-        r = _pickedColors[0],
-        g = _pickedColors[1],
-        b = _pickedColors[2];
+          r = _pickedColors[0],
+          g = _pickedColors[1],
+          b = _pickedColors[2];
+
       var id = this.color2PickId(r, g, b);
       this.tilePickID.set(SELECT, id);
       this.updateHighLight(r, g, b, SELECT);
@@ -64,9 +74,10 @@ export var TilePickService = /*#__PURE__*/function () {
     value: function highlightPickedFeature(pickedColors) {
       // @ts-ignore
       var _pickedColors2 = _slicedToArray(pickedColors, 3),
-        r = _pickedColors2[0],
-        g = _pickedColors2[1],
-        b = _pickedColors2[2];
+          r = _pickedColors2[0],
+          g = _pickedColors2[1],
+          b = _pickedColors2[2];
+
       var id = this.color2PickId(r, g, b);
       this.tilePickID.set(ACTIVE, id);
       this.updateHighLight(r, g, b, ACTIVE);
@@ -76,10 +87,12 @@ export var TilePickService = /*#__PURE__*/function () {
     value: function updateHighLight(r, g, b, type) {
       this.tileLayerService.tiles.map(function (tile) {
         var layer = tile.getMainLayer();
+
         switch (type) {
           case SELECT:
             layer === null || layer === void 0 ? void 0 : layer.hooks.beforeSelect.call([r, g, b]);
             break;
+
           case ACTIVE:
             layer === null || layer === void 0 ? void 0 : layer.hooks.beforeHighlight.call([r, g, b]);
             break;
@@ -91,21 +104,25 @@ export var TilePickService = /*#__PURE__*/function () {
     value: function setPickState() {
       var selectColor = this.tilePickID.get(SELECT);
       var activeColor = this.tilePickID.get(ACTIVE);
+
       if (selectColor) {
         var _this$pickId2Color = this.pickId2Color(selectColor),
-          _this$pickId2Color2 = _slicedToArray(_this$pickId2Color, 3),
-          r = _this$pickId2Color2[0],
-          g = _this$pickId2Color2[1],
-          b = _this$pickId2Color2[2];
+            _this$pickId2Color2 = _slicedToArray(_this$pickId2Color, 3),
+            r = _this$pickId2Color2[0],
+            g = _this$pickId2Color2[1],
+            b = _this$pickId2Color2[2];
+
         this.updateHighLight(r, g, b, SELECT);
         return;
       }
+
       if (activeColor) {
         var _this$pickId2Color3 = this.pickId2Color(activeColor),
-          _this$pickId2Color4 = _slicedToArray(_this$pickId2Color3, 3),
-          _r = _this$pickId2Color4[0],
-          _g = _this$pickId2Color4[1],
-          _b = _this$pickId2Color4[2];
+            _this$pickId2Color4 = _slicedToArray(_this$pickId2Color3, 3),
+            _r = _this$pickId2Color4[0],
+            _g = _this$pickId2Color4[1],
+            _b = _this$pickId2Color4[2];
+
         this.updateHighLight(_r, _g, _b, ACTIVE);
         return;
       }
@@ -120,36 +137,33 @@ export var TilePickService = /*#__PURE__*/function () {
     value: function pickId2Color(str) {
       return encodePickingColor(str);
     }
-
     /** 从瓦片中根据数据 */
+
   }, {
     key: "getFeatureById",
     value: function getFeatureById(pickedFeatureIdx) {
       // 提取当前可见瓦片
       var tiles = this.tileLayerService.getTiles().filter(function (tile) {
         return tile.visible;
-      });
-      // 提取当前可见瓦片中匹配 ID 的 feature 列表
+      }); // 提取当前可见瓦片中匹配 ID 的 feature 列表
+
       var features = [];
       tiles.forEach(function (tile) {
         features.push.apply(features, _toConsumableArray(tile.getFeatureById(pickedFeatureIdx)));
-      });
-
-      // 将 feature 列表合并后返回
+      }); // 将 feature 列表合并后返回
       // 统一返回成 polygon 的格式 点、线、面可以通用
-
       // const data = this.tileSourceService.getCombineFeature(features);
 
       return features;
-    }
-
-    // Tip: for interface define
+    } // Tip: for interface define
     // eslint-disable-next-line @typescript-eslint/no-unused-vars
+
   }, {
     key: "pickRasterLayer",
     value: function pickRasterLayer(layer, target, parent) {
       return false;
     }
   }]);
+
   return TilePickService;
 }();

package/es/tile/service/TileSourceService.js

@@ -3,33 +3,37 @@ import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
 import _createClass from "@babel/runtime/helpers/esm/createClass";
 import * as turf from '@turf/helpers';
 import union from '@turf/union';
-
 /**
  * 专门处理 Tile 数据相关
  */
+
 export var TileSourceService = /*#__PURE__*/function () {
   function TileSourceService() {
     _classCallCheck(this, TileSourceService);
   }
+
   _createClass(TileSourceService, [{
     key: "getCombineFeature",
     value: function getCombineFeature(features) {
       var p = null;
       var properties = features[0];
       features.map(function (feature) {
-        var polygon = turf.polygon(feature.coordinates);
-        // tslint:disable-next-line: prefer-conditional-expression
+        var polygon = turf.polygon(feature.coordinates); // tslint:disable-next-line: prefer-conditional-expression
+
         if (p === null) {
           p = polygon;
         } else {
           p = union(p, polygon);
         }
       });
+
       if (properties) {
         p.properties = _objectSpread({}, properties);
       }
+
       return p;
     }
   }]);
+
   return TileSourceService;
 }();