@antv/l7-layers 2.10.3 → 2.10.4

package/lib/tile/tileFactory/base.js

@@ -0,0 +1,427 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+
+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 _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _l7Source = _interopRequireDefault(require("@antv/l7-source"));
+
+var _utils = require("../style/utils");
+
+var _utils2 = require("../utils");
+
+var _getRasterData = require("../interaction/getRasterData");
+
+var _vectorLayer = _interopRequireDefault(require("./layers/vectorLayer"));
+
+var turf = _interopRequireWildcard(require("@turf/helpers"));
+
+var _union = _interopRequireDefault(require("@turf/union"));
+
+var _clone = _interopRequireDefault(require("@turf/clone"));
+
+var _polygonToLine = _interopRequireDefault(require("@turf/polygon-to-line"));
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+var EMPTY_FEATURE_DATA = {
+  features: [],
+  featureId: null,
+  vectorTileLayer: null,
+  source: null
+};
+
+var TileFactory = /*#__PURE__*/function () {
+  // 用于记录图层内事件，辅助判断图层外事件逻辑
+  function TileFactory(option) {
+    (0, _classCallCheck2.default)(this, TileFactory);
+    (0, _defineProperty2.default)(this, "outSideEventTimer", null);
+    (0, _defineProperty2.default)(this, "eventCache", {
+      click: 0,
+      mousemove: 0,
+      mouseup: 0,
+      mousedown: 0,
+      contextmenu: 0
+    });
+    this.parentLayer = option.parent;
+    this.mapService = option.mapService;
+    this.rendererService = option.rendererService;
+    var source = this.parentLayer.getSource();
+    this.zoomOffset = source.parser.zoomOffset || 0;
+    this.tilesetManager = source.tileset;
+  } // eslint-disable-next-line @typescript-eslint/no-unused-vars
+
+
+  (0, _createClass2.default)(TileFactory, [{
+    key: "createTile",
+    value: function createTile(tile, initOptions) {
+      return {
+        layers: [],
+        layerIDList: []
+      };
+    }
+  }, {
+    key: "getFeatureData",
+    value: function getFeatureData(tile, initOptions) {
+      var sourceLayer = initOptions.sourceLayer,
+          featureId = initOptions.featureId,
+          _initOptions$transfor = initOptions.transforms,
+          transforms = _initOptions$transfor === void 0 ? [] : _initOptions$transfor,
+          layerType = initOptions.layerType,
+          shape = initOptions.shape;
+
+      if (!sourceLayer) {
+        return EMPTY_FEATURE_DATA;
+      }
+
+      var vectorTileLayer = tile.data.layers[sourceLayer];
+      var features = vectorTileLayer === null || vectorTileLayer === void 0 ? void 0 : vectorTileLayer.features;
+
+      if (!(Array.isArray(features) && features.length > 0)) {
+        return EMPTY_FEATURE_DATA;
+      } else {
+        var geofeatures = [];
+
+        if (layerType === 'LineLayer' && shape === 'simple') {
+          features.map(function (feature) {
+            var cloneFeature = (0, _clone.default)(feature);
+
+            if (cloneFeature.geometry.type === 'MultiPolygon') {
+              var _geofeatures;
+
+              // @ts-ignore
+              var linefeatures = (0, _polygonToLine.default)(cloneFeature).features;
+
+              (_geofeatures = geofeatures).push.apply(_geofeatures, (0, _toConsumableArray2.default)(linefeatures));
+            } else if (cloneFeature.geometry.type === 'Polygon') {
+              cloneFeature.geometry.type = 'MultiLineString';
+              geofeatures.push(cloneFeature);
+            } else {
+              geofeatures.push(cloneFeature);
+            }
+          });
+        } else {
+          geofeatures = features;
+        }
+
+        var source = new _l7Source.default({
+          type: 'FeatureCollection',
+          features: geofeatures
+        }, {
+          parser: {
+            type: 'geojson',
+            featureId: featureId,
+            cancelExtent: true
+          },
+          transforms: transforms
+        });
+        return {
+          features: geofeatures,
+          featureId: featureId,
+          vectorTileLayer: vectorTileLayer,
+          source: source
+        };
+      }
+    }
+  }, {
+    key: "createLayer",
+    value: function createLayer(tileLayerOption) {
+      var L7Layer = tileLayerOption.L7Layer,
+          tile = tileLayerOption.tile,
+          initOptions = tileLayerOption.initOptions,
+          vectorTileLayer = tileLayerOption.vectorTileLayer,
+          source = tileLayerOption.source,
+          _tileLayerOption$need = tileLayerOption.needListen,
+          needListen = _tileLayerOption$need === void 0 ? true : _tileLayerOption$need;
+      var mask = initOptions.mask,
+          color = initOptions.color,
+          layerType = initOptions.layerType,
+          size = initOptions.size,
+          shape = initOptions.shape,
+          usage = initOptions.usage,
+          basemapColor = initOptions.basemapColor,
+          basemapSize = initOptions.basemapSize;
+      var FactoryTileLayer = L7Layer ? L7Layer : _vectorLayer.default;
+      var layer = new FactoryTileLayer((0, _objectSpread2.default)({
+        visible: tile.isVisible,
+        tileOrigin: vectorTileLayer === null || vectorTileLayer === void 0 ? void 0 : vectorTileLayer.l7TileOrigin,
+        coord: vectorTileLayer === null || vectorTileLayer === void 0 ? void 0 : vectorTileLayer.l7TileCoord,
+        needListen: needListen
+      }, this.getLayerInitOption(initOptions)));
+      if (layerType) layer.type = layerType; // Tip: sign tile layer
+
+      layer.isTileLayer = true; // vector 、raster
+      // vector layer set event
+
+      if (layer.isVector && usage !== 'basemap') {
+        this.emitEvent([layer]);
+        layer.select(true);
+      } // set source
+
+
+      layer.source(source); // set scale attribute field
+
+      (0, _utils.setStyleAttributeField)(layer, this.parentLayer, 'shape', shape);
+
+      if (usage !== 'basemap') {
+        // set scale
+        (0, _utils.setScale)(layer, this.parentLayer);
+        (0, _utils.setStyleAttributeField)(layer, this.parentLayer, 'color', color);
+        (0, _utils.setStyleAttributeField)(layer, this.parentLayer, 'size', size);
+      } else {
+        layer.style({
+          color: basemapColor,
+          size: basemapSize
+        });
+      } // set mask
+
+
+      if (mask && layer.isVector) {
+        var masklayer = new _vectorLayer.default({
+          layerType: "MaskLayer"
+        }).source({
+          type: 'FeatureCollection',
+          features: [tile.bboxPolygon]
+        }, {
+          parser: {
+            type: 'geojson',
+            cancelExtent: true
+          }
+        });
+        (0, _utils2.registerLayers)(this.parentLayer, [masklayer]);
+        layer.addMaskLayer(masklayer);
+      }
+
+      this.layers = [layer];
+      return layer;
+    } // eslint-disable-next-line @typescript-eslint/no-unused-vars
+
+  }, {
+    key: "updateStyle",
+    value: function updateStyle(styles) {
+      return '';
+    }
+  }, {
+    key: "getTile",
+    value: function getTile(lng, lat) {
+      var zoom = this.mapService.getZoom();
+      return this.tilesetManager.getTileByLngLat(lng, lat, zoom);
+    }
+  }, {
+    key: "bindVectorEvent",
+    value: function bindVectorEvent(layer) {
+      var _this = this;
+
+      layer.on('click', function (e) {
+        _this.eventCache.click = 1;
+
+        _this.getFeatureAndEmitEvent('subLayerClick', e);
+      });
+      layer.on('mousemove', function (e) {
+        _this.eventCache.mousemove = 1;
+
+        _this.getFeatureAndEmitEvent('subLayerMouseMove', e);
+      });
+      layer.on('mouseenter', function (e) {
+        _this.getFeatureAndEmitEvent('subLayerMouseEnter', e);
+      });
+    }
+  }, {
+    key: "readRasterTile",
+    value: function readRasterTile(e, name) {
+      var _e$lngLat = e.lngLat,
+          lng = _e$lngLat.lng,
+          lat = _e$lngLat.lat;
+      var tile = this.getTile(lng, lat);
+      if (!tile) return;
+      var data = (0, _getRasterData.readRasterValue)(tile, this.mapService, e.x, e.y);
+      e.value = data;
+      this.parentLayer.emit(name, e);
+    }
+  }, {
+    key: "bindRasterEvent",
+    value: function bindRasterEvent(layer) {
+      var _this2 = this;
+
+      layer.on('click', function (e) {
+        _this2.eventCache.click = 1;
+
+        _this2.readRasterTile(e, 'subLayerClick');
+      });
+      layer.on('mousemove', function (e) {
+        _this2.eventCache.mousemove = 1;
+
+        _this2.readRasterTile(e, 'subLayerMouseMove');
+      });
+      layer.on('mouseenter', function (e) {
+        _this2.readRasterTile(e, 'subLayerMouseMove');
+      });
+    }
+  }, {
+    key: "bindCommonEvent",
+    value: function bindCommonEvent(layer) {
+      var _this3 = this;
+
+      layer.on('mouseup', function (e) {
+        _this3.eventCache.mouseup = 1;
+
+        _this3.getFeatureAndEmitEvent('subLayerMouseUp', e);
+      });
+      layer.on('mouseout', function (e) {
+        _this3.getFeatureAndEmitEvent('subLayerMouseOut', e);
+      });
+      layer.on('mousedown', function (e) {
+        _this3.eventCache.mousedown = 1;
+
+        _this3.getFeatureAndEmitEvent('subLayerMouseDown', e);
+      });
+      layer.on('contextmenu', function (e) {
+        _this3.eventCache.contextmenu = 1;
+
+        _this3.getFeatureAndEmitEvent('subLayerContextmenu', e);
+      }); // out side
+
+      layer.on('unclick', function (e) {
+        return _this3.handleOutsideEvent('click', 'subLayerUnClick', layer, e);
+      });
+      layer.on('unmouseup', function (e) {
+        return _this3.handleOutsideEvent('mouseup', 'subLayerUnMouseUp', layer, e);
+      });
+      layer.on('unmousedown', function (e) {
+        return _this3.handleOutsideEvent('mousedown', 'subLayerUnMouseDown', layer, e);
+      });
+      layer.on('uncontextmenu', function (e) {
+        return _this3.handleOutsideEvent('contextmenu', 'subLayerUnContextmenu', layer, e);
+      });
+    }
+  }, {
+    key: "emitEvent",
+    value: function emitEvent(layers) {
+      var _this4 = this;
+
+      layers.map(function (layer) {
+        layer.once('modelLoaded', function () {
+          _this4.bindVectorEvent(layer);
+
+          _this4.bindCommonEvent(layer);
+        });
+      });
+    }
+  }, {
+    key: "emitRasterEvent",
+    value: function emitRasterEvent(layers) {
+      var _this5 = this;
+
+      layers.map(function (layer) {
+        layer.once('modelLoaded', function () {
+          _this5.bindRasterEvent(layer);
+
+          _this5.bindCommonEvent(layer);
+        });
+      });
+    }
+  }, {
+    key: "getCombineFeature",
+    value: function getCombineFeature(features) {
+      var p = null;
+      var properties = features[0];
+      features.map(function (feature) {
+        var polygon = turf.polygon(feature.coordinates);
+
+        if (p === null) {
+          p = polygon;
+        }
+
+        {
+          p = (0, _union.default)(p, polygon);
+        }
+      });
+
+      if (properties) {
+        p.properties = (0, _objectSpread2.default)({}, properties);
+      }
+
+      return p;
+    }
+  }, {
+    key: "getFeatureAndEmitEvent",
+    value: function getFeatureAndEmitEvent(eventName, e) {
+      var featureId = e.featureId;
+      var features = this.getAllFeatures(featureId);
+
+      try {
+        e.feature = this.getCombineFeature(features);
+      } catch (err) {
+        console.warn('Combine Featuer Err! Return First Feature!');
+        e.feature = features[0];
+      }
+
+      this.parentLayer.emit(eventName, e);
+    }
+  }, {
+    key: "getAllFeatures",
+    value: function getAllFeatures(featureId) {
+      var allLayers = this.parentLayer.tileLayer.children;
+      var features = [];
+      allLayers.map(function (layer) {
+        var source = layer.getSource();
+        source.data.dataArray.map(function (feature) {
+          if (feature._id === featureId) {
+            features.push(feature);
+          }
+        });
+      });
+      return features;
+    }
+  }, {
+    key: "getLayerInitOption",
+    value: function getLayerInitOption(initOptions) {
+      var option = (0, _objectSpread2.default)({}, initOptions);
+      delete option.color;
+      delete option.shape;
+      delete option.size;
+      delete option.coords;
+      delete option.sourceLayer;
+      delete option.coords;
+      return option;
+    }
+  }, {
+    key: "handleOutsideEvent",
+    value: function handleOutsideEvent(type, emitType, layer, e) {
+      var _this6 = this;
+
+      if (this.outSideEventTimer) {
+        clearTimeout(this.outSideEventTimer);
+        this.outSideEventTimer = null;
+      }
+
+      this.outSideEventTimer = setTimeout(function () {
+        if (_this6.eventCache[type] > 0) {
+          _this6.eventCache[type] = 0;
+        } else {
+          _this6.getFeatureAndEmitEvent(emitType, e);
+        }
+      }, 64);
+    }
+  }]);
+  return TileFactory;
+}();
+
+exports.default = TileFactory;

