xy-map 1.1.35 → 1.1.37

package/xy-map.umd.js

@@ -255,7 +255,7 @@ ___CSS_LOADER_EXPORT___.push([module.id, ".snow[data-v-20664206]{position:absolu
 
 /***/ }),
 
-/***/ 9399:
+/***/ 4492:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -269,7 +269,7 @@ __webpack_require__.r(__webpack_exports__);
 
 var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default()));
 // Module
-___CSS_LOADER_EXPORT___.push([module.id, ".tools[data-v-551ff8b1]{position:absolute;left:0;top:0;margin:15px;background-color:hsla(0,0%,100%,.9);padding:14px;border-radius:5px}.tools .tools-bar[data-v-551ff8b1]{cursor:pointer}.right-fixed[data-v-551ff8b1]{position:absolute;right:0;top:0;margin:15px}", ""]);
+___CSS_LOADER_EXPORT___.push([module.id, ".tools[data-v-4ba1db1c]{position:absolute;left:0;top:0;margin:15px;background-color:hsla(0,0%,100%,.9);padding:14px;border-radius:5px}.tools .tools-bar[data-v-4ba1db1c]{cursor:pointer}.right-fixed[data-v-4ba1db1c]{position:absolute;right:0;top:0;margin:15px}", ""]);
 // Exports
 /* harmony default export */ __webpack_exports__["default"] = (___CSS_LOADER_EXPORT___);
 
@@ -297,7 +297,7 @@ ___CSS_LOADER_EXPORT___.push([module.id, ".upload[data-v-57aca7b6]{position:rela
 
 /***/ }),
 
-/***/ 769:
+/***/ 1235:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -311,7 +311,7 @@ __webpack_require__.r(__webpack_exports__);
 
 var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default()));
 // Module
-___CSS_LOADER_EXPORT___.push([module.id, ".upload[data-v-3bd5e448]{position:relative}.upload input[data-v-3bd5e448]{position:absolute;width:100%;height:100%;left:0;top:0;opacity:0}", ""]);
+___CSS_LOADER_EXPORT___.push([module.id, ".upload[data-v-3b26555c]{position:relative}.upload input[data-v-3b26555c]{position:absolute;width:100%;height:100%;left:0;top:0;opacity:0}", ""]);
 // Exports
 /* harmony default export */ __webpack_exports__["default"] = (___CSS_LOADER_EXPORT___);
 
@@ -42938,19 +42938,19 @@ var update = add("33a2ac54", content, true, {"sourceMap":false,"shadowMode":fals
 
 /***/ }),
 
-/***/ 1753:
+/***/ 9521:
 /***/ (function(module, __unused_webpack_exports, __webpack_require__) {
 
 // style-loader: Adds some css to the DOM by adding a <style> tag
 
 // load the styles
-var content = __webpack_require__(9399);
+var content = __webpack_require__(4492);
 if(content.__esModule) content = content.default;
 if(typeof content === 'string') content = [[module.id, content, '']];
 if(content.locals) module.exports = content.locals;
 // add the styles to the DOM
 var add = (__webpack_require__(208)/* ["default"] */ .Z)
-var update = add("10b97c9c", content, true, {"sourceMap":false,"shadowMode":false});
+var update = add("343c43da", content, true, {"sourceMap":false,"shadowMode":false});
 
 /***/ }),
 
@@ -42970,19 +42970,19 @@ var update = add("2348509c", content, true, {"sourceMap":false,"shadowMode":fals
 
 /***/ }),
 
-/***/ 5872:
+/***/ 3740:
 /***/ (function(module, __unused_webpack_exports, __webpack_require__) {
 
 // style-loader: Adds some css to the DOM by adding a <style> tag
 
 // load the styles
-var content = __webpack_require__(769);
+var content = __webpack_require__(1235);
 if(content.__esModule) content = content.default;
 if(typeof content === 'string') content = [[module.id, content, '']];
 if(content.locals) module.exports = content.locals;
 // add the styles to the DOM
 var add = (__webpack_require__(208)/* ["default"] */ .Z)
-var update = add("57b83b1f", content, true, {"sourceMap":false,"shadowMode":false});
+var update = add("dfa8ba9e", content, true, {"sourceMap":false,"shadowMode":false});
 
 /***/ }),
 
@@ -43715,6 +43715,24 @@ __webpack_require__.d(__webpack_exports__, {
   "shpFile": function() { return /* reexport */ shpFile; }
 });
 
+// NAMESPACE OBJECT: ./src/package/util/mapTools.js
+var mapTools_namespaceObject = {};
+__webpack_require__.r(mapTools_namespaceObject);
+__webpack_require__.d(mapTools_namespaceObject, {
+  "YK": function() { return clearDraw; },
+  "TE": function() { return mapTools_distance; },
+  "N5": function() { return drawArea; },
+  "tL": function() { return geometryCollectionToFeatureCollection; },
+  "yQ": function() { return getElevation; },
+  "yJ": function() { return lineCenter; },
+  "po": function() { return loadImage; },
+  "bZ": function() { return pointToGeoJson; },
+  "j_": function() { return polygonCenter; },
+  "Do": function() { return ranging; },
+  "b4": function() { return spArray; },
+  "rg": function() { return toGeoJson; }
+});
+
 // NAMESPACE OBJECT: ./node_modules/@loaders.gl/gltf/dist/esm/lib/extensions/EXT_meshopt_compression.js
 var EXT_meshopt_compression_namespaceObject = {};
 __webpack_require__.r(EXT_meshopt_compression_namespaceObject);
