@antv/l7-layers 2.16.1 → 2.16.2

package/es/tile/manager/base.js

@@ -9,66 +9,50 @@ 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;
     }()
   }, {
@@ -80,55 +64,48 @@ 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;
     }()
   }, {
@@ -148,7 +125,6 @@ export var Base = /*#__PURE__*/function () {
     key: "addChildren",
     value: function addChildren(layers) {
       var _this$children;
-
       (_this$children = this.children).push.apply(_this$children, _toConsumableArray(layers));
     }
   }, {
@@ -167,11 +143,9 @@ 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();
     }
   }, {
@@ -180,7 +154,6 @@ export var Base = /*#__PURE__*/function () {
       if (!tile) {
         return [];
       }
-
       return this.tileLayerCache.get(tile.key) || [];
     }
   }, {
@@ -205,7 +178,8 @@ 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,
@@ -226,11 +200,9 @@ 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);
@@ -243,16 +215,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();
       });
@@ -271,7 +243,6 @@ export var Base = /*#__PURE__*/function () {
       if (tile.isLoad) {
         return true;
       }
-
       var isLoad = this.getLayers(tile).length === tile.loadedLayers;
       tile.isLoad = isLoad;
       return isLoad;
@@ -280,11 +251,9 @@ 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);
@@ -296,7 +265,6 @@ export var Base = /*#__PURE__*/function () {
     key: "isTileParentLoaded",
     value: function isTileParentLoaded(tile) {
       var parent = tile.parent;
-
       if (!parent) {
         return true;
       } else {
@@ -318,6 +286,5 @@ export var Base = /*#__PURE__*/function () {
       this.tileLayerCache.clear();
     }
   }]);
-
   return Base;
 }();

package/es/tile/service/TileLayerService.js

@@ -9,22 +9,18 @@ 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() {
@@ -64,7 +60,6 @@ export var TileLayerService = /*#__PURE__*/function () {
         return t.key === tileKey;
       });
       var tile = this.layerTiles.splice(index, 1);
-
       if (tile[0]) {
         tile[0].destroy();
       }
@@ -72,7 +67,8 @@ 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)
@@ -80,6 +76,7 @@ export var TileLayerService = /*#__PURE__*/function () {
       //   } else {
       //     tile?.updateVisible(true);
       //   }
+
       // } else {
       //    // 可见 => 不可见 兄弟节点加载完成
       //    if(sourceTile.parent) {
@@ -89,8 +86,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);
@@ -100,34 +97,26 @@ 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;
       });
     }
@@ -136,49 +125,39 @@ 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;
     }()
   }, {
@@ -219,6 +198,5 @@ export var TileLayerService = /*#__PURE__*/function () {
       this.tileResource.clear();
     }
   }]);
-
   return TileLayerService;
 }();

package/es/tile/service/TilePickService.js

@@ -11,25 +11,20 @@ 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();
@@ -41,18 +36,14 @@ 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);
     }
@@ -61,10 +52,9 @@ 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);
@@ -74,10 +64,9 @@ 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);
@@ -87,12 +76,10 @@ 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;
@@ -104,25 +91,21 @@ 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;
       }
@@ -137,33 +120,36 @@ 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
-    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    }
 
+    // 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,37 +3,33 @@ 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;
 }();