@vtx/ol-map 1.0.142 → 1.0.144

package/lib/tools/Utils/HighLayer.js

@@ -1,211 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-var _antd = require("antd");
-var _source = require("ol/source");
-var _layer = require("ol/layer");
-var _style = require("ol/style");
-var _Fill = _interopRequireDefault(require("../../renderer/Fill"));
-var _ol = require("ol");
-var _FeatureLayer = _interopRequireDefault(require("../../feature-layer/FeatureLayer"));
-var _lodash = require("lodash");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _classCallCheck(a, n) { if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function"); }
-function _defineProperties(e, r) { for (var t = 0; t < r.length; t++) { var o = r[t]; o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(e, _toPropertyKey(o.key), o); } }
-function _createClass(e, r, t) { return r && _defineProperties(e.prototype, r), t && _defineProperties(e, t), Object.defineProperty(e, "prototype", { writable: !1 }), e; }
-function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
-function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); } /**
- *  图层高亮操作
- */
-var Highlight = exports["default"] = /*#__PURE__*/function () {
-  function Highlight(_options) {
-    var _this = this;
-    _classCallCheck(this, Highlight);
-    // 高亮图层增加feature
-    _defineProperty(this, "addHighlightFeature", function (feature, options) {
-      _this.feature = feature;
-      _this.clearSelectFeature();
-      _this.clearFeatures();
-      if ((0, _lodash.isEmpty)(feature)) return;
-      // 数组高亮的话， 就是默认的红色高亮
-      if (Array.isArray(feature)) {
-        feature.map(function (v) {
-          _this.addFeature(v, true);
-        });
-      } else {
-        _this.addFeature(feature);
-      }
-      if (!options || options !== null && options !== void 0 && options.autoView) {
-        _this.map.fitView(feature, options || {});
-      }
-
-      // this.map.getView().fit(feature.values_.geometry.getExtent(), {
-      //   maxZoom: 18,
-      //   duration: 500,
-      // });
-    });
-    _defineProperty(this, "addFeature", function (_feature, flag) {
-      var feature = _feature.clone();
-      feature.isHighLight = true;
-      var geometry = feature === null || feature === void 0 ? void 0 : feature.getGeometry();
-      var type = geometry === null || geometry === void 0 ? void 0 : geometry.getType();
-      if (type === 'Point' && geometry && !flag) {
-        _this.addPointHighlight(feature);
-        var layer = _this.map.getLayerByFeature(_feature);
-        if (layer && layer instanceof _FeatureLayer["default"]) {
-          _this.markerLayer._options = layer._options;
-          for (var i in layer._options) {
-            _this.markerLayer[i] = layer._options[i];
-          }
-          feature.key = layer.key;
-          _this.markerLayer.cluster = false;
-          _this.markerLayer.key = 'Highlight';
-          _this.markerLayer.setZIndex(Infinity);
-          _this.markerLayer.getSource().addFeature(feature);
-          _this.markerLayer.setStyle(_this.markerLayer.getStyleByMode());
-        }
-      } else {
-        _this.source.addFeature(feature);
-      }
-    });
-    // 点位高亮-扩散
-    _defineProperty(this, "addPointHighlight", function (feature) {
-      var _id = feature.get('id') || 'point_animation';
-      _this.clearFeatures();
-      var point_overlay = _this.map.getOverlayById(_id);
-      if (feature) {
-        var geometry = feature === null || feature === void 0 ? void 0 : feature.getGeometry();
-        var type = geometry === null || geometry === void 0 ? void 0 : geometry.getType();
-        if (type === 'Point' && geometry) {
-          var ele = document.createElement('div');
-          ele.className = 'ol-map-point_animation';
-          if (!point_overlay) {
-            point_overlay = new _ol.Overlay({
-              id: _id,
-              element: ele,
-              positioning: 'center-center',
-              stopEvent: true,
-              className: 'ol-overlay_container-stop_event'
-            });
-            _this.pointOverlay = point_overlay;
-          }
-          _this.map.addOverlay(point_overlay);
-          point_overlay.setPosition(geometry.getFlatCoordinates());
-        }
-      }
-    });
-    _defineProperty(this, "setCenter", function (field, fieldName) {
-      var filterField = fieldName || 'code';
-      _this.clearSelectFeature();
-      var newFeature;
-      if (_this.feature && Array.isArray(_this.feature)) {
-        newFeature = _this.feature.find(function (v) {
-          return v.get(filterField) === field;
-        });
-      } else if (_this.feature && _this.feature.get(filterField) === field) {
-        newFeature = _this.feature;
-      }
-      _this.selectFeature = newFeature;
-      if (newFeature) {
-        newFeature.setStyle();
-        _this.map.getView(newFeature);
-        _this.setSelectFeature(newFeature);
-      } else {
-        _antd.message.warning('地图上未查询到该数据，请检查是否配置坐标信息！');
-      }
-    });
-    this.highStyle = new _style.Style({
-      // 高亮样式
-      image: new _style.Circle({
-        radius: 7,
-        fill: new _Fill["default"]({
-          color: '#ff4d4f'
-        }),
-        stroke: new _style.Stroke({
-          color: '#FFFFFF',
-          width: 2
-        })
-      }),
-      fill: new _Fill["default"]({
-        color: '#ff4d4f',
-        opacity: 0.5
-      }),
-      stroke: new _style.Stroke({
-        color: '#ff4d4f',
-        width: 5
-      })
-    });
-    this.map = _options.map;
-    this.feature = _options.feature;
-    this.selectFeature = null;
-    this.pointOverlay = null;
-    this.source = new _source.Vector();
-    this.layer = new _layer.Vector(_objectSpread({
-      source: this.source,
-      zIndex: 999,
-      style: this.highStyle
-    }, _options.parmas || {}));
-    this.layer.key = 'Highlight';
-    this.map.addLayer(this.layer);
-    this.markerLayer = new _FeatureLayer["default"]({
-      key: 'Highlight',
-      zIndex: Infinity
-    });
-    this.map.addLayer(this.markerLayer);
-  }
-  return _createClass(Highlight, [{
-    key: "clearSelectFeature",
-    value: function clearSelectFeature() {
-      if (this.selectFeature) {
-        this.selectFeature.setStyle();
-        this.selectFeature = null;
-      }
-    }
-  }, {
-    key: "clearFeatures",
-    value: function clearFeatures() {
-      this.markerLayer && this.markerLayer.getSource().clear();
-      this.source && this.source.clear();
-      this.pointOverlay && this.map.removeOverlay(this.pointOverlay);
-    }
-  }, {
-    key: "setSelectFeature",
-    value: function setSelectFeature(feature) {
-      if (feature) {
-        this.selectFeature = feature;
-        this.selectFeature.setStyle(new _style.Style({
-          image: new _style.Circle({
-            radius: 7,
-            fill: new _Fill["default"]({
-              color: '#2491fc'
-            }),
-            stroke: new _style.Stroke({
-              color: '#FFFFFF',
-              width: 2
-            })
-          }),
-          fill: new _Fill["default"]({
-            color: '#2491fc'
-          }),
-          stroke: new _style.Stroke({
-            color: '#2491fc',
-            width: 4
-          })
-        }));
-      }
-    }
-  }, {
-    key: "destroy",
-    value: function destroy() {
-      this.map.removeLayer(this.layer);
-    }
-  }]);
-}();
-//# sourceMappingURL=HighLayer.js.map

