@antv/l7-layers 2.21.1 → 2.21.2

package/es/mask/models/fill.js

@@ -1,117 +1,60 @@
 import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
-import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
-import _createClass from "@babel/runtime/helpers/esm/createClass";
-import _inherits from "@babel/runtime/helpers/esm/inherits";
-import _possibleConstructorReturn from "@babel/runtime/helpers/esm/possibleConstructorReturn";
-import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
-import _regeneratorRuntime from "@babel/runtime/regenerator";
-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 { rgb2arr } from '@antv/l7-utils';
 import BaseModel from "../../core/BaseModel";
 import { polygonTriangulation } from "../../core/triangulation";
 /* babel-plugin-inline-import '../../shader/minify_frag.glsl' */
-var mask_frag = "layout(std140) uniform commonUniorm {\n  vec4 u_color;\n  float u_opacity;\n};\n\nout vec4 outputColor;\n\nvoid main() {\n  outputColor = u_color;\n  outputColor.a *= u_opacity;\n}\n";
+const mask_frag = "layout(std140) uniform commonUniorm {\n  vec4 u_color;\n  float u_opacity;\n};\n\nout vec4 outputColor;\n\nvoid main() {\n  outputColor = u_color;\n  outputColor.a *= u_opacity;\n}\n";
 /* babel-plugin-inline-import '../shaders/mask_vert.glsl' */