@@ -43847,7 +43865,130 @@ var style_map = __webpack_require__(4321);
 // EXTERNAL MODULE: ./node_modules/html2canvas/dist/html2canvas.js
 var html2canvas = __webpack_require__(5507);
 var html2canvas_default = /*#__PURE__*/__webpack_require__.n(html2canvas);
+;// CONCATENATED MODULE: ./src/package/layers/index.js
+// import mapBoxGl from 'mapbox-gl'
+
+
+// 更新数据
+const setSource = (id, data) => {
+  let {
+    map
+  } = package_map;
+  let hasSource = map.getSource(id);
+  if (hasSource) {
+    map.getSource(id).setData(data);
+  }
+};
+// 判断图层是否存在
+const hasLayer = id => {
+  let {
+    map
+  } = package_map;
+  return map.getLayer(id);
+};
+
+// 判断数据是否存在
+const hasSource = id => {
+  let {
+    map
+  } = package_map;
+  return map.getSource(id);
+};
+
+// 删除图层
+const removeLayer = id => {
+  let {
+    map
+  } = package_map;
+  map.removeLayer(id);
+  let arr = getLayerAll();
+  let layers = arr.filter(item => item.id.includes(id + '-'));
+  layers.forEach(item => {
+    if (hasLayer(item.id)) {
+      map.removeLayer(item.id);
+    }
+  });
+};
+
+/**
+ * 获取所有图层
+ */
+const getLayerAll = () => {
+  let {
+    map
+  } = package_map;
+  let data = map.getStyle().layers;
+  // console.log(data)
+  return data;
+};
+
+// 显示隐藏图层
+const showLayer = (id, show = false) => {
+  let {
+    map
+  } = package_map;
+  show = show ? 'visible' : 'none';
+  map.setLayoutProperty(id, 'visibility', show);
+  let arr = getLayerAll();
+  let layers = arr.filter(item => item.id.includes(id + '-'));
+  layers.forEach(item => {
+    if (hasLayer(item.id)) {
+      map.setLayoutProperty(item.id, 'visibility', show);
+    }
+  });
+};
+
+// 显隐文字
+const showLayerText = (show, id = '') => {
+  let {
+    map
+  } = package_map;
+  if (id) {
+    setPaint(id, 'text-opacity', show ? 1 : 0);
+  } else {
+    let textLayer = map.getStyle().layers;
+    textLayer.forEach(layer => {
+      if (layer.type === 'symbol') {
+        setPaint(layer.id, 'text-opacity', show ? 1 : 0);
+      }
+    });
+  }
+};
+
+// 修改Layout
+const setLayout = (id, key, value) => {
+  let {
+    map
+  } = package_map;
+  map.setLayoutProperty(id, key, value);
+};
+
+// 修改Paint
+const setPaint = (id, key, value) => {
+  let {
+    map
+  } = package_map;
+  map.setPaintProperty(id, key, value);
+};
+
+// 修改Filter
+const setFilter = (key, filter) => {
+  let {
+    map
+  } = package_map;
+  map.setFilter(key, filter);
+};
+
+// 设置高亮
+const setHigh = (id, filter) => {
+  let {
+    map
+  } = package_map;
+  map.setFilter(id + '-high', filter);
+};
 ;// CONCATENATED MODULE: ./src/package/map.js