package/lib/tile/tileFactory/index.js

@@ -10,17 +10,21 @@ var _exportNames = {
 };
 exports.getTileFactory = getTileFactory;
 
-var _VectorTile = _interopRequireDefault(require("./VectorTile"));
+var _l7Source = require("@antv/l7-source");
 
-var _DebugTile = _interopRequireDefault(require("./DebugTile"));
+var _line = _interopRequireDefault(require("./line"));
 
-var _ImageTile = _interopRequireDefault(require("./ImageTile"));
+var _point = _interopRequireDefault(require("./point"));
 
-var _RasterTile = _interopRequireDefault(require("./RasterTile"));
+var _polygon = _interopRequireDefault(require("./polygon"));
 
-var _RasterRGBTile = _interopRequireDefault(require("./RasterRGBTile"));
+var _mask = _interopRequireDefault(require("./mask"));
 
-var _MaskTile = _interopRequireDefault(require("./MaskTile"));
+var _raster = _interopRequireDefault(require("./raster"));
+
+var _rasterData = _interopRequireDefault(require("./rasterData"));
+
+var _test = _interopRequireDefault(require("./test"));
 
 var _interface = require("../interface");
 
@@ -36,54 +40,32 @@ Object.keys(_interface).forEach(function (key) {
   });
 });
 