-var mask_vert = "layout(location = 0) in vec3 a_Position;\n\nlayout(std140) uniform commonUniorm {\n  vec4 u_color;\n  float u_opacity;\n};\n\n#pragma include \"projection\"\n\nvoid main() {\n  vec4 project_pos = project_position(vec4(a_Position, 1.0));\n\n  if(u_CoordinateSystem == COORDINATE_SYSTEM_P20_2) { // gaode2.x\n    gl_Position = u_Mvp * (vec4(project_pos.xyz, 1.0));\n  } else {\n    gl_Position = project_common_position_to_clipspace(vec4(project_pos.xyz, 1.0));\n  }\n}\n\n";
-var MaskModel = /*#__PURE__*/function (_BaseModel) {
-  _inherits(MaskModel, _BaseModel);
-  var _super = _createSuper(MaskModel);
-  function MaskModel() {
-    _classCallCheck(this, MaskModel);
-    return _super.apply(this, arguments);
+const mask_vert = "layout(location = 0) in vec3 a_Position;\n\nlayout(std140) uniform commonUniorm {\n  vec4 u_color;\n  float u_opacity;\n};\n\n#pragma include \"projection\"\n\nvoid main() {\n  vec4 project_pos = project_position(vec4(a_Position, 1.0));\n\n  if(u_CoordinateSystem == COORDINATE_SYSTEM_P20_2) { // gaode2.x\n    gl_Position = u_Mvp * (vec4(project_pos.xyz, 1.0));\n  } else {\n    gl_Position = project_common_position_to_clipspace(vec4(project_pos.xyz, 1.0));\n  }\n}\n\n";
+export default class MaskModel extends BaseModel {
+  getUninforms() {
+    const commoninfo = this.getCommonUniformsInfo();
+    const attributeInfo = this.getUniformsBufferInfo(this.getStyleAttribute());
+    this.updateStyleUnifoms();
+    return _objectSpread(_objectSpread({}, commoninfo.uniformsOption), attributeInfo.uniformsOption);
   }
-  _createClass(MaskModel, [{
-    key: "getUninforms",
-    value: function getUninforms() {
-      var commoninfo = this.getCommonUniformsInfo();
-      var attributeInfo = this.getUniformsBufferInfo(this.getStyleAttribute());
-      this.updateStyleUnifoms();
-      return _objectSpread(_objectSpread({}, commoninfo.uniformsOption), attributeInfo.uniformsOption);
-    }
-  }, {
-    key: "getCommonUniformsInfo",
-    value: function getCommonUniformsInfo() {
-      var _ref = this.layer.getLayerConfig(),
-        _ref$opacity = _ref.opacity,
-        opacity = _ref$opacity === void 0 ? 1 : _ref$opacity,
-        _ref$color = _ref.color,
-        color = _ref$color === void 0 ? '#000' : _ref$color;
-      var commonOptions = {
-        u_color: rgb2arr(color),
-        u_opacity: opacity || 1
-      };
-      var commonBufferInfo = this.getUniformsBufferInfo(commonOptions);
-      return commonBufferInfo;
-    }
-  }, {
-    key: "initModels",
-    value: function () {
-      var _initModels = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
-        return _regeneratorRuntime.wrap(function _callee$(_context) {
-          while (1) switch (_context.prev = _context.next) {
-            case 0:
-              return _context.abrupt("return", this.buildModels());
-            case 1:
-            case "end":
-              return _context.stop();
-          }
-        }, _callee, this);
-      }));
-      function initModels() {
-        return _initModels.apply(this, arguments);
-      }
-      return initModels;
-    }()
-  }, {
-    key: "buildModels",
-    value: function () {
-      var _buildModels = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
-        var model;
-        return _regeneratorRuntime.wrap(function _callee2$(_context2) {
-          while (1) switch (_context2.prev = _context2.next) {
-            case 0:
-              this.initUniformsBuffer();
-              _context2.next = 3;
-              return this.layer.buildLayerModel({
-                moduleName: 'mask',
-                vertexShader: mask_vert,
-                fragmentShader: mask_frag,
-                triangulation: polygonTriangulation,
-                depth: {
-                  enable: false
-                },
-                pick: false
-              });
-            case 3:
-              model = _context2.sent;
-              return _context2.abrupt("return", [model]);
-            case 5:
-            case "end":
-              return _context2.stop();
-          }
-        }, _callee2, this);
-      }));
-      function buildModels() {
-        return _buildModels.apply(this, arguments);
-      }
-      return buildModels;
-    }()
-  }, {
-    key: "clearModels",
-    value: function clearModels() {
-      var refresh = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
-      if (refresh) {
-        this.layerService.clear();
-      }
-    }
-  }, {
-    key: "registerBuiltinAttributes",
-    value: function registerBuiltinAttributes() {
-      return '';
+  getCommonUniformsInfo() {
+    const {
+      opacity = 1,
+      color = '#000'
+    } = this.layer.getLayerConfig();
+    const commonOptions = {
+      u_color: rgb2arr(color),
+      u_opacity: opacity || 1
+    };
+    const commonBufferInfo = this.getUniformsBufferInfo(commonOptions);
+    return commonBufferInfo;
+  }
+  initModels() {
+    var _this = this;
+    return _asyncToGenerator(function* () {
+      return _this.buildModels();
+    })();
+  }
+  buildModels() {
+    var _this2 = this;
+    return _asyncToGenerator(function* () {
+      _this2.initUniformsBuffer();
+      const model = yield _this2.layer.buildLayerModel({
+        moduleName: 'mask',
+        vertexShader: mask_vert,
+        fragmentShader: mask_frag,
+        triangulation: polygonTriangulation,
+        depth: {
+          enable: false
+        },
+        pick: false
+      });
+      return [model];
+    })();
+  }
+  clearModels(refresh = true) {
+    if (refresh) {
+      this.layerService.clear();
     }
-  }]);
-  return MaskModel;
-}(BaseModel);
-export { MaskModel as default };
+  }
+  registerBuiltinAttributes() {
+    return '';
+  }
+}

package/es/mask/models/index.js

@@ -1,5 +1,5 @@
 import FillModel from "./fill";