package/lib/tools/Utils/HighLayer.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"HighLayer.js","names":["_antd","require","_source","_layer","_style","_Fill","_interopRequireDefault","_ol","_FeatureLayer","_lodash","e","__esModule","_typeof","o","Symbol","iterator","constructor","prototype","ownKeys","r","t","Object","keys","getOwnPropertySymbols","filter","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","defineProperty","_classCallCheck","a","n","TypeError","_defineProperties","configurable","writable","_toPropertyKey","key","_createClass","value","i","_toPrimitive","toPrimitive","call","String","Number","Highlight","exports","options","_this","feature","clearSelectFeature","clearFeatures","isEmpty","Array","isArray","map","v","addFeature","autoView","fitView","_feature","flag","clone","isHighLight","geometry","getGeometry","type","getType","addPointHighlight","layer","getLayerByFeature","FeatureLayer","markerLayer","_options","cluster","setZIndex","Infinity","getSource","setStyle","getStyleByMode","source","_id","get","point_overlay","getOverlayById","ele","document","createElement","className","Overlay","id","element","positioning","stopEvent","pointOverlay","addOverlay","setPosition","getFlatCoordinates","field","fieldName","filterField","newFeature","find","selectFeature","getView","setSelectFeature","message","warning","highStyle","Style","image","CircleStyle","radius","fill","Fill","color","stroke","Stroke","width","opacity","VectorSource","VectorLayer","zIndex","style","parmas","addLayer","clear","removeOverlay","destroy","removeLayer"],"sources":["tools/Utils/HighLayer.js"],"sourcesContent":["/**\n *  图层高亮操作\n */\nimport { message } from 'antd';\nimport { Vector as VectorSource } from 'ol/source';\nimport { Vector as VectorLayer } from 'ol/layer';\nimport { Style, Stroke, Circle as CircleStyle } from 'ol/style';\nimport Fill from '../../renderer/Fill';\nimport { Overlay } from 'ol';\nimport FeatureLayer from '../../feature-layer/FeatureLayer';\nimport { isEmpty } from 'lodash';\n\nexport default class Highlight {\n    constructor(options) {\n        this.highStyle = new Style({\n            // 高亮样式\n            image: new CircleStyle({\n                radius: 7,\n                fill: new Fill({\n                    color: '#ff4d4f',\n                }),\n                stroke: new Stroke({\n                    color: '#FFFFFF',\n                    width: 2,\n                }),\n            }),\n            fill: new Fill({\n                color: '#ff4d4f',\n                opacity: 0.5,\n            }),\n            stroke: new Stroke({\n                color: '#ff4d4f',\n                width: 5,\n            }),\n        });\n        this.map = options.map;\n        this.feature = options.feature;\n        this.selectFeature = null;\n        this.pointOverlay = null;\n\n        this.source = new VectorSource();\n        this.layer = new VectorLayer({\n            source: this.source,\n            zIndex: 999,\n            style: this.highStyle,\n            ...(options.parmas || {}),\n        });\n        this.layer.key = 'Highlight';\n        this.map.addLayer(this.layer);\n\n        this.markerLayer = new FeatureLayer({\n            key: 'Highlight',\n            zIndex: Infinity,\n        });\n        this.map.addLayer(this.markerLayer);\n    }\n\n    // 高亮图层增加feature\n    addHighlightFeature = (feature, options) => {\n        this.feature = feature;\n        this.clearSelectFeature();\n        this.clearFeatures();\n\n        if (isEmpty(feature)) return;\n        // 数组高亮的话， 就是默认的红色高亮\n        if (Array.isArray(feature)) {\n            feature.map(v => {\n                this.addFeature(v, true);\n            });\n        } else {\n            this.addFeature(feature);\n        }\n\n        if (!options || options?.autoView) {\n            this.map.fitView(feature, options || {});\n        }\n\n        // this.map.getView().fit(feature.values_.geometry.getExtent(), {\n        //   maxZoom: 18,\n        //   duration: 500,\n        // });\n    };\n\n    addFeature = (_feature, flag) => {\n        const feature = _feature.clone();\n        feature.isHighLight = true;\n        let geometry = feature?.getGeometry();\n        let type = geometry?.getType();\n        if (type === 'Point' && geometry && !flag) {\n            this.addPointHighlight(feature);\n\n            const layer = this.map.getLayerByFeature(_feature);\n            if (layer && layer instanceof FeatureLayer) {\n                this.markerLayer._options = layer._options;\n                for (let i in layer._options) {\n                    this.markerLayer[i] = layer._options[i];\n                }\n                feature.key = layer.key;\n                this.markerLayer.cluster = false;\n                this.markerLayer.key = 'Highlight';\n                this.markerLayer.setZIndex(Infinity);\n\n                this.markerLayer.getSource().addFeature(feature);\n                this.markerLayer.setStyle(this.markerLayer.getStyleByMode());\n            }\n        } else {\n            this.source.addFeature(feature);\n        }\n    };\n\n    // 点位高亮-扩散\n    addPointHighlight = feature => {\n        let _id = feature.get('id') || 'point_animation';\n        this.clearFeatures();\n        let point_overlay = this.map.getOverlayById(_id);\n\n        if (feature) {\n            let geometry = feature?.getGeometry();\n            let type = geometry?.getType();\n            if (type === 'Point' && geometry) {\n                let ele = document.createElement('div');\n                ele.className = 'ol-map-point_animation';\n\n                if (!point_overlay) {\n                    point_overlay = new Overlay({\n                        id: _id,\n                        element: ele,\n                        positioning: 'center-center',\n                        stopEvent: true,\n                        className: 'ol-overlay_container-stop_event',\n                    });\n\n                    this.pointOverlay = point_overlay;\n                }\n                this.map.addOverlay(point_overlay);\n                point_overlay.setPosition(geometry.getFlatCoordinates());\n            }\n        }\n    };\n\n    setCenter = (field, fieldName) => {\n        let filterField = fieldName || 'code';\n        this.clearSelectFeature();\n        let newFeature;\n        if (this.feature && Array.isArray(this.feature)) {\n            newFeature = this.feature.find(v => {\n                return v.get(filterField) === field;\n            });\n        } else if (this.feature && this.feature.get(filterField) === field) {\n            newFeature = this.feature;\n        }\n        this.selectFeature = newFeature;\n        if (newFeature) {\n            newFeature.setStyle();\n            this.map.getView(newFeature);\n\n            this.setSelectFeature(newFeature);\n        } else {\n            message.warning('地图上未查询到该数据，请检查是否配置坐标信息！');\n        }\n    };\n\n    clearSelectFeature() {\n        if (this.selectFeature) {\n            this.selectFeature.setStyle();\n            this.selectFeature = null;\n        }\n    }\n\n    clearFeatures() {\n        this.markerLayer && this.markerLayer.getSource().clear();\n        this.source && this.source.clear();\n        this.pointOverlay && this.map.removeOverlay(this.pointOverlay);\n    }\n\n    setSelectFeature(feature) {\n        if (feature) {\n            this.selectFeature = feature;\n            this.selectFeature.setStyle(\n                new Style({\n                    image: new CircleStyle({\n                        radius: 7,\n                        fill: new Fill({\n                            color: '#2491fc',\n                        }),\n                        stroke: new Stroke({\n                            color: '#FFFFFF',\n                            width: 2,\n                        }),\n                    }),\n                    fill: new Fill({\n                        color: '#2491fc',\n                    }),\n                    stroke: new Stroke({\n                        color: '#2491fc',\n                        width: 4,\n                    }),\n                }),\n            );\n        }\n    }\n\n    destroy() {\n        this.map.removeLayer(this.layer);\n    }\n}\n"],"mappings":"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","ignoreList":[]}

