@antv/l7-layers 2.9.37-alpha.2 → 2.9.37-alpha.3

package/es/tile/tileFactory/rasterData.js

@@ -0,0 +1,81 @@
+import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
+import _createClass from "@babel/runtime/helpers/createClass";
+import _inherits from "@babel/runtime/helpers/inherits";
+import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
+import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
+
+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 TileFactory from "./base";
+import RasterDataLayer from "./layers/rasterDataLayer";
+
+var RasterTiffTile = /*#__PURE__*/function (_TileFactory) {
+  _inherits(RasterTiffTile, _TileFactory);
+
+  var _super = _createSuper(RasterTiffTile);
+
+  function RasterTiffTile(option) {
+    var _this;
+
+    _classCallCheck(this, RasterTiffTile);
+
+    _this = _super.call(this, option);
+    _this.parentLayer = option.parent;
+    return _this;
+  }
+
+  _createClass(RasterTiffTile, [{
+    key: "createTile",
+    value: function createTile(tile, initOptions) {
+      var _this$parentLayer, _this$parentLayer$get, _this$parentLayer$get2;
+
+      var colorTexture = initOptions.colorTexture,
+          opacity = initOptions.opacity,
+          domain = initOptions.domain,
+          clampHigh = initOptions.clampHigh,
+          clampLow = initOptions.clampLow,
+          mask = initOptions.mask;
+      var rasterData = tile.data;
+
+      if (!rasterData.data) {
+        console.warn('raster data not exist!');
+        return {
+          layers: [],
+          layerIDList: []
+        };
+      }
+
+      var dataType = (_this$parentLayer = this.parentLayer) === null || _this$parentLayer === void 0 ? void 0 : (_this$parentLayer$get = _this$parentLayer.getSource()) === null || _this$parentLayer$get === void 0 ? void 0 : (_this$parentLayer$get2 = _this$parentLayer$get.parser) === null || _this$parentLayer$get2 === void 0 ? void 0 : _this$parentLayer$get2.dataType;
+      var layer = new RasterDataLayer({
+        visible: tile.isVisible,
+        mask: mask
+      }).source(rasterData.data, {
+        parser: {
+          // 数据栅格分为单通道栅格和多通道彩色栅格
+          type: dataType === 'rgb' ? 'rasterRgb' : 'raster',
+          width: rasterData.width,
+          height: rasterData.height,
+          extent: tile.bboxPolygon.bbox
+        }
+      }).style({
+        colorTexture: colorTexture,
+        opacity: opacity,
+        // TODO: 目前从 domain 从父瓦片图层的 style 进行配置，后续考虑从每个时机请求的栅格文件中进行配置
+        domain: domain,
+        clampHigh: clampHigh,
+        clampLow: clampLow
+      });
+      this.emitRasterEvent([layer]);
+      return {
+        layers: [layer],
+        layerIDList: [layer.id]
+      };
+    }
+  }]);
+
+  return RasterTiffTile;
+}(TileFactory);
+
+export { RasterTiffTile as default };

package/es/tile/tileFactory/test.d.ts

@@ -0,0 +1,12 @@
+import { ILayer, ISubLayerInitOptions } from '@antv/l7-core';
+import { Tile } from '@antv/l7-utils';
+import { ITileFactoryOptions } from '../interface';
+import TileFactory from './base';
+export default class TestTile extends TileFactory {
+    parentLayer: ILayer;
+    constructor(option: ITileFactoryOptions);
+    createTile(tile: Tile, initOptions: ISubLayerInitOptions): {
+        layers: ILayer[];
+        layerIDList: string[];
+    };
+}

package/es/tile/tileFactory/test.js

@@ -0,0 +1,94 @@
+import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
+import _createClass from "@babel/runtime/helpers/createClass";
+import _inherits from "@babel/runtime/helpers/inherits";
+import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
+import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
+
+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 TileFactory from "./base";
+import VectorLayer from "./layers/vectorLayer";
+
+var TestTile = /*#__PURE__*/function (_TileFactory) {
+  _inherits(TestTile, _TileFactory);
+
+  var _super = _createSuper(TestTile);
+
+  function TestTile(option) {
+    var _this;
+
+    _classCallCheck(this, TestTile);
+
+    _this = _super.call(this, option);
+    _this.parentLayer = option.parent;
+    return _this;
+  }
+
+  _createClass(TestTile, [{
+    key: "createTile",
+    value: function createTile(tile, initOptions) {
+      var sourceLayer = initOptions.sourceLayer;
+
+      if (!sourceLayer) {
+        return {
+          layers: [],
+          layerIDList: []
+        };
+      }
+
+      var vectorTileLayer = tile.data.layers[sourceLayer];
+      var features = vectorTileLayer === null || vectorTileLayer === void 0 ? void 0 : vectorTileLayer.features;
+
+      if (features.length === 0) {
+        return {
+          layers: [],
+          layerIDList: []
+        };
+      }
+
+      var properties = features[0].properties;
+      var text = new VectorLayer({
+        layerType: 'PointLayer',
+        usage: 'basemap',
+        needListen: false
+      }).source([properties], {
+        parser: {
+          type: 'json',
+          x: 'textLng',
+          y: 'textLat',
+          cancelExtent: true
+        }
+      }).shape('key', 'text').style({
+        size: 20,
+        color: '#000',
+        stroke: '#fff',
+        strokeWidth: 2
+      });
+      var line = new VectorLayer({
+        layerType: 'LineLayer',
+        usage: 'basemap',
+        needListen: false
+      }).source({
+        type: 'FeatureCollection',
+        features: features
+      }, {
+        parser: {
+          type: 'geojson',
+          cancelExtent: true
+        }
+      }).shape('simple').style({
+        color: '#000'
+      });
+      return {
+        layers: [line, text],
+        layerIDList: [line.id, text.id]
+      };
+    }
+  }]);
+
+  return TestTile;
+}(TileFactory);
+
+export { TestTile as default };