-var MaskModels = {
+const MaskModels = {
   fill: FillModel
 };
 export default MaskModels;

package/es/plugins/DataMappingPlugin.js

@@ -1,273 +1,229 @@
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
-import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
-import _createClass from "@babel/runtime/helpers/esm/createClass";
-import _regeneratorRuntime from "@babel/runtime/regenerator";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import { IDebugLog, ILayerStage } from '@antv/l7-core';
 import { lodashUtil, normalize, rgb2arr } from '@antv/l7-utils';
-var cloneDeep = lodashUtil.cloneDeep;
-var DataMappingPlugin = /*#__PURE__*/function () {
-  function DataMappingPlugin() {
-    _classCallCheck(this, DataMappingPlugin);
+const {
+  cloneDeep
+} = lodashUtil;
+export default class DataMappingPlugin {
+  constructor() {
+    _defineProperty(this, "mapService", void 0);
+    _defineProperty(this, "fontService", void 0);
   }
-  _createClass(DataMappingPlugin, [{
-    key: "apply",
-    value: function apply(layer, _ref) {
-      var _this = this;
-      var styleAttributeService = _ref.styleAttributeService,
-        mapService = _ref.mapService,
-        fontService = _ref.fontService;
-      this.mapService = mapService;
-      this.fontService = fontService;
-      layer.hooks.init.tapPromise('DataMappingPlugin', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
-        return _regeneratorRuntime.wrap(function _callee$(_context) {
-          while (1) switch (_context.prev = _context.next) {
-            case 0:
-              layer.log(IDebugLog.MappingStart, ILayerStage.INIT);
-              // 初始化重新生成 map
-              _this.generateMaping(layer, {
-                styleAttributeService: styleAttributeService
-              });
-              layer.log(IDebugLog.MappingEnd, ILayerStage.INIT);
-            case 3:
-            case "end":
-              return _context.stop();
-          }
-        }, _callee);
-      })));
-      layer.hooks.beforeRenderData.tapPromise('DataMappingPlugin', /*#__PURE__*/function () {
-        var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2(flag) {
-          var mappingResult;
-          return _regeneratorRuntime.wrap(function _callee2$(_context2) {
-            while (1) switch (_context2.prev = _context2.next) {
-              case 0:
-                if (flag) {
-                  _context2.next = 2;
-                  break;
-                }
-                return _context2.abrupt("return", flag);
-              case 2:
-                layer.dataState.dataMappingNeedUpdate = false;
-                layer.log(IDebugLog.MappingStart, ILayerStage.UPDATE);
-                mappingResult = _this.generateMaping(layer, {
-                  styleAttributeService: styleAttributeService
-                });
-                layer.log(IDebugLog.MappingEnd, ILayerStage.UPDATE);
-                return _context2.abrupt("return", mappingResult);
-              case 7:
-              case "end":
-                return _context2.stop();
-            }
-          }, _callee2);
-        }));
-        return function (_x) {
-          return _ref3.apply(this, arguments);
-        };
-      }());
-
-      // remapping before render
-      layer.hooks.beforeRender.tap('DataMappingPlugin', function () {
-        var source = layer.getSource();
-        if (layer.layerModelNeedUpdate || !source || !source.inited) {
-          return;
-        }
-        var attributes = styleAttributeService.getLayerStyleAttributes() || [];
-        var filter = styleAttributeService.getLayerStyleAttribute('filter');
-        var dataArray = source.data.dataArray;
-        // TODO 数据为空的情况
-        if (Array.isArray(dataArray) && dataArray.length === 0) {
-          return;
-        }
-        var attributesToRemapping = attributes.filter(function (attribute) {
-          return attribute.needRemapping;
-        } // 如果filter变化
-        );
-        var filterData = dataArray;
-        // 数据过滤完 再执行数据映射
-        if (filter !== null && filter !== void 0 && filter.needRemapping && filter !== null && filter !== void 0 && filter.scale) {
-          filterData = dataArray.filter(function (record) {
-            return _this.applyAttributeMapping(filter, record)[0];
-          });
-        }
-        if (attributesToRemapping.length) {
-          // 过滤数据
-          var encodeData = _this.mapping(layer, attributesToRemapping, filterData, layer.getEncodedData() // TODO 优化
-          );
-          layer.setEncodedData(encodeData);
+  apply(layer, {
+    styleAttributeService,
+    mapService,
+    fontService
+  }) {
+    var _this = this;
+    this.mapService = mapService;
+    this.fontService = fontService;
+    layer.hooks.init.tapPromise('DataMappingPlugin', /*#__PURE__*/_asyncToGenerator(function* () {
+      layer.log(IDebugLog.MappingStart, ILayerStage.INIT);
+      // 初始化重新生成 map
+      _this.generateMaping(layer, {
+        styleAttributeService
+      });
+      layer.log(IDebugLog.MappingEnd, ILayerStage.INIT);
+    }));
+    layer.hooks.beforeRenderData.tapPromise('DataMappingPlugin', /*#__PURE__*/function () {
+      var _ref2 = _asyncToGenerator(function* (flag) {
+        if (!flag) {
+          return flag;
         }
-
-        // 处理文本更新，更新文字形状
-        // layer.emit('remapping', null);
+        layer.dataState.dataMappingNeedUpdate = false;
+        layer.log(IDebugLog.MappingStart, ILayerStage.UPDATE);
+        const mappingResult = _this.generateMaping(layer, {
+          styleAttributeService
+        });
+        layer.log(IDebugLog.MappingEnd, ILayerStage.UPDATE);
+        return mappingResult;
       });
-    }
-  }, {
-    key: "generateMaping",
-    value: function generateMaping(layer, _ref4) {
-      var _this2 = this;
-      var styleAttributeService = _ref4.styleAttributeService;
-      var attributes = styleAttributeService.getLayerStyleAttributes() || [];
-      var filter = styleAttributeService.getLayerStyleAttribute('filter');
-      var dataArray = layer.getSource().data.dataArray;
-      var filterData = dataArray;
+      return function (_x) {
+        return _ref2.apply(this, arguments);
+      };
+    }());
+
+    // remapping before render
+    layer.hooks.beforeRender.tap('DataMappingPlugin', () => {
+      const source = layer.getSource();
+      if (layer.layerModelNeedUpdate || !source || !source.inited) {
+        return;
+      }
+      const attributes = styleAttributeService.getLayerStyleAttributes() || [];
+      const filter = styleAttributeService.getLayerStyleAttribute('filter');
+      const {
+        dataArray
+      } = source.data;
+      // TODO 数据为空的情况
+      if (Array.isArray(dataArray) && dataArray.length === 0) {
+        return;
+      }
+      const attributesToRemapping = attributes.filter(attribute => attribute.needRemapping // 如果filter变化
+      );
+      let filterData = dataArray;
       // 数据过滤完 再执行数据映射
-      if (filter !== null && filter !== void 0 && filter.scale) {
-        filterData = dataArray.filter(function (record) {
-          return _this2.applyAttributeMapping(filter, record)[0];
+      if (filter !== null && filter !== void 0 && filter.needRemapping && filter !== null && filter !== void 0 && filter.scale) {
+        filterData = dataArray.filter(record => {
+          return this.applyAttributeMapping(filter, record)[0];
         });
       }
-      // Tip: layer 对数据做处理
-      // 数据处理 在数据进行 mapping 生成 encodeData 之前对数据进行处理
-      // 在各个 layer 中继承
-
-      filterData = layer.processData(filterData); // 目前只有简单线需要处理
-      var encodeData = this.mapping(layer, attributes, filterData, undefined);
-      layer.setEncodedData(encodeData);
+      if (attributesToRemapping.length) {
+        // 过滤数据
+        const encodeData = this.mapping(layer, attributesToRemapping, filterData, layer.getEncodedData() // TODO 优化
+        );
+        layer.setEncodedData(encodeData);
+      }
 
-      // 对外暴露事件
-      layer.emit('dataUpdate', null);
-      return true;
-    }
-  }, {
-    key: "mapping",
-    value: function mapping(layer, attributes, data, predata) {
-      var _this3 = this;
-      var usedAttributes = attributes.filter(function (attribute) {
-        return attribute.scale !== undefined;
-      }).filter(function (attribute) {
-        return attribute.name !== 'filter';
+      // 处理文本更新，更新文字形状
+      // layer.emit('remapping', null);
+    });
+  }
+  generateMaping(layer, {
+    styleAttributeService
+  }) {
+    const attributes = styleAttributeService.getLayerStyleAttributes() || [];
+    const filter = styleAttributeService.getLayerStyleAttribute('filter');
+    const {
+      dataArray
+    } = layer.getSource().data;
+    let filterData = dataArray;
+    // 数据过滤完 再执行数据映射
+    if (filter !== null && filter !== void 0 && filter.scale) {
+      filterData = dataArray.filter(record => {
+        return this.applyAttributeMapping(filter, record)[0];
       });
-      var mappedData = data.map(function (record, i) {
-        var preRecord = predata ? predata[i] : {};
-        var encodeRecord = _objectSpread({
-          id: record._id,
-          coordinates: record.coordinates
-        }, preRecord);
-        usedAttributes.forEach(function (attribute) {
-          var values = _this3.applyAttributeMapping(attribute, record);
-          // TODO: 支持每个属性配置 postprocess}
-          if (attribute.name === 'color' || attribute.name === 'stroke') {
-            values = values.map(function (c) {
-              return rgb2arr(c);
-            });
-          }
-          // @ts-ignore
-          encodeRecord[attribute.name] = Array.isArray(values) && values.length === 1 ? values[0] : values;
+    }
+    // Tip: layer 对数据做处理
+    // 数据处理 在数据进行 mapping 生成 encodeData 之前对数据进行处理
+    // 在各个 layer 中继承
 
-          // 增加对 layer/text/iconfont unicode 映射的解析
-          if (attribute.name === 'shape') {
-            encodeRecord.shape = _this3.fontService.getIconFontKey(encodeRecord[attribute.name]);
-          }
-        });
-        return encodeRecord;
-      });
-      attributes.forEach(function (attribute) {
-        attribute.needRemapping = false;
+    filterData = layer.processData(filterData); // 目前只有简单线需要处理
+    const encodeData = this.mapping(layer, attributes, filterData, undefined);
+    layer.setEncodedData(encodeData);
+
+    // 对外暴露事件
+    layer.emit('dataUpdate', null);
+    return true;
+  }
+  mapping(layer, attributes, data, predata) {
+    const usedAttributes = attributes.filter(attribute => attribute.scale !== undefined).filter(attribute => attribute.name !== 'filter');
+    const mappedData = data.map((record, i) => {
+      const preRecord = predata ? predata[i] : {};
+      const encodeRecord = _objectSpread({
+        id: record._id,
+        coordinates: record.coordinates
+      }, preRecord);
+      usedAttributes.forEach(attribute => {
+        let values = this.applyAttributeMapping(attribute, record);
+        // TODO: 支持每个属性配置 postprocess}
+        if (attribute.name === 'color' || attribute.name === 'stroke') {
+          values = values.map(c => {
+            return rgb2arr(c);
+          });
+        }
+        // @ts-ignore
+        encodeRecord[attribute.name] = Array.isArray(values) && values.length === 1 ? values[0] : values;
+
+        // 增加对 layer/text/iconfont unicode 映射的解析
+        if (attribute.name === 'shape') {
+          encodeRecord.shape = this.fontService.getIconFontKey(encodeRecord[attribute.name]);
+        }
       });
-      // 调整数据兼容 Amap2.0
-      this.adjustData2Amap2Coordinates(mappedData, layer);
+      return encodeRecord;
+    });
+    attributes.forEach(attribute => {
+      attribute.needRemapping = false;
+    });
+    // 调整数据兼容 Amap2.0
+    this.adjustData2Amap2Coordinates(mappedData, layer);
 
-      // 调整数据兼容 SimpleCoordinates
-      this.adjustData2SimpleCoordinates(mappedData);
-      return mappedData;
-    }
-  }, {
-    key: "adjustData2Amap2Coordinates",
-    value: function adjustData2Amap2Coordinates(mappedData, layer) {
-      var _this4 = this;
-      // 根据地图的类型判断是否需要对点位数据进行处理, 若是高德2.0则需要对坐标进行相对偏移
-      if (mappedData.length > 0 && this.mapService.version === 'GAODE2.x') {
-        var layerCenter = layer.coordCenter || layer.getSource().center;
-        // 单个的点数据
+    // 调整数据兼容 SimpleCoordinates
+    this.adjustData2SimpleCoordinates(mappedData);
+    return mappedData;
+  }
+  adjustData2Amap2Coordinates(mappedData, layer) {
+    // 根据地图的类型判断是否需要对点位数据进行处理, 若是高德2.0则需要对坐标进行相对偏移
+    if (mappedData.length > 0 && this.mapService.version === 'GAODE2.x') {
+      const layerCenter = layer.coordCenter || layer.getSource().center;
+      // 单个的点数据
+      // @ts-ignore
+      mappedData
+      // TODO: 避免经纬度被重复计算导致坐标位置偏移
+      .filter(d => !d.originCoordinates).map(d => {
+        d.version = 'GAODE2.x';
         // @ts-ignore
-        mappedData
-        // TODO: 避免经纬度被重复计算导致坐标位置偏移
-        .filter(function (d) {
-          return !d.originCoordinates;
-        }).map(function (d) {
-          d.version = 'GAODE2.x';
-          // @ts-ignore
-          d.originCoordinates = cloneDeep(d.coordinates); // 为了兼容高德1.x 需要保存一份原始的经纬度坐标数据（许多上层逻辑依赖经纬度数据）
-          // @ts-ignore
-          // d.coordinates = this.mapService.lngLatToCoord(d.coordinates);
-          d.coordinates = _this4.mapService.coordToAMap2RelativeCoordinates(d.coordinates, layerCenter);
-        });
-      }
+        d.originCoordinates = cloneDeep(d.coordinates); // 为了兼容高德1.x 需要保存一份原始的经纬度坐标数据（许多上层逻辑依赖经纬度数据）
+        // @ts-ignore
+        // d.coordinates = this.mapService.lngLatToCoord(d.coordinates);
+        d.coordinates = this.mapService.coordToAMap2RelativeCoordinates(d.coordinates, layerCenter);
+      });
     }
-  }, {
-    key: "adjustData2SimpleCoordinates",
-    value: function adjustData2SimpleCoordinates(mappedData) {
-      var _this5 = this;
-      if (mappedData.length > 0 && this.mapService.version === 'SIMPLE') {
-        mappedData.map(function (d) {
-          if (!d.simpleCoordinate) {
-            d.coordinates = _this5.unProjectCoordinates(d.coordinates);
-            d.simpleCoordinate = true;
-          }
-        });
-      }
+  }
+  adjustData2SimpleCoordinates(mappedData) {
+    if (mappedData.length > 0 && this.mapService.version === 'SIMPLE') {
+      mappedData.map(d => {
+        if (!d.simpleCoordinate) {
+          d.coordinates = this.unProjectCoordinates(d.coordinates);
+          d.simpleCoordinate = true;
+        }
+      });
     }
-  }, {
-    key: "unProjectCoordinates",
-    value: function unProjectCoordinates(coordinates) {
-      var _this6 = this;
-      if (typeof coordinates[0] === 'number') {
-        return this.mapService.simpleMapCoord.unproject(coordinates);
-      }
-      if (coordinates[0] && coordinates[0][0] instanceof Array) {
-        // @ts-ignore
-        var coords = [];
-        coordinates.map(function (coord) {
-          // @ts-ignore
-          var c1 = [];
-          coord.map(function (co) {
-            c1.push(_this6.mapService.simpleMapCoord.unproject(co));
-          });
-          // @ts-ignore
-          coords.push(c1);
-        });
-        // @ts-ignore
-        return coords;
-      } else {
-        // @ts-ignore
-        var _coords = [];
+  }
+  unProjectCoordinates(coordinates) {
+    if (typeof coordinates[0] === 'number') {
+      return this.mapService.simpleMapCoord.unproject(coordinates);
+    }
+    if (coordinates[0] && coordinates[0][0] instanceof Array) {
+      // @ts-ignore
+      const coords = [];
+      coordinates.map(coord => {
         // @ts-ignore
-        coordinates.map(function (coord) {
-          _coords.push(_this6.mapService.simpleMapCoord.unproject(coord));
+        const c1 = [];
+        coord.map(co => {
+          c1.push(this.mapService.simpleMapCoord.unproject(co));
         });
         // @ts-ignore
-        return _coords;
-      }
-    }
-  }, {
-    key: "applyAttributeMapping",
-    value: function applyAttributeMapping(attribute, record) {
-      var _attribute$scale;
-      if (!attribute.scale) {
-        return [];
-      }
-      var scalers = (attribute === null || attribute === void 0 || (_attribute$scale = attribute.scale) === null || _attribute$scale === void 0 ? void 0 : _attribute$scale.scalers) || [];
-      var params = [];
-      scalers.forEach(function (_ref5) {
-        var _attribute$scale2;
-        var field = _ref5.field;
-        if (record.hasOwnProperty(field) || ((_attribute$scale2 = attribute.scale) === null || _attribute$scale2 === void 0 ? void 0 : _attribute$scale2.type) === 'variable') {
-          // TODO:多字段，常量
-          params.push(record[field]);
-        }
+        coords.push(c1);
       });
-      var mappingResult = attribute.mapping ? attribute.mapping(params) : [];
-      return mappingResult;
-      // return attribute.mapping ? attribute.mapping(params) : [];
+      // @ts-ignore
+      return coords;
+    } else {
+      // @ts-ignore
+      const coords = [];
+      // @ts-ignore
+      coordinates.map(coord => {
+        coords.push(this.mapService.simpleMapCoord.unproject(coord));
+      });
+      // @ts-ignore
+      return coords;
     }
-  }, {
-    key: "getArrowPoints",
-    value: function getArrowPoints(p1, p2) {
-      var dir = [p2[0] - p1[0], p2[1] - p1[1]];
-      var normalizeDir = normalize(dir);
-      var arrowPoint = [p1[0] + normalizeDir[0] * 0.0001, p1[1] + normalizeDir[1] * 0.0001];
-      return arrowPoint;
+  }
+  applyAttributeMapping(attribute, record) {
+    var _attribute$scale;
+    if (!attribute.scale) {
+      return [];
     }
-  }]);
-  return DataMappingPlugin;
-}();
-export { DataMappingPlugin as default };
+    const scalers = (attribute === null || attribute === void 0 || (_attribute$scale = attribute.scale) === null || _attribute$scale === void 0 ? void 0 : _attribute$scale.scalers) || [];
+    const params = [];
+    scalers.forEach(({
+      field
+    }) => {
+      var _attribute$scale2;
+      if (record.hasOwnProperty(field) || ((_attribute$scale2 = attribute.scale) === null || _attribute$scale2 === void 0 ? void 0 : _attribute$scale2.type) === 'variable') {
+        // TODO:多字段，常量
+        params.push(record[field]);
+      }
+    });
+    const mappingResult = attribute.mapping ? attribute.mapping(params) : [];
+    return mappingResult;
+    // return attribute.mapping ? attribute.mapping(params) : [];
+  }
+  getArrowPoints(p1, p2) {
+    const dir = [p2[0] - p1[0], p2[1] - p1[1]];
+    const normalizeDir = normalize(dir);
+    const arrowPoint = [p1[0] + normalizeDir[0] * 0.0001, p1[1] + normalizeDir[1] * 0.0001];
+    return arrowPoint;
+  }
+}