package/lib/tools/Utils/measure.js

@@ -1,246 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-var _ol = require("ol");
-var _layer = require("ol/layer");
-var _source = require("ol/source");
-var _interaction = require("ol/interaction");
-var _Draw = require("ol/interaction/Draw");
-var _sphere = require("ol/sphere");
-var _Observable = require("ol/Observable");
-var _style = require("ol/style");
-function _toConsumableArray(r) { return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread(); }
-function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
-function _iterableToArray(r) { if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r); }
-function _arrayWithoutHoles(r) { if (Array.isArray(r)) return _arrayLikeToArray(r); }
-function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
-var source, vector, measureTooltip;
-var measureTooltipElement, draw, sketch;
-function Measure(props) {
-  var map = props.map;
-  var sourceProj = map.getView().getProjection();
-  var doubleClickZoom = map.getInteractions().getArray().find(function (interaction) {
-    return interaction instanceof _interaction.DoubleClickZoom;
-  });
-  source = new _source.Vector();
-  function resetLayer() {
-    vector && map.removeLayer(vector);
-    vector = new _layer.Vector({
-      source: source,
-      style: new _style.Style({
-        fill: new _style.Fill({
-          color: 'rgba(255,255,255,0.2)'
-        }),
-        stroke: new _style.Stroke({
-          color: '#ffcc33',
-          width: 3
-        }),
-        image: new _style.Circle({
-          radius: 7,
-          fill: new _style.Fill({
-            color: '#ffcc33'
-          })
-        })
-      })
-    });
-    map.addLayer(vector);
-  }
-
-  // 生成面积或长度tooltip
-  function createMeasureTooltip() {
-    if (measureTooltip) {
-      map.removeOverlay(measureTooltip);
-    }
-    if (measureTooltipElement) {
-      measureTooltipElement.parentNode.removeChild(measureTooltipElement);
-    }
-    measureTooltipElement = document.createElement('div');
-    measureTooltipElement.className = 'ol-tooltip ol-tooltip-measure';
-    measureTooltip = new _ol.Overlay({
-      element: measureTooltipElement,
-      offset: [0, -15],
-      positioning: 'bottom-center',
-      stopEvent: false,
-      insertFirst: false
-    });
-    map.addOverlay(measureTooltip);
-  }
-
-  // 获取面积
-  function formatArea(polygon) {
-    var area = (0, _sphere.getArea)(polygon, {
-      projection: sourceProj
-    });
-    var output;
-    if (area > 10000) {
-      output = "".concat(Math.round(area / 1000000 * 100) / 100, " km<sup>2</sup>");
-    } else {
-      output = "".concat(Math.round(area * 100) / 100, " m<sup>2</sup>");
-    }
-    return output;
-  }
-
-  // 获取长度
-  function formatLength(line) {
-    var length = (0, _sphere.getLength)(line, {
-      projection: sourceProj
-    });
-    var output;
-    if (length > 100) {
-      output = "".concat(Math.round(length / 1000 * 100) / 100, " km");
-    } else {
-      output = "".concat(Math.round(length * 100) / 100, " m");
-    }
-    return output;
-  }
-
-  // 测量
-  function addInteraction() {
-    var type = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'point';
-    draw = new _interaction.Draw({
-      source: source,
-      type: type,
-      style: new _style.Style({
-        fill: new _style.Fill({
-          color: 'rgba(255,255,255,0.2)'
-        }),
-        stroke: new _style.Stroke({
-          color: 'rgba(0,0,0,0.5)',
-          lineDash: [10, 10],
-          width: 2
-        }),
-        image: new _style.Circle({
-          radius: 5,
-          stroke: new _style.Stroke({
-            color: 'rgba(0,0,0,0.7)'
-          }),
-          fill: new _style.Fill({
-            color: 'rgba(255,255,255,0.2)'
-          })
-        })
-      })
-    });
-    map.addInteraction(draw);
-    createMeasureTooltip();
-    var listener;
-    draw.on('drawstart', function (evt) {
-      map.removeInteraction(doubleClickZoom);
-      sketch = evt.feature;
-      var tooltipCoord = evt.coordinate;
-      listener = sketch.getGeometry().on('change', function (evt) {
-        var geom = evt.target;
-        var output;
-        if (type === 'Polygon') {
-          output = formatArea(geom);
-          tooltipCoord = geom.getInteriorPoint().getCoordinates();
-        } else if (type === 'LineString') {
-          output = formatLength(geom);
-          tooltipCoord = geom.getLastCoordinate();
-        }
-        measureTooltipElement.innerHTML = output;
-        measureTooltip.setPosition(tooltipCoord);
-      });
-    });
-    draw.on('drawend', function () {
-      measureTooltipElement.className = 'ol-tooltip ol-tooltip-static';
-      measureTooltip.setOffset([0, -7]);
-      sketch = null;
-      measureTooltipElement = null;
-      (0, _Observable.unByKey)(listener);
-      map.removeInteraction(draw);
-      setTimeout(function () {
-        map.addInteraction(doubleClickZoom);
-      });
-    });
-  }
-
-  // 框选 临时添加需优化
-  function addFrameInteraction(callback) {
-    draw = new _interaction.Draw({
-      source: source,
-      type: 'Circle',
-      style: new _style.Style({
-        fill: new _style.Fill({
-          color: 'rgba(255,255,255,0.2)'
-        }),
-        stroke: new _style.Stroke({
-          color: 'rgba(0,0,0,0.5)',
-          lineDash: [10, 10],
-          width: 2
-        }),
-        image: new _style.Circle({
-          radius: 5,
-          stroke: new _style.Stroke({
-            color: 'rgba(0,0,0,0.7)'
-          }),
-          fill: new _style.Fill({
-            color: 'rgba(255,255,255,0.2)'
-          })
-        })
-      }),
-      geometryFunction: (0, _Draw.createBox)()
-    });
-    map.addInteraction(draw);
-    draw.on('drawend', function (evt) {
-      var polygon = evt.feature.getGeometry();
-      setTimeout(function () {
-        var features = [];
-        var extent = polygon.getExtent();
-        var layers = map.getLayers(); // 获取所有图层
-        var allLayers = layers.getArray();
-        allLayers.map(function (item) {
-          var name = item.get('name');
-          // 过滤地图及标注
-          if (name !== 'baseMap') {
-            var feature = item.getSource().getFeaturesInExtent(extent);
-            if (feature && feature.length) {
-              features = [].concat(_toConsumableArray(features), _toConsumableArray(feature));
-            }
-          }
-        });
-        features.length = features.length - 1;
-        map.removeInteraction(draw);
-        callback && callback(features);
-      });
-    });
-  }
-
-  // 测距
-  function measureLen() {
-    map.removeInteraction(draw);
-    resetLayer();
-    addInteraction('LineString');
-  }
-
-  // 测面
-  function measureArea() {
-    map.removeInteraction(draw);
-    resetLayer();
-    addInteraction('Polygon');
-  }
-
-  // 框选
-  function frameSelect(callback) {
-    map.removeInteraction(draw);
-    resetLayer();
-    addFrameInteraction(callback);
-  }
-
-  // 清除绘制
-  function clear() {
-    map.removeInteraction(draw);
-    resetLayer();
-  }
-  return {
-    measureArea: measureArea,
-    measureLen: measureLen,
-    frameSelect: frameSelect,
-    clear: clear
-  };
-}
-var _default = exports["default"] = Measure;
-//# sourceMappingURL=measure.js.map