+// 天地图token
+const tdtToken = (/* unused pure expression or super */ null && (['150bad890e9d004885a4b2a94062a46e', '337996a733e1ea41cd73124f67f4795d', '48282c15cce091a1154a674512372eec', 'f3c2ca3a170f5712abd7b6858e038f18']));
 var defaultOptions = {
   container: 'map',
   zoom: 12,
@@ -43892,7 +44033,7 @@ var defaultOptions = {
         // 'https://services.arcgisonline.com/ArcGIS/rest/services/World_Imagery/MapServer/tile/{z}/{y}/{x}', // ArcGIS
         // 'https://webst02.is.autonavi.com/appmaptile?style=6&x={x}&y={y}&z={z}', // 高德
         // 'https://map.ynmdgq.com/{z}/{x}/{y}.png' // 本地
-        // 'http://t7.tianditu.gov.cn/img_w/wmts?SERVICE=WMTS&REQUEST=GetTile&VERSION=1.0.0&LAYER=img&STYLE=default&TILEMATRIXSET=w&FORMAT=tiles&TILEMATRIX={z}&TILEROW={y}&TILECOL={x}&tk=f3c2ca3a170f5712abd7b6858e038f18', // 天地图
+        // 'http://t7.tianditu.gov.cn/img_w/wmts?SERVICE=WMTS&REQUEST=GetTile&VERSION=1.0.0&LAYER=img&STYLE=default&TILEMATRIXSET=w&FORMAT=tiles&TILEMATRIX={z}&TILEROW={y}&TILECOL={x}&tk=' + tdtToken[Math.floor(Math.random() * tdtToken.length)], // 天地图
         ],
 
         'tileSize': 512
@@ -43924,6 +44065,7 @@ var defaultOptions = {
 
 
 
+
 // import { Message } from 'element-ui'
 
 var popup = null;
@@ -44065,6 +44207,7 @@ class mapSdk {
         'star-intensity': 0.1
       });
     } else {
+      if (hasLayer('sky')) return;
       // 天空
       map.addLayer({
         'id': 'sky',
@@ -44374,127 +44517,6 @@ class mapSdk {
   }
 }
 /* harmony default export */ var package_map = (new mapSdk());
-;// CONCATENATED MODULE: ./src/package/layers/index.js
-// import mapBoxGl from 'mapbox-gl'
-
-
-// 更新数据
-const setSource = (id, data) => {
-  let {
-    map
-  } = package_map;
-  let hasSource = map.getSource(id);
-  if (hasSource) {
-    map.getSource(id).setData(data);
-  }
-};
-// 判断图层是否存在
-const hasLayer = id => {
-  let {
-    map
-  } = package_map;
-  return map.getLayer(id);
-};
-
-// 判断数据是否存在
-const hasSource = id => {
-  let {
-    map
-  } = package_map;
-  return map.getSource(id);
-};
-
-// 删除图层
-const removeLayer = id => {
-  let {
-    map
-  } = package_map;
-  map.removeLayer(id);
-  let arr = getLayerAll();
-  let layers = arr.filter(item => item.id.includes(id + '-'));
-  layers.forEach(item => {
-    if (hasLayer(item.id)) {
-      map.removeLayer(item.id);
-    }
-  });
-};
-
-/**
- * 获取所有图层
- */
-const getLayerAll = () => {
-  let {
-    map
-  } = package_map;
-  let data = map.getStyle().layers;
-  // console.log(data)
-  return data;
-};
-
-// 显示隐藏图层
-const showLayer = (id, show = false) => {
-  let {
-    map
-  } = package_map;
-  show = show ? 'visible' : 'none';
-  map.setLayoutProperty(id, 'visibility', show);
-  let arr = getLayerAll();
-  let layers = arr.filter(item => item.id.includes(id + '-'));
-  layers.forEach(item => {
-    if (hasLayer(item.id)) {
-      map.setLayoutProperty(item.id, 'visibility', show);
-    }
-  });
-};
-
-// 显隐文字
-const showLayerText = (show, id = '') => {
-  let {
-    map
-  } = package_map;
-  if (id) {
-    setPaint(id, 'text-opacity', show ? 1 : 0);
-  } else {
-    let textLayer = map.getStyle().layers;
-    textLayer.forEach(layer => {
-      if (layer.type === 'symbol') {
-        setPaint(layer.id, 'text-opacity', show ? 1 : 0);
-      }
-    });
-  }
-};
-
-// 修改Layout
-const setLayout = (id, key, value) => {
-  let {
-    map
-  } = package_map;
-  map.setLayoutProperty(id, key, value);
-};
-
-// 修改Paint
-const setPaint = (id, key, value) => {
-  let {
-    map
-  } = package_map;
-  map.setPaintProperty(id, key, value);
-};
-
-// 修改Filter
-const setFilter = (key, filter) => {
-  let {
-    map
-  } = package_map;
-  map.setFilter(key, filter);
-};
-
-// 设置高亮
-const setHigh = (id, filter) => {
-  let {
-    map
-  } = package_map;
-  map.setFilter(id + '-high', filter);
-};
 ;// CONCATENATED MODULE: ./src/package/layers/Text.js
 
 
@@ -66819,8 +66841,8 @@ const Line_defaultOptions = {
   click: null
 };
 
-/**
- * 添加线图层
+/**
+ * 添加线图层
  */
 const addLayerLine = (option, layerId) => {
   let {
@@ -66889,9 +66911,9 @@ const addLayerLine = (option, layerId) => {
   }
 };
 
-/**
- * 添加动画线图层
- * addLayerLine配置图层
+/**
+ * 添加动画线图层
+ * addLayerLine配置图层
  */
 const addLayerLineAnimation = (option, layerId) => {
   let {
@@ -69782,9 +69804,9 @@ let after = null;
 let textColor = '#fff';
 let lineColor = '#f00';
 
-/**
- * 测距
- * @param mapObject
+/**
+ * 测距
+ * @param mapObject
  */
 function measureLineLength(mapObject) {
   const currentMapContainerId = mapObject._container.getAttribute('id');
@@ -69902,9 +69924,9 @@ function measureLineLength(mapObject) {
           deleteTips.remove();
         }
       });
-      /**
-       * 点击测距点位触发
-       * @param event
+      /**
+       * 点击测距点位触发
+       * @param event
        * */
       // eslint-disable-next-line no-undef,no-inner-declarations
       function clickMeasurePointsHandler(event) {
@@ -69988,8 +70010,8 @@ function measureLineLength(mapObject) {
   resultData.map.on('dblclick', dblclickHandler);
 }
 
-/**
- * 清除测距相关
+/**
+ * 清除测距相关
  */
 function clearMeasureLine(mapObject) {
   const resultData = getBeforeOrAfterDataByMapContainerIdHandler(mapObject);
@@ -70011,9 +70033,9 @@ function clearMeasureLine(mapObject) {
   }
 }
 
-/**
- * 创建label marker
- * @returns {*} 返回marker对象
+/**
+ * 创建label marker
+ * @returns {*} 返回marker对象
  */
 function createMeasurLineLabelMarkerHandler(mapObject) {
   const resultData = getBeforeOrAfterDataByMapContainerIdHandler(mapObject);
@@ -70036,11 +70058,11 @@ function createMeasurLineLabelMarkerHandler(mapObject) {
   };
 }
 
-/**
- * 创建测距需要的layers，points、line、measure-line-move
- * @param jsonPoint
- * @param jsonLine
- * @param mapObject
+/**
+ * 创建测距需要的layers，points、line、measure-line-move
+ * @param jsonPoint
+ * @param jsonLine
+ * @param mapObject
  */
 function createMeasureLinePLLHandler(jsonPoint, jsonLine, mapObject) {
   const resultData = getBeforeOrAfterDataByMapContainerIdHandler(mapObject);
@@ -70101,8 +70123,8 @@ function createMeasureLinePLLHandler(jsonPoint, jsonLine, mapObject) {
   moveLayerHandler(resultData.map);
 }
 
-/**
- * 将测距的三个图层移到最上层级
+/**
+ * 将测距的三个图层移到最上层级
  */
 function moveLayerHandler(mapObject) {
   const {
@@ -70120,12 +70142,12 @@ function moveLayerHandler(mapObject) {
   }
 }
 
-/**
- * 添加点位layer
- * @param jsonPoint
- * @param jsonLine
- * @param coords
- * @param mapObject
+/**
+ * 添加点位layer
+ * @param jsonPoint
+ * @param jsonLine
+ * @param coords
+ * @param mapObject
  */
 function addMeasureLinePoint(jsonPoint, jsonLine, coords, mapObject) {
   const {
@@ -70168,11 +70190,11 @@ function addMeasureLinePoint(jsonPoint, jsonLine, coords, mapObject) {
   map.getSource('measure-line-points').setData(jsonPoint);
 }
 
-/**
- * 获取两坐标点之间的距离
- * @param points
- * @param coords
- * @returns {string}
+/**
+ * 获取两坐标点之间的距离
+ * @param points
+ * @param coords
+ * @returns {string}
  */
 function getMeasureLineLength(points, coords) {
   const _points = points.concat([coords]);
@@ -70188,12 +70210,12 @@ function getMeasureLineLength(points, coords) {
   return len;
 }
 
-/**
- * 点击地图添加点位触发给当前点位绑定测距结果的labelMarker
- * @param points
- * @param jsonPoint
- * @param coords
- * @param mapObject
+/**
+ * 点击地图添加点位触发给当前点位绑定测距结果的labelMarker
+ * @param points
+ * @param jsonPoint
+ * @param coords
+ * @param mapObject
  * */
 function addMeasureLineRes(points, jsonPoint, coords, mapObject) {
   const {
@@ -70221,11 +70243,11 @@ function addMeasureLineRes(points, jsonPoint, coords, mapObject) {
   new (mapbox_gl_default()).Marker(option).setLngLat(coords).addTo(map);
 }
 
-/**
- * 点击测距点位重新触发计算两点位之间的距离
- * @param resultPoints
- * @param coords
- * @returns {string}
+/**
+ * 点击测距点位重新触发计算两点位之间的距离
+ * @param resultPoints
+ * @param coords
+ * @returns {string}
  */
 function getMetersHandler(resultPoints, coords) {
   if (resultPoints.length > 1) {
@@ -70243,13 +70265,13 @@ function getMetersHandler(resultPoints, coords) {
   }
 }
 
-/**
- * 获取两点位之间的角度
- * @param lng1
- * @param lat1
- * @param lng2
- * @param lat2
- * @returns {number}
+/**
+ * 获取两点位之间的角度
+ * @param lng1
+ * @param lat1
+ * @param lng2
+ * @param lat2
+ * @returns {number}
  */
 function getAngleHandle(lng1, lat1, lng2, lat2) {
   const a = (90 - lat2) * Math.PI / 180;
@@ -70280,11 +70302,11 @@ function getAngleHandle(lng1, lat1, lng2, lat2) {
   return res;
 }
 
-/**
- * 创建关闭按钮
- * @param clickMeasurePointsHandler
- * @param coords
- * @param mapObject
+/**
+ * 创建关闭按钮
+ * @param clickMeasurePointsHandler
+ * @param coords
+ * @param mapObject
  */
 function createCloseMarkerHandler(clickMeasurePointsHandler, coords, mapObject) {
   const resultData = getBeforeOrAfterDataByMapContainerIdHandler(mapObject);
@@ -70307,8 +70329,8 @@ function createCloseMarkerHandler(clickMeasurePointsHandler, coords, mapObject)
   };
 }
 
-/**
- * 关闭触发
+/**
+ * 关闭触发
  */
 function closeMeasureLine(mapObject) {
   if (!mapObject) return;
@@ -70601,20 +70623,19 @@ const pointToGeoJson = (position = [0, 0]) => {
   return data;
 };
 
-// arcGis坐标转geoJson
-const arcGisToGeoJson = Json => {
-  let data = {
-    type: 'FeatureCollection',
-    features: []
-  };
-  Json.geometries.forEach(item => {
-    data.features.push({
-      type: 'Feature',
-      geometry: item,
-      properties: {}
-    });
+// geoJson 格式 GeometryCollection 转 FeatureCollection
+const geometryCollectionToFeatureCollection = geometryCollection => {
+  const features = [];
+
+  // 遍历 GeometryCollection 中的每个几何对象
+  geometryCollection.geometries.forEach(geometry => {
+    const feature = es_feature(geometry);
+    features.push(feature);
   });
-  return data;
+
+  // 创建 FeatureCollection
+  const featureCollection = es_featureCollection(features);
+  return featureCollection;
 };
 
 // 3857墨卡托坐标系转换为4326 (WGS84)经纬度坐标
@@ -71282,8 +71303,8 @@ const Polygon_defaultOptions = {
   click: null
 };
 
-/**
- * 添加面图层
+/**
+ * 添加面图层
  */
 const addLayerPolygon = (option, layerId) => {
   let {
@@ -71385,8 +71406,8 @@ const circle_defaultOptions = {
   click: null
 };
 
-/**
- * 添加面图层
+/**
+ * 添加面图层
  */
 const addLayerCircle = (option, layerId) => {
   let {
@@ -71516,8 +71537,8 @@ const circleAnimate_defaultOptions = {
   click: null
 };
 
-/**
- * 添加圆图层
+/**
+ * 添加圆图层
  */
 const addCircleAnimate = (option, layerId) => {
   let {
@@ -77329,6 +77350,168 @@ const addLayerModel = (option, layerId = '') => {
     }
   });
 };
+;// CONCATENATED MODULE: ./src/package/layers/pipe.js
+
+
+
+
+
+
+
+
+
+
+const pipe_defaultOptions = {
+  id: 'pipe',
+  position: [103.353557, 23.362395],
+  // 位置
+  hight: 0,
+  // 高度
+  edit: false
+};
+
+/**
+ * 添加管道
+ */
+const addLayerPipe = (option, layerId = '') => {
+  return new Promise(resolve => {
+    let {
+      map
+    } = package_map;
+    let opt = Object.assign({}, pipe_defaultOptions, option);
+    let camera = '';
+    let scene = '';
+    let group = '';
+    let renderer = '';
+    let customLayer = '';
+    let pipeMesh = '';
+    if (hasLayer(opt.id)) {
+      removeLayer(opt.id);
+    }
+    addPipe();
+    map.addLayer(customLayer, layerId);
+    resolve(group);
+    function addPipe() {
+      const modelOrigin = opt.position; // 中心点
+      const modelAltitude = opt.elevation; // 海拔高度
+      const modelRotate = [Math.PI / 2, 0, 0];
+      const modelAsMercatorCoordinate = mapbox_gl_default().MercatorCoordinate.fromLngLat(modelOrigin, modelAltitude);
+      const modelTransform = {
+        translateX: modelAsMercatorCoordinate.x,
+        translateY: modelAsMercatorCoordinate.y,
+        translateZ: modelAsMercatorCoordinate.z,
+        rotateX: modelRotate[0],
+        rotateY: modelRotate[1],
+        rotateZ: modelRotate[2],
+        scale: modelAsMercatorCoordinate.meterInMercatorCoordinateUnits()
+      };
+
+      // 根据CustomLayerInterface为三维模型配置自定义层
+      customLayer = {
+        id: opt.id,
+        type: 'custom',
+        renderingMode: '3d',
+        onAdd: (map, gl) => {
+          const container = map.getCanvas();
+
+          // 摄像机
+          camera = new PerspectiveCamera(50, container.clientWidth / container.clientHeight, 1, 5000);
+
+          // 场景
+          scene = new Scene();
+          group = new Group();
+          group.name = 'pipe';
+          scene.add(group);
+
+          // 管道
+          let geometry = getPipeGeometry(modelAsMercatorCoordinate, opt);
+          const bottomMat = new MeshBasicMaterial({
+            color: opt.color || 0x7597dc,
+            side: DoubleSide,
+            transparent: true,
+            opacity: 0.5
+          });
+          pipeMesh = new Mesh(geometry, bottomMat);
+          scene.position.y = opt.hight;
+          group.add(pipeMesh);
+          group.rotation.x = -Math.PI / 2;
+
+          // 渲染器
+          renderer = new WebGLRenderer({
+            canvas: map.getCanvas(),
+            context: gl,
+            logarithmicDepthBuffer: true,
+            antialias: true
+          });
+          renderer.autoClear = false;
+          renderer.physicallyCorrectLights = true;
+          // renderer.outputEncoding = THREE.sRGBEncoding
+          renderer.setSize(container.clientWidth, container.clientHeight);
+
+          // 调试工具
+          const gui = opt.edit ? new GUI$1() : null;
+          if (gui) {
+            gui.add(group.position, 'y').step(0.1).name('高度(米)');
+            gui.add(group.rotation, 'x').step(0.1).name('旋转x');
+            gui.add(group.rotation, 'y').step(0.1).name('旋转y');
+            gui.add(group.rotation, 'z').step(0.1).name('旋转z');
+          }
+        },
+        render: (gl, matrix) => {
+          const rotationX = new three_module_Matrix4().makeRotationAxis(new three_module_Vector3(1, 0, 0), modelTransform.rotateX);
+          const rotationY = new three_module_Matrix4().makeRotationAxis(new three_module_Vector3(0, 1, 0), modelTransform.rotateY);
+          const rotationZ = new three_module_Matrix4().makeRotationAxis(new three_module_Vector3(0, 0, 1), modelTransform.rotateZ);
+          const m = new three_module_Matrix4().fromArray(matrix);
+          const l = new three_module_Matrix4().makeTranslation(modelTransform.translateX, modelTransform.translateY, modelTransform.translateZ).scale(new three_module_Vector3(modelTransform.scale, -modelTransform.scale, modelTransform.scale)).multiply(rotationX).multiply(rotationY).multiply(rotationZ);
+          camera.projectionMatrix.elements = matrix;
+          camera.projectionMatrix = m.multiply(l);
+          renderer.resetState();
+          renderer.render(scene, camera);
+          map.triggerRepaint();
+        }
+      };
+      return customLayer;
+
+      //获取管道
+      function getPipeGeometry(center, opt) {
+        if (opt.data) {
+          let points = [];
+          opt.data.features.forEach(geo => {
+            geo.geometry.coordinates.forEach(item => {
+              let mercatorCoordinate = mapbox_gl_default().MercatorCoordinate.fromLngLat(item, 0);
+              let units = mercatorCoordinate.meterInMercatorCoordinateUnits();
+              points.push(new three_module_Vector2((mercatorCoordinate.x - center.x) / units, -1 * (mercatorCoordinate.y - center.y) / units));
+            });
+          });
+          let mesh = '';
+          if (points.length > 1) {
+            // const shape = new THREE.Shape(points)
+            points = points.map(vector => {
+              return new three_module_Vector3(vector.x, vector.y, 0);
+            });
+            mesh = transition3d(points); // 创建管道
+          }
+
+          return mesh;
+        } else {
+          const curve = new CatmullRomCurve3([new three_module_Vector3(-10, 0, 0), new three_module_Vector3(0, 10, 0), new three_module_Vector3(10, 0, 0)]);
+          return new TubeGeometry(curve, 4, 2, 8, false);
+        }
+      }
+
+      // 将shape转换为ExtrudeGeometry
+      function transition3d(points) {
+        // console.log(points, 'points')
+        // 创建一条曲线
+        const curve = new CatmullRomCurve3(points, false, 'catmullrom', 0.5);
+
+        // 创建管道
+        const geometry = new TubeGeometry(curve, 4, 1, 8, false);
+        return geometry;
+      }
+    }
+  });
+};
 // EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/defineProperty.js
 var defineProperty = __webpack_require__(1080);
 ;// CONCATENATED MODULE: ./node_modules/@luma.gl/engine/dist/esm/animation/timeline.js
@@ -119060,8 +119243,8 @@ var mapStyle_component = normalizeComponent(
 )
 
 /* harmony default export */ var mapStyle = (mapStyle_component.exports);
-;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[3]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/package/draw/index.vue?vue&type=template&id=551ff8b1&scoped=true&
-var drawvue_type_template_id_551ff8b1_scoped_true_render = function render() {
+;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[3]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/package/draw/index.vue?vue&type=template&id=4ba1db1c&scoped=true&
+var drawvue_type_template_id_4ba1db1c_scoped_true_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _c('div', [_c('div', {
@@ -119192,7 +119375,7 @@ var drawvue_type_template_id_551ff8b1_scoped_true_render = function render() {
     staticClass: "right-fixed"
   }, [_vm._t("right-fixed")], 2)]);
 };
-var drawvue_type_template_id_551ff8b1_scoped_true_staticRenderFns = [];
+var drawvue_type_template_id_4ba1db1c_scoped_true_staticRenderFns = [];
 
 // EXTERNAL MODULE: ./node_modules/@mapbox/mapbox-gl-draw/dist/mapbox-gl-draw.js
 var mapbox_gl_draw = __webpack_require__(1512);
@@ -119240,7 +119423,7 @@ var jsonFilevue_type_template_id_57aca7b6_scoped_true_staticRenderFns = [];
           if (json) {
             json = JSON.parse(json);
             if (!json.features) {
-              json = arcGisToGeoJson(json);
+              json = (0,mapTools_namespaceObject.arcGisToGeoJson)(json);
             }
             const bbox = es(json);
             if (bbox.length > 0 && bbox[0] > 180) {
@@ -119281,8 +119464,8 @@ var jsonFile_component = normalizeComponent(
 )
 
 /* harmony default export */ var jsonFile = (jsonFile_component.exports);
-;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[3]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/package/draw/shpFile.vue?vue&type=template&id=3bd5e448&scoped=true&
-var shpFilevue_type_template_id_3bd5e448_scoped_true_render = function render() {
+;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[3]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/package/draw/shpFile.vue?vue&type=template&id=3b26555c&scoped=true&
+var shpFilevue_type_template_id_3b26555c_scoped_true_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _c('el-button', {
@@ -119302,7 +119485,7 @@ var shpFilevue_type_template_id_3bd5e448_scoped_true_render = function render()
     }
   })]);
 };
-var shpFilevue_type_template_id_3bd5e448_scoped_true_staticRenderFns = [];
+var shpFilevue_type_template_id_3b26555c_scoped_true_staticRenderFns = [];
 
 ;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/package/draw/shpFile.vue?vue&type=script&lang=js&
 
@@ -119325,7 +119508,7 @@ const shapeFile = __webpack_require__(4952); // 导入shpfile.js
             shapeFile.read(result).then(json => {
               const bbox = es(json);
               if (!json.features) {
-                json = arcGisToGeoJson(json);
+                json = geometryCollectionToFeatureCollection(json);
               }
               if (bbox.length > 0 && bbox[0] > 180) {
                 // 墨卡托坐标需要转换
@@ -119343,9 +119526,9 @@ const shapeFile = __webpack_require__(4952); // 导入shpfile.js
 });
 ;// CONCATENATED MODULE: ./src/package/draw/shpFile.vue?vue&type=script&lang=js&
  /* harmony default export */ var draw_shpFilevue_type_script_lang_js_ = (shpFilevue_type_script_lang_js_); 
-// EXTERNAL MODULE: ./node_modules/vue-style-loader/index.js??clonedRuleSet-64.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-64.use[1]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-64.use[2]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-64.use[3]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-64.use[4]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/package/draw/shpFile.vue?vue&type=style&index=0&id=3bd5e448&prod&lang=scss&scoped=true&
-var shpFilevue_type_style_index_0_id_3bd5e448_prod_lang_scss_scoped_true_ = __webpack_require__(5872);
-;// CONCATENATED MODULE: ./src/package/draw/shpFile.vue?vue&type=style&index=0&id=3bd5e448&prod&lang=scss&scoped=true&
+// EXTERNAL MODULE: ./node_modules/vue-style-loader/index.js??clonedRuleSet-64.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-64.use[1]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-64.use[2]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-64.use[3]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-64.use[4]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/package/draw/shpFile.vue?vue&type=style&index=0&id=3b26555c&prod&lang=scss&scoped=true&
+var shpFilevue_type_style_index_0_id_3b26555c_prod_lang_scss_scoped_true_ = __webpack_require__(3740);
+;// CONCATENATED MODULE: ./src/package/draw/shpFile.vue?vue&type=style&index=0&id=3b26555c&prod&lang=scss&scoped=true&
 
 ;// CONCATENATED MODULE: ./src/package/draw/shpFile.vue
 
@@ -119358,11 +119541,11 @@ var shpFilevue_type_style_index_0_id_3bd5e448_prod_lang_scss_scoped_true_ = __we
 
 var shpFile_component = normalizeComponent(
   draw_shpFilevue_type_script_lang_js_,
-  shpFilevue_type_template_id_3bd5e448_scoped_true_render,
-  shpFilevue_type_template_id_3bd5e448_scoped_true_staticRenderFns,
+  shpFilevue_type_template_id_3b26555c_scoped_true_render,
+  shpFilevue_type_template_id_3b26555c_scoped_true_staticRenderFns,
   false,
   null,
-  "3bd5e448",
+  "3b26555c",
   null
   
 )
@@ -119378,6 +119561,7 @@ var shpFile_component = normalizeComponent(
 
 
 
+
 /* harmony default export */ var drawvue_type_script_lang_js_ = ({
   components: {
     mapFullScreen: mapFullScreen,
@@ -119447,7 +119631,8 @@ var shpFile_component = normalizeComponent(
       activeFeatures: '',
       lng: '',
       lat: '',
-      geoJson: ''
+      geoJson: '',
+      selectPoint: []
     };
   },
   computed: {
@@ -119475,6 +119660,7 @@ var shpFile_component = normalizeComponent(
       return filter;
     }
   },
+  mounted() {},
   methods: {
     initDraw(map) {
       this.map = map;
@@ -119492,6 +119678,7 @@ var shpFile_component = normalizeComponent(
 
       map.on('draw.create', this.drawEnd);
       map.on('draw.update', this.drawUpdate);
+      // map.on('draw.delete', this.delete)
       map.on('draw.selectionchange', this.select);
       // this.getCenter()
 
@@ -119506,8 +119693,47 @@ var shpFile_component = normalizeComponent(
       //     }
       //   }
       // })
-    },
 
+      // 删除选中锚点
+      document.onkeydown = e => {
+        if (this.selectPoint.length === 0 || this.activeFeatures.length === 0) return;
+        const type = this.activeFeatures[0].geometry.type;
+        if (type != 'LineString') return;
+        const keyCode = e.keyCode || e.which || e.charCode;
+        if (keyCode == 46) {
+          // 按下delete键
+          // console.log('删除锚点', this.selectPoint)
+          this.selectPoint.forEach(point => {
+            // if (type === 'Polygon') {
+            //   this.activeFeatures[0].geometry.coordinates.forEach((list, eq) => {
+            //     list.forEach((item, index) => {
+            //       if (JSON.stringify(item) === JSON.stringify(point.geometry.coordinates)) {
+            //         this.activeFeatures[0].geometry.coordinates[eq].splice(index, 1)
+            //         console.log(this.activeFeatures, '删除成功')
+            //       }
+            //     })
+            //   })
+            // }
+            if (type === 'LineString') {
+              this.activeFeatures[0].geometry.coordinates.forEach((item, index) => {
+                if (JSON.stringify(item) === JSON.stringify(point.geometry.coordinates)) {
+                  this.activeFeatures[0].geometry.coordinates.splice(index, 1);
+                  console.log(this.activeFeatures, '删除锚点成功');
+                }
+              });
+            }
+          });
+          const geometry = this.activeFeatures[0].geometry;
+          // console.log(geometry, 'geometry')
+          this.draw.delete(this.activeFeatures[0].id);
+          if (geometry.coordinates.length > 1) {
+            this.draw.add(geometry);
+          }
+          this.drawUpdate();
+          this.selectPoint = [];
+        }
+      };
+    },
     getDraw() {
       // 获取绘制内容
       const data = this.draw.getAll();
@@ -119555,8 +119781,12 @@ var shpFile_component = normalizeComponent(
         this.activeFeatures.forEach(item => {
           this.draw.delete(item.id);
           const data = this.getDraw();
-          console.log('删除选中对象', data);
-          this.$emit('delete', data);
+          if (data.features && data.features.length > 0) {
+            this.$emit('delete', data);
+          } else {
+            this.$emit('delete', '');
+          }
+          console.log('删除选中对象', this.activeFeatures[0]);
           this.activeFeatures = [];
         });
       } else {
@@ -119573,6 +119803,10 @@ var shpFile_component = normalizeComponent(
       }
     },
     select(e) {
+      if (e.points && e.points.length > 0) {
+        console.log('选中锚点', e.points);
+        this.selectPoint = e.points;
+      }
       this.activeFeatures = e.features;
       console.log('选中对象', this.activeFeatures);
       this.$emit('select', e.features);
@@ -119631,9 +119865,9 @@ var shpFile_component = normalizeComponent(
 });
 ;// CONCATENATED MODULE: ./src/package/draw/index.vue?vue&type=script&lang=js&
  /* harmony default export */ var package_drawvue_type_script_lang_js_ = (drawvue_type_script_lang_js_); 
-// EXTERNAL MODULE: ./node_modules/vue-style-loader/index.js??clonedRuleSet-64.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-64.use[1]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-64.use[2]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-64.use[3]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-64.use[4]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/package/draw/index.vue?vue&type=style&index=0&id=551ff8b1&prod&lang=scss&scoped=true&
-var drawvue_type_style_index_0_id_551ff8b1_prod_lang_scss_scoped_true_ = __webpack_require__(1753);
-;// CONCATENATED MODULE: ./src/package/draw/index.vue?vue&type=style&index=0&id=551ff8b1&prod&lang=scss&scoped=true&
+// EXTERNAL MODULE: ./node_modules/vue-style-loader/index.js??clonedRuleSet-64.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-64.use[1]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-64.use[2]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-64.use[3]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-64.use[4]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/package/draw/index.vue?vue&type=style&index=0&id=4ba1db1c&prod&lang=scss&scoped=true&
+var drawvue_type_style_index_0_id_4ba1db1c_prod_lang_scss_scoped_true_ = __webpack_require__(9521);
+;// CONCATENATED MODULE: ./src/package/draw/index.vue?vue&type=style&index=0&id=4ba1db1c&prod&lang=scss&scoped=true&
 
 ;// CONCATENATED MODULE: ./src/package/draw/index.vue
 
@@ -119646,11 +119880,11 @@ var drawvue_type_style_index_0_id_551ff8b1_prod_lang_scss_scoped_true_ = __webpa
 
 var draw_component = normalizeComponent(
   package_drawvue_type_script_lang_js_,
-  drawvue_type_template_id_551ff8b1_scoped_true_render,
-  drawvue_type_template_id_551ff8b1_scoped_true_staticRenderFns,
+  drawvue_type_template_id_4ba1db1c_scoped_true_render,
+  drawvue_type_template_id_4ba1db1c_scoped_true_staticRenderFns,
   false,
   null,
-  "551ff8b1",
+  "4ba1db1c",
   null
   
 )
@@ -120296,6 +120530,7 @@ var polygon_component = normalizeComponent(
 
 
 
+
 // 图层操作
 const mapLayers = {
   showLayerText: showLayerText,
@@ -120324,6 +120559,7 @@ const mapDraw = {
   addLayerCircle: addLayerCircle,
   addCircleAnimate: addCircleAnimate,
   addLayerModel: addLayerModel,
+  addLayerPipe: addLayerPipe,
   addLayerWater: addLayerWater,
   load3DTiles: load3DTiles
 };
@@ -120341,7 +120577,8 @@ const mapTools = {
   polygonCenter: polygonCenter,
   GeoAddress: GeoAddress,
   Geolocation: Geolocation,
-  getElevation: getElevation
+  getElevation: getElevation,
+  geometryCollectionToFeatureCollection: geometryCollectionToFeatureCollection
 };
 
 // 地图事件