package/es/tile/tileLayer/MapTileLayer.d.ts

@@ -0,0 +1,6 @@
+import { IBaseTileLayer, ITileLayerOPtions, IBaseTileLayerManager } from '@antv/l7-core';
+import { Base } from './base';
+export declare class MapTileLayer extends Base implements IBaseTileLayer {
+    tileLayerManager: IBaseTileLayerManager;
+    constructor({ parent, rendererService, mapService, layerService, }: ITileLayerOPtions);
+}

package/es/tile/tileLayer/MapTileLayer.js

@@ -0,0 +1,48 @@
+import _createClass from "@babel/runtime/helpers/createClass";
+import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
+import _inherits from "@babel/runtime/helpers/inherits";
+import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
+import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
+
+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 { BaseMapTileLayerManager } from "../manager/mapLayerManager";
+import { Base } from "./base";
+export var MapTileLayer = /*#__PURE__*/function (_Base) {
+  _inherits(MapTileLayer, _Base);
+
+  var _super = _createSuper(MapTileLayer);
+
+  function MapTileLayer(_ref) {
+    var _parentSource$data;
+
+    var _this;
+
+    var parent = _ref.parent,
+        rendererService = _ref.rendererService,
+        mapService = _ref.mapService,
+        layerService = _ref.layerService;
+
+    _classCallCheck(this, MapTileLayer);
+
+    _this = _super.call(this);
+    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;
+
+    _this.sourceLayer = sourceLayer;
+    _this.parent = parent;
+    _this.mapService = mapService;
+    _this.layerService = layerService;
+    _this.tileLayerManager = new BaseMapTileLayerManager(parent, mapService, rendererService);
+
+    _this.initTileSetManager();
+
+    return _this;
+  }
+
+  return _createClass(MapTileLayer);
+}(Base);

package/es/tile/tileLayer/TileLayer.d.ts

@@ -0,0 +1,22 @@
+import { IInteractionTarget, ILayer, ITileLayer, ITileLayerManager, ITileLayerOPtions } from '@antv/l7-core';
+import { Base } from './base';
+export declare class TileLayer extends Base implements ITileLayer {
+    get children(): ILayer[];
+    tileLayerManager: ITileLayerManager;
+    private pickColors;
+    constructor({ parent, rendererService, mapService, layerService, pickingService, transforms }: ITileLayerOPtions);
+    clearPick(type: string): void;
+    /**
+     * 清除 select 的选中状态
+     */
+    clearPickState(): void;
+    /**
+     * 瓦片图层独立的拾取逻辑
+     * @param target
+     * @returns
+     */
+    pickLayers(target: IInteractionTarget): boolean;
+    setPickState(layers: ILayer[]): void;
+    private bindSubLayerPick;
+    protected bindSubLayerEvent(): void;
+}

package/es/tile/tileLayer/TileLayer.js