package/lib/tools/Utils/measure.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"measure.js","names":["_ol","require","_layer","_source","_interaction","_Draw","_sphere","_Observable","_style","_toConsumableArray","r","_arrayWithoutHoles","_iterableToArray","_unsupportedIterableToArray","_nonIterableSpread","TypeError","a","_arrayLikeToArray","t","toString","call","slice","constructor","name","Array","from","test","Symbol","iterator","isArray","length","e","n","source","vector","measureTooltip","measureTooltipElement","draw","sketch","Measure","props","map","sourceProj","getView","getProjection","doubleClickZoom","getInteractions","getArray","find","interaction","DoubleClickZoom","VectorSource","resetLayer","removeLayer","VectorLayer","style","Style","fill","Fill","color","stroke","Stroke","width","image","CircleStyle","radius","addLayer","createMeasureTooltip","removeOverlay","parentNode","removeChild","document","createElement","className","Overlay","element","offset","positioning","stopEvent","insertFirst","addOverlay","formatArea","polygon","area","getArea","projection","output","concat","Math","round","formatLength","line","getLength","addInteraction","type","arguments","undefined","Draw","lineDash","listener","on","evt","removeInteraction","feature","tooltipCoord","coordinate","getGeometry","geom","target","getInteriorPoint","getCoordinates","getLastCoordinate","innerHTML","setPosition","setOffset","unByKey","setTimeout","addFrameInteraction","callback","geometryFunction","createBox","features","extent","getExtent","layers","getLayers","allLayers","item","get","getSource","getFeaturesInExtent","measureLen","measureArea","frameSelect","clear","_default","exports"],"sources":["tools/Utils/measure.js"],"sourcesContent":["import { Overlay } from 'ol';\r\nimport { Vector as VectorLayer } from 'ol/layer';\r\nimport { Vector as VectorSource } from 'ol/source';\r\nimport { Draw, DoubleClickZoom } from 'ol/interaction';\r\nimport { createBox } from 'ol/interaction/Draw';\r\nimport { getArea, getLength } from 'ol/sphere';\r\nimport { unByKey } from 'ol/Observable';\r\nimport { Circle as CircleStyle, Fill, Stroke, Style } from 'ol/style';\r\n\r\nlet source, vector, measureTooltip;\r\nlet measureTooltipElement, draw, sketch;\r\nfunction Measure(props) {\r\n    let { map } = props;\r\n    let sourceProj = map.getView().getProjection();\r\n    let doubleClickZoom = map\r\n        .getInteractions()\r\n        .getArray()\r\n        .find(interaction => {\r\n            return interaction instanceof DoubleClickZoom;\r\n        });\r\n    source = new VectorSource();\r\n    function resetLayer() {\r\n        vector && map.removeLayer(vector);\r\n        vector = new VectorLayer({\r\n            source,\r\n            style: new Style({\r\n                fill: new Fill({\r\n                    color: 'rgba(255,255,255,0.2)',\r\n                }),\r\n                stroke: new Stroke({\r\n                    color: '#ffcc33',\r\n                    width: 3,\r\n                }),\r\n                image: new CircleStyle({\r\n                    radius: 7,\r\n                    fill: new Fill({\r\n                        color: '#ffcc33',\r\n                    }),\r\n                }),\r\n            }),\r\n        });\r\n        map.addLayer(vector);\r\n    }\r\n\r\n    // 生成面积或长度tooltip\r\n    function createMeasureTooltip() {\r\n        if (measureTooltip) {\r\n            map.removeOverlay(measureTooltip);\r\n        }\r\n        if (measureTooltipElement) {\r\n            measureTooltipElement.parentNode.removeChild(measureTooltipElement);\r\n        }\r\n        measureTooltipElement = document.createElement('div');\r\n        measureTooltipElement.className = 'ol-tooltip ol-tooltip-measure';\r\n        measureTooltip = new Overlay({\r\n            element: measureTooltipElement,\r\n            offset: [0, -15],\r\n            positioning: 'bottom-center',\r\n            stopEvent: false,\r\n            insertFirst: false,\r\n        });\r\n        map.addOverlay(measureTooltip);\r\n    }\r\n\r\n    // 获取面积\r\n    function formatArea(polygon) {\r\n        const area = getArea(polygon, { projection: sourceProj });\r\n        let output;\r\n        if (area > 10000) {\r\n            output = `${Math.round((area / 1000000) * 100) / 100} km<sup>2</sup>`;\r\n        } else {\r\n            output = `${Math.round(area * 100) / 100} m<sup>2</sup>`;\r\n        }\r\n        return output;\r\n    }\r\n\r\n    // 获取长度\r\n    function formatLength(line) {\r\n        const length = getLength(line, { projection: sourceProj });\r\n        let output;\r\n        if (length > 100) {\r\n            output = `${Math.round((length / 1000) * 100) / 100} km`;\r\n        } else {\r\n            output = `${Math.round(length * 100) / 100} m`;\r\n        }\r\n        return output;\r\n    }\r\n\r\n    // 测量\r\n    function addInteraction(type = 'point') {\r\n        draw = new Draw({\r\n            source,\r\n            type,\r\n            style: new Style({\r\n                fill: new Fill({\r\n                    color: 'rgba(255,255,255,0.2)',\r\n                }),\r\n                stroke: new Stroke({\r\n                    color: 'rgba(0,0,0,0.5)',\r\n                    lineDash: [10, 10],\r\n                    width: 2,\r\n                }),\r\n                image: new CircleStyle({\r\n                    radius: 5,\r\n                    stroke: new Stroke({\r\n                        color: 'rgba(0,0,0,0.7)',\r\n                    }),\r\n                    fill: new Fill({\r\n                        color: 'rgba(255,255,255,0.2)',\r\n                    }),\r\n                }),\r\n            }),\r\n        });\r\n        map.addInteraction(draw);\r\n        createMeasureTooltip();\r\n\r\n        let listener;\r\n        draw.on('drawstart', function(evt) {\r\n            map.removeInteraction(doubleClickZoom);\r\n            sketch = evt.feature;\r\n            let tooltipCoord = evt.coordinate;\r\n            listener = sketch.getGeometry().on('change', function(evt) {\r\n                const geom = evt.target;\r\n                let output;\r\n                if (type === 'Polygon') {\r\n                    output = formatArea(geom);\r\n                    tooltipCoord = geom.getInteriorPoint().getCoordinates();\r\n                } else if (type === 'LineString') {\r\n                    output = formatLength(geom);\r\n                    tooltipCoord = geom.getLastCoordinate();\r\n                }\r\n                measureTooltipElement.innerHTML = output;\r\n                measureTooltip.setPosition(tooltipCoord);\r\n            });\r\n        });\r\n        draw.on('drawend', function() {\r\n            measureTooltipElement.className = 'ol-tooltip ol-tooltip-static';\r\n            measureTooltip.setOffset([0, -7]);\r\n            sketch = null;\r\n            measureTooltipElement = null;\r\n            unByKey(listener);\r\n            map.removeInteraction(draw);\r\n            setTimeout(() => {\r\n                map.addInteraction(doubleClickZoom);\r\n            });\r\n        });\r\n    }\r\n\r\n    // 框选 临时添加需优化\r\n    function addFrameInteraction(callback) {\r\n        draw = new Draw({\r\n            source,\r\n            type: 'Circle',\r\n            style: new Style({\r\n                fill: new Fill({\r\n                    color: 'rgba(255,255,255,0.2)',\r\n                }),\r\n                stroke: new Stroke({\r\n                    color: 'rgba(0,0,0,0.5)',\r\n                    lineDash: [10, 10],\r\n                    width: 2,\r\n                }),\r\n                image: new CircleStyle({\r\n                    radius: 5,\r\n                    stroke: new Stroke({\r\n                        color: 'rgba(0,0,0,0.7)',\r\n                    }),\r\n                    fill: new Fill({\r\n                        color: 'rgba(255,255,255,0.2)',\r\n                    }),\r\n                }),\r\n            }),\r\n            geometryFunction: createBox(),\r\n        });\r\n        map.addInteraction(draw);\r\n        draw.on('drawend', function(evt) {\r\n            let polygon = evt.feature.getGeometry();\r\n            setTimeout(() => {\r\n                let features = [];\r\n                let extent = polygon.getExtent();\r\n                let layers = map.getLayers(); // 获取所有图层\r\n                let allLayers = layers.getArray();\r\n                allLayers.map(item => {\r\n                    let name = item.get('name');\r\n                    // 过滤地图及标注\r\n                    if (name !== 'baseMap') {\r\n                        let feature = item.getSource().getFeaturesInExtent(extent);\r\n                        if (feature && feature.length) {\r\n                            features = [...features, ...feature];\r\n                        }\r\n                    }\r\n                });\r\n                features.length = features.length - 1;\r\n                map.removeInteraction(draw);\r\n                callback && callback(features);\r\n            });\r\n        });\r\n    }\r\n\r\n    // 测距\r\n    function measureLen() {\r\n        map.removeInteraction(draw);\r\n        resetLayer();\r\n        addInteraction('LineString');\r\n    }\r\n\r\n    // 测面\r\n    function measureArea() {\r\n        map.removeInteraction(draw);\r\n        resetLayer();\r\n        addInteraction('Polygon');\r\n    }\r\n\r\n    // 框选\r\n    function frameSelect(callback) {\r\n        map.removeInteraction(draw);\r\n        resetLayer();\r\n        addFrameInteraction(callback);\r\n    }\r\n\r\n    // 清除绘制\r\n    function clear() {\r\n        map.removeInteraction(draw);\r\n        resetLayer();\r\n    }\r\n\r\n    return { measureArea, measureLen, frameSelect, clear };\r\n}\r\n\r\nexport default Measure;\r\n"],"mappings":"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","ignoreList":[]}