-var _Tile = require("./Tile");
-
-Object.keys(_Tile).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _Tile[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _Tile[key];
-    }
-  });
-});
-
-function getTileFactory(layer) {
-  var tileType = layer.type;
-
+function getTileFactory(tileType, parser) {
   switch (tileType) {
     case 'PolygonLayer':
-      return _VectorTile.default;
+      return _polygon.default;
 
     case 'LineLayer':
-      return _VectorTile.default;
+      return _line.default;
 
     case 'PointLayer':
-      return _VectorTile.default;
-
-    case 'TileDebugLayer':
-      return _DebugTile.default;
+      return _point.default;
 
     case 'MaskLayer':
-      return _MaskTile.default;
+      return _mask.default;
 
-    case 'RasterLayer':
-      var dataType = layer.getSource().parser.dataType;
-
-      switch (dataType) {
-        case 'rgb':
-          return _RasterRGBTile.default;
-
-        case 'arraybuffer':
-          return _RasterTile.default;
+    case 'TileDebugLayer':
+      return _test.default;
 
-        default:
-          return _ImageTile.default;
+    case 'RasterLayer':
+      if (_l7Source.rasterDataTypes.includes(parser.dataType)) {
+        return _rasterData.default;
+      } else {
+        return _raster.default;
       }
 
     default:
-      return _VectorTile.default;
+      console.warn('Current Tile Not Exist!');
+      return _raster.default;
   }
 }

package/lib/tile/tileFactory/layers/{RasterDataLayer.js → rasterDataLayer.js}

@@ -7,10 +7,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
-var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
-
-var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
-
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
@@ -56,42 +52,32 @@ var RasterTiffLayer = /*#__PURE__*/function (_BaseLayer) {
 
   (0, _createClass2.default)(RasterTiffLayer, [{
     key: "buildModels",
-    value: function () {
-      var _buildModels = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {
-        var model;
-        return _regenerator.default.wrap(function _callee$(_context) {
-          while (1) {
-            switch (_context.prev = _context.next) {
-              case 0:
-                model = this.getModel();
-                this.layerModel = new model(this);
-                _context.next = 4;
-                return this.initLayerModels();
-
-              case 4:
-              case "end":
-                return _context.stop();
-            }
-          }
-        }, _callee, this);
-      }));
-
-      function buildModels() {
-        return _buildModels.apply(this, arguments);
-      }
-
-      return buildModels;
-    }()
+    value: function buildModels() {
+      var _this2 = this;
+
+      var model = this.getModelType();
+      this.layerModel = new model(this);
+      this.layerModel.initModels(function (models) {
+        _this2.dispatchModelLoad(models);
+      });
+    }
   }, {
-    key: "getModel",
-    value: function getModel() {
-      var type = this.getModelType();
-      return type === 'rasterRgb' ? _rasterRgb.default : _rasterTile.default;
+    key: "rebuildModels",
+    value: function rebuildModels() {
+      var _this3 = this;
+
+      this.layerModel.buildModels(function (models) {
+        _this3.dispatchModelLoad(models);
+      });
     }
   }, {
     key: "getModelType",
     value: function getModelType() {
-      return this.layerSource.parser.type === 'rasterRgb' ? 'rasterRgb' : 'raster';
+      if (this.layerSource.parser.type === 'rasterRgb') {
+        return _rasterRgb.default;
+      } else {
+        return _rasterTile.default;
+      }
     }
   }, {
     key: "getDefaultConfig",

package/lib/tile/tileFactory/layers/{TileDebugLayer.js → tileTest.js}

@@ -7,10 +7,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
-var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
-
-var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
-
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
@@ -27,6 +23,8 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 
 var _BaseLayer2 = _interopRequireDefault(require("../../../core/BaseLayer"));
 
+var _tileModel = _interopRequireDefault(require("../../models/tileModel"));
+
 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; } }
@@ -47,12 +45,12 @@ var TileDebugLayer = /*#__PURE__*/function (_BaseLayer) {
 
     _this = _super.call.apply(_super, [this].concat(args));
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "type", 'TileDebugLayer');
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "zIndex", 10000);
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "defaultSourceConfig", {
       data: [],
       options: {
         parser: {
-          type: 'testTile'
+          type: 'testTile',
+          cancelExtent: true
         }
       }
     });
@@ -61,25 +59,14 @@ var TileDebugLayer = /*#__PURE__*/function (_BaseLayer) {
 
   (0, _createClass2.default)(TileDebugLayer, [{
     key: "buildModels",
-    value: function () {
-      var _buildModels = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {
-        return _regenerator.default.wrap(function _callee$(_context) {
-          while (1) {
-            switch (_context.prev = _context.next) {
-              case 0:
-              case "end":
-                return _context.stop();
-            }
-          }
-        }, _callee);
-      }));
-
-      function buildModels() {
-        return _buildModels.apply(this, arguments);
-      }
+    value: function buildModels() {
+      var _this2 = this;
 
-      return buildModels;
-    }()
+      this.layerModel = new _tileModel.default(this);
+      this.layerModel.initModels(function (models) {
+        _this2.dispatchModelLoad(models);
+      });
+    }
   }]);
   return TileDebugLayer;
 }(_BaseLayer2.default);