@@ -0,0 +1,198 @@
+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 _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 { TileLayerManager } from "../manager/layerManager";
+import { Base } from "./base";
+import { setSelect, setHighlight, setPickState as _setPickState, clearPickState as _clearPickState } from "../interaction/utils";
+export var TileLayer = /*#__PURE__*/function (_Base) {
+  _inherits(TileLayer, _Base);
+
+  var _super = _createSuper(TileLayer);
+
+  function TileLayer(_ref) {
+    var _parentSource$data;
+
+    var _this;
+
+    var parent = _ref.parent,
+        rendererService = _ref.rendererService,
+        mapService = _ref.mapService,
+        layerService = _ref.layerService,
+        pickingService = _ref.pickingService,
+        transforms = _ref.transforms;
+
+    _classCallCheck(this, TileLayer);
+
+    _this = _super.call(this);
+
+    _defineProperty(_assertThisInitialized(_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;
+
+    _this.sourceLayer = sourceLayer;
+    _this.parent = parent;
+    _this.mapService = mapService;
+    _this.layerService = layerService;
+    _this.tileLayerManager = new TileLayerManager(parent, mapService, rendererService, pickingService, transforms);
+
+    _this.initTileSetManager();
+
+    _this.bindSubLayerEvent();
+
+    _this.bindSubLayerPick();
+
+    _this.scaleField = _this.parent.getScaleOptions();
+    return _this;
+  }
+
+  _createClass(TileLayer, [{
+    key: "children",
+    get: function get() {
+      return this.tileLayerManager.children;
+    }
+  }, {
+    key: "clearPick",
+    value: function clearPick(type) {
+      // Tip: 瓦片只有在 mousemove 的时候需要设置清除
+      if (type === 'mousemove') {
+        this.tileLayerManager.tilePickService.clearPick();
+      }
+    }
+    /**
+     * 清除 select 的选中状态
+     */
+
+  }, {
+    key: "clearPickState",
+    value: function clearPickState() {
+      _clearPickState(this.children);
+    }
+    /**
+     * 瓦片图层独立的拾取逻辑
+     * @param target
+     * @returns
+     */
+
+  }, {
+    key: "pickLayers",
+    value: function pickLayers(target) {
+      return this.tileLayerManager.pickLayers(target);
+    }
+  }, {
+    key: "setPickState",
+    value: function setPickState(layers) {
+      _setPickState(layers, this.pickColors);
+    }
+  }, {
+    key: "bindSubLayerPick",
+    value: function bindSubLayerPick() {
+      var _this2 = this;
+
+      this.tileLayerManager.tilePickService.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 = _this2.children.filter(function (child) {
+            return child.inited && child.isVisible() && child.isVector;
+          }).filter(function (child) {
+            return child !== e.layer;
+          });
+
+          var renderList = _this2.layerService.getRenderList();
+
+          var color = setSelect(restLayers, [r, g, b], renderList);
+          _this2.pickColors.select = color;
+        } else {
+          setHighlight(_this2.children, [r, g, b]);
+          _this2.pickColors.active = [r, g, b];
+        }
+      });
+      this.tileLayerManager.tilePickService.on('unpick', function () {
+        _this2.pickColors.active = null;
+      });
+    }
+  }, {
+    key: "bindSubLayerEvent",
+    value: function bindSubLayerEvent() {
+      var _this3 = 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) {
+        _this3.parent.emit('click', _objectSpread({}, e));
+      });
+      this.parent.on('subLayerMouseMove', function (e) {
+        return _this3.parent.emit('mousemove', _objectSpread({}, e));
+      });
+      this.parent.on('subLayerMouseUp', function (e) {
+        return _this3.parent.emit('mouseup', _objectSpread({}, e));
+      });
+      this.parent.on('subLayerMouseEnter', function (e) {
+        return _this3.parent.emit('mouseenter', _objectSpread({}, e));
+      });
+      this.parent.on('subLayerMouseOut', function (e) {
+        return _this3.parent.emit('mouseout', _objectSpread({}, e));
+      });
+      this.parent.on('subLayerMouseDown', function (e) {
+        return _this3.parent.emit('mousedown', _objectSpread({}, e));
+      });
+      this.parent.on('subLayerContextmenu', function (e) {
+        return _this3.parent.emit('contextmenu', _objectSpread({}, e));
+      }); // vector layer 图层外事件
+
+      this.parent.on('subLayerUnClick', function (e) {
+        return _this3.parent.emit('unclick', _objectSpread({}, e));
+      });
+      this.parent.on('subLayerUnMouseMove', function (e) {
+        return _this3.parent.emit('unmousemove', _objectSpread({}, e));
+      });
+      this.parent.on('subLayerUnMouseUp', function (e) {
+        return _this3.parent.emit('unmouseup', _objectSpread({}, e));
+      });
+      this.parent.on('subLayerUnMouseDown', function (e) {
+        return _this3.parent.emit('unmousedown', _objectSpread({}, e));
+      });
+      this.parent.on('subLayerUnContextmenu', function (e) {
+        return _this3.parent.emit('uncontextmenu', _objectSpread({}, e));
+      });
+    }
+  }]);
+
+  return TileLayer;
+}(Base);

package/es/tile/tileLayer/base.d.ts

@@ -0,0 +1,33 @@
+import { ILayer, IMapService, ILayerService } from '@antv/l7-core';
+import { Tile, TilesetManager } from '@antv/l7-utils';
+export declare class Base {
+    tileLayerManager: any;
+    get children(): any;
+    sourceLayer: string;
+    parent: ILayer;
+    initedTileset: boolean;
+    tilesetManager: TilesetManager | undefined;
+    scaleField: any;
+    protected mapService: IMapService;
+    protected layerService: ILayerService;
+    protected lastViewStates: {
+        zoom: number;
+        latLonBounds: [number, number, number, number];
+    };
+    protected mapchange(): void;
+    protected getCurrentView(): {
+        latLonBounds: [number, number, number, number];
+        zoom: number;
+    };
+    protected initTileSetManager(): void;
+    private bindTilesetEvent;
+    render(): void;
+    viewchange: import("lodash").DebouncedFunc<() => void>;
+    tileLoaded(tile: Tile): void;
+    tileError(error: Error): void;
+    destroy(): void;
+    tileUnLoad(tile: Tile): void;
+    tileUpdate(): void;
+    isTileReady(tile: Tile): boolean;
+    setPickState(layers: ILayer[]): void;
+}