xy-map 1.1.17 → 1.1.19

package/xy-map.umd.js

@@ -171,7 +171,7 @@ ___CSS_LOADER_EXPORT___.push([module.id, ".mapboxgl-ctrl-attrib{display:none}.ma
 
 /***/ }),
 
-/***/ 8694:
+/***/ 6190:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -185,7 +185,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, ":-webkit-full-screen .d[data-v-21b5cf34]{color:red}:fullscreen .d[data-v-21b5cf34]{color:red}", ""]);
+___CSS_LOADER_EXPORT___.push([module.id, ":-webkit-full-screen .d[data-v-0169c56a]{color:red}:fullscreen .d[data-v-0169c56a]{color:red}", ""]);
 // Exports
 /* harmony default export */ __webpack_exports__["default"] = (___CSS_LOADER_EXPORT___);
 
@@ -234,7 +234,7 @@ ___CSS_LOADER_EXPORT___.push([module.id, ".snow[data-v-59d7e867]{position:absolu
 
 /***/ }),
 
-/***/ 5074:
+/***/ 3188:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -248,7 +248,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-15da44b0]{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-15da44b0]{cursor:pointer}", ""]);
+___CSS_LOADER_EXPORT___.push([module.id, ".tools[data-v-09638215]{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-09638215]{cursor:pointer}", ""]);
 // Exports
 /* harmony default export */ __webpack_exports__["default"] = (___CSS_LOADER_EXPORT___);
 
@@ -23590,19 +23590,19 @@ var update = add("76a9f810", content, true, {"sourceMap":false,"shadowMode":fals
 
 /***/ }),
 
-/***/ 5828:
+/***/ 4701:
 /***/ (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__(8694);
+var content = __webpack_require__(6190);
 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("7e15b9b8", content, true, {"sourceMap":false,"shadowMode":false});
+var update = add("2c2e14b9", content, true, {"sourceMap":false,"shadowMode":false});
 
 /***/ }),
 
@@ -23638,19 +23638,19 @@ var update = add("5928cba1", content, true, {"sourceMap":false,"shadowMode":fals
 
 /***/ }),
 
-/***/ 4310:
+/***/ 1471:
 /***/ (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__(5074);
+var content = __webpack_require__(3188);
 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("01019c62", content, true, {"sourceMap":false,"shadowMode":false});
+var update = add("6f92977a", content, true, {"sourceMap":false,"shadowMode":false});
 
 /***/ }),
 
@@ -24218,14 +24218,6 @@ module.exports = "data:image/svg+xml;utf8,%3Csvg xmlns=\"http://www.w3.org/2000/
 
 /***/ }),
 
-/***/ 3048:
-/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
-
-"use strict";
-module.exports = __webpack_require__.p + "img/marker.42b5782a.png";
-
-/***/ }),
-
 /***/ 7203:
 /***/ (function(module) {
 
@@ -24838,7 +24830,7 @@ class mapSdk {
     return new Promise(resolve => {
       map.setStyle(style);
       map.on('style.load', () => {
-        this.addFog();
+        if (this.options.is3d) this.addFog();
         resolve(true);
       });
     });
@@ -48323,18 +48315,28 @@ const pointToGeoJson = (position = [0, 0]) => {
  * 加载图片
  */
 const loadImage = (src, width = 24, height = 24) => {
+  const {
+    map
+  } = package_map;
   return new Promise(resolve => {
-    let image = new Image(width, height);
-    image.src = src;
-    image.onload = () => {
-      resolve(image);
-    };
+    if (src.indexOf('://') !== -1) {
+      map.loadImage(src, (error, image) => {
+        if (error) throw error;
+        resolve(image);
+      });
+    } else {
+      const image = new Image(width, height);
+      image.src = src;
+      image.onload = () => {
+        resolve(image);
+      };
+    }
   });
 };
 
 // 测距
 const ranging = () => {
-  let {
+  const {
     map
   } = package_map;
   measureLineLength(map);
@@ -48342,7 +48344,7 @@ const ranging = () => {
 
 // 测面积
 const drawArea = () => {
-  let {
+  const {
     map
   } = package_map;
   measureArea(map);
@@ -48350,7 +48352,7 @@ const drawArea = () => {
 
 // 清除测量
 const clearDraw = () => {
-  let {
+  const {
     map
   } = package_map;
   closeMeasureLine(map);
@@ -48814,6 +48816,7 @@ const addLayerImagePoint = async (option, layerId) => {
       mapClick(id, opt.click);
     }
   };
+
   //图像处理导入
   if (image.imageList && image.imageList.length > 0) {
     // 循环遍历图片，同步执行，避免layer重复创建
@@ -48833,7 +48836,7 @@ const addLayerImagePoint = async (option, layerId) => {
     }
     afterOperation();
   } else {
-    const img = image.src || __webpack_require__(3048);
+    const img = image.src || 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAMAAADW3miqAAAA9lBMVEUAAAAoAgAmAQAoAgAiAQD/FQj/FQj/FQgpAgD/FQgoAgAoAgAeAQD/Fgn/FAf/FQf/Fgj/FAgkAgAoAgAoAgD/FwkpAgD/GAr/FwooAgD/Fwr/GAv/Fgn/Fgr/FwqiCQD/FQj/FQj/Fgj/FQj/FQj/FQgoAgD/GAoQAAD/Fgn/FgkoAgAoAgD/FwomAQD/GAv0Fgj/Fgj/FAdaBQD/FQj/FwkpAgD/FggUAQD/FggWAQD/FQiUCQItAAD/Fgj/FQgpAgAoAgDKEgf/Fwn/Fwr/Fwv/LiL/MSX/HxL/KyD/KBz/IRX/HA7/Fwr/GQz/JRn/JBj/Kh6yT5MYAAAARnRSTlMAOB8yGt7TwXdMQQgE2cS9r3pSPC8jFRQRDwv58uHPq6WgkotzampeREIsLCgZEu/RpJaKhIODgXpycnFoX1pXTEpGNx4F30JWjQAAAVhJREFUOMuV0NdygzAQQFFJYBPALe6917ik996QAGHj//+ZKDyYERJkch81Z7Q7C/5fUx8VtPxgcpJgFv1TQlyX0O64GUPqg61vW5hlOSSrS81XmjBhBWHseMeyf1IuI4ewvZ2IKE8CEqq99xk1M2pFwrtsxHx3HCwo8sIjnTIjfKXx9xr6EmS37jmksWli9JxDWRnCJM+h1F6KNA51peNIgUOFnXSnEYceiYiw09E5VNnaWEDusAm4+i4WzuRVAN+6JaxOr0C0V8/G/LAcELsN1gpNqgYkHTMVmvQaSBuziQdTl5LgLwsHxg9niV0QHFyxXQEJ5Vz8e6AFSKrWZuei1yC5GcW7NPirnE8+EoFZReYTPduoaiOOZJAC4fzZ680NCJcxDBlw+X7z0Lu8m5aVEsxI0QaWFGN6xCoqsLSSI2Cichm+FYuGoqyqIK5MQ1URQqpaNbn3H0jshWLyT794AAAAAElFTkSuQmCC';
     loadImage(img, image.width, image.height).then(image => {
       if (map.hasImage(`${id}-marker`)) {
         map.updateImage(`${id}-marker`, image);
@@ -57862,7 +57865,7 @@ function Geolocation() {
     });
   });
 }
-;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/package/components/mapMarker.vue?vue&type=template&id=0ba11b22&scoped=true&
+;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/package/components/mapMarker.vue?vue&type=template&id=35de8978&scoped=true&
 var render = function render() {
   var _vm = this,
     _c = _vm._self._c;
@@ -57877,10 +57880,6 @@ var staticRenderFns = [];
 
 /* harmony default export */ var mapMarkervue_type_script_lang_js_ = ({
   props: {
-    map: {
-      type: Object,
-      default: () => {}
-    },
     position: {
       type: Array,
       default: () => []
@@ -58028,7 +58027,7 @@ var component = normalizeComponent(
   staticRenderFns,
   false,
   null,
-  "0ba11b22",
+  "35de8978",
   null
   
 )
@@ -58271,8 +58270,8 @@ var mapLoad_component = normalizeComponent(
 )
 
 /* harmony default export */ var mapLoad = (mapLoad_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/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/package/components/mapFullScreen.vue?vue&type=template&id=21b5cf34&scoped=true&
-var mapFullScreenvue_type_template_id_21b5cf34_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/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/package/components/mapFullScreen.vue?vue&type=template&id=0169c56a&scoped=true&
+var mapFullScreenvue_type_template_id_0169c56a_scoped_true_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _c('span', [_vm.isSlot ? _c('span', {
@@ -58293,7 +58292,7 @@ var mapFullScreenvue_type_template_id_21b5cf34_scoped_true_render = function ren
     staticClass: "el-icon-full-screen mr-5"
   }), _vm._v(" " + _vm._s(_vm.isFullScreen ? '退出全屏' : '全屏') + " ")])]);
 };
-var mapFullScreenvue_type_template_id_21b5cf34_scoped_true_staticRenderFns = [];
+var mapFullScreenvue_type_template_id_0169c56a_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/vue-loader-v15/lib/index.js??vue-loader-options!./src/package/components/mapFullScreen.vue?vue&type=script&lang=js&
 /* harmony default export */ var mapFullScreenvue_type_script_lang_js_ = ({
@@ -58320,20 +58319,22 @@ var mapFullScreenvue_type_template_id_21b5cf34_scoped_true_staticRenderFns = [];
   methods: {
     // 全屏
     handleFullScreen() {
-      let mapMainContent;
       // 判断是否有dom传入，没有则是整个页面全屏展示
-      this.dom ? mapMainContent = document.getElementById(this.dom) : mapMainContent = document.documentElement;
+      const mapMainContent = this.dom ? document.getElementById(this.dom) : document.documentElement;
       if (this.isFUllScreenEnabled()) {
         if (this.hasFullScreenElement()) {
           this.exitFullScreen();
-          this.isFullScreen = false;
+          // this.isFullScreen = false
         } else {
           this.setFullScreen(mapMainContent);
-          this.isFullScreen = true;
+          // this.isFullScreen = true
         }
       } else {
         console.log('此浏览器不支持全屏');
       }
+      this.listenfullscreen(() => {
+        this.isFullScreen = this.hasFullScreenElement();
+      });
     },
     // 判断浏览器是否支持全屏
     isFUllScreenEnabled() {
@@ -58372,14 +58373,32 @@ var mapFullScreenvue_type_template_id_21b5cf34_scoped_true_staticRenderFns = [];
       if (document.msExitFullscreen) {
         document.msExitFullscreen();
       }
+    },
+    // 监听全屏
+    listenfullscreen(callback) {
+      function listen() {
+        callback();
+      }
+      document.addEventListener('fullscreenchange', function () {
+        listen();
+      });
+      document.addEventListener('mozfullscreenchange', function () {
+        listen();
+      });
+      document.addEventListener('webkitfullscreenchange', function () {
+        listen();
+      });
+      document.addEventListener('msfullscreenchange', function () {
+        listen();
+      });
     }
   }
 });
 ;// CONCATENATED MODULE: ./src/package/components/mapFullScreen.vue?vue&type=script&lang=js&
  /* harmony default export */ var components_mapFullScreenvue_type_script_lang_js_ = (mapFullScreenvue_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/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/vue-loader-v15/lib/index.js??vue-loader-options!./src/package/components/mapFullScreen.vue?vue&type=style&index=0&id=21b5cf34&prod&lang=scss&scoped=true&
-var mapFullScreenvue_type_style_index_0_id_21b5cf34_prod_lang_scss_scoped_true_ = __webpack_require__(5828);
-;// CONCATENATED MODULE: ./src/package/components/mapFullScreen.vue?vue&type=style&index=0&id=21b5cf34&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/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/vue-loader-v15/lib/index.js??vue-loader-options!./src/package/components/mapFullScreen.vue?vue&type=style&index=0&id=0169c56a&prod&lang=scss&scoped=true&
+var mapFullScreenvue_type_style_index_0_id_0169c56a_prod_lang_scss_scoped_true_ = __webpack_require__(4701);
+;// CONCATENATED MODULE: ./src/package/components/mapFullScreen.vue?vue&type=style&index=0&id=0169c56a&prod&lang=scss&scoped=true&
 
 ;// CONCATENATED MODULE: ./src/package/components/mapFullScreen.vue
 
@@ -58392,18 +58411,18 @@ var mapFullScreenvue_type_style_index_0_id_21b5cf34_prod_lang_scss_scoped_true_
 
 var mapFullScreen_component = normalizeComponent(
   components_mapFullScreenvue_type_script_lang_js_,
-  mapFullScreenvue_type_template_id_21b5cf34_scoped_true_render,
-  mapFullScreenvue_type_template_id_21b5cf34_scoped_true_staticRenderFns,
+  mapFullScreenvue_type_template_id_0169c56a_scoped_true_render,
+  mapFullScreenvue_type_template_id_0169c56a_scoped_true_staticRenderFns,
   false,
   null,
-  "21b5cf34",
+  "0169c56a",
   null
   
 )
 
 /* harmony default export */ var mapFullScreen = (mapFullScreen_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/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/package/draw/index.vue?vue&type=template&id=15da44b0&scoped=true&
-var drawvue_type_template_id_15da44b0_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/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/package/draw/index.vue?vue&type=template&id=09638215&scoped=true&
+var drawvue_type_template_id_09638215_scoped_true_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _c('div', {
@@ -58471,7 +58490,12 @@ var drawvue_type_template_id_15da44b0_scoped_true_render = function render() {
     }
   }) : _vm._e(), _c('div', {
     staticClass: "ml-20 red"
-  }, [_vm._v("* 点击图形编辑")])], 2), _vm.showMoveInput ? _c('div', {
+  }, [_vm._v("* 点击图形编辑")]), _vm.showMapStyle ? _c('map-style', {
+    staticClass: "margin-left",
+    on: {
+      "checkStyle": _vm.checkStyle
+    }
+  }) : _vm._e()], 2), _vm.showMoveInput ? _c('div', {
     staticClass: "margin-top flex"
   }, [_c('div', {
     staticClass: "flex flex-align-center"
@@ -58517,22 +58541,107 @@ var drawvue_type_template_id_15da44b0_scoped_true_render = function render() {
     }
   }, [_vm._v("移动")])], 1)]) : _vm._e(), _vm._t("default")], 2);
 };
-var drawvue_type_template_id_15da44b0_scoped_true_staticRenderFns = [];
+var drawvue_type_template_id_09638215_scoped_true_staticRenderFns = [];
 
 // EXTERNAL MODULE: ./node_modules/@mapbox/mapbox-gl-draw/dist/mapbox-gl-draw.js
 var mapbox_gl_draw = __webpack_require__(1512);
 var mapbox_gl_draw_default = /*#__PURE__*/__webpack_require__.n(mapbox_gl_draw);
 // EXTERNAL MODULE: ./node_modules/@mapbox/mapbox-gl-draw/dist/mapbox-gl-draw.css
 var dist_mapbox_gl_draw = __webpack_require__(5620);
+;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/package/components/mapStyle.vue?vue&type=template&id=07f278e4&scoped=true&
+var mapStylevue_type_template_id_07f278e4_scoped_true_render = function render() {
+  var _vm = this,
+    _c = _vm._self._c;
+  return _c('div', [_c('el-radio-group', {
+    attrs: {
+      "size": "small"
+    },
+    model: {
+      value: _vm.radio,
+      callback: function ($$v) {
+        _vm.radio = $$v;
+      },
+      expression: "radio"
+    }
+  }, [_c('el-radio-button', {
+    attrs: {
+      "label": 1
+    }
+  }, [_vm._v("卫星图")]), _c('el-radio-button', {
+    attrs: {
+      "label": 2
+    }
+  }, [_vm._v("矢量图")])], 1)], 1);
+};
+var mapStylevue_type_template_id_07f278e4_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/vue-loader-v15/lib/index.js??vue-loader-options!./src/package/components/mapStyle.vue?vue&type=script&lang=js&
+
+/* harmony default export */ var mapStylevue_type_script_lang_js_ = ({
+  props: {
+    type: {
+      type: Number,
+      default: 1
+    }
+  },
+  data() {
+    return {
+      radio: 1,
+      default: ''
+    };
+  },
+  watch: {
+    radio(val) {
+      if (val === 1) {
+        package_map.checkStyle(this.default);
+      } else {
+        package_map.checkStyle('mapbox://styles/mapbox/streets-v12');
+      }
+      this.$emit('checkStyle', val);
+    }
+  },
+  mounted() {
+    this.radio = this.type;
+    setTimeout(() => {
+      this.default = package_map.map.getStyle();
+      console.log(this.default);
+    }, 1000);
+  }
+});
+;// CONCATENATED MODULE: ./src/package/components/mapStyle.vue?vue&type=script&lang=js&
+ /* harmony default export */ var components_mapStylevue_type_script_lang_js_ = (mapStylevue_type_script_lang_js_); 
+;// CONCATENATED MODULE: ./src/package/components/mapStyle.vue
+
+
+
+
+
+/* normalize component */
+;
+var mapStyle_component = normalizeComponent(
+  components_mapStylevue_type_script_lang_js_,
+  mapStylevue_type_template_id_07f278e4_scoped_true_render,
+  mapStylevue_type_template_id_07f278e4_scoped_true_staticRenderFns,
+  false,
+  null,
+  "07f278e4",
+  null
+  
+)
+
+/* 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/vue-loader-v15/lib/index.js??vue-loader-options!./src/package/draw/index.vue?vue&type=script&lang=js&
 
 
 
+
+
 // import styles from './styles'
 
 /* harmony default export */ var drawvue_type_script_lang_js_ = ({
   components: {
-    mapFullScreen: mapFullScreen
+    mapFullScreen: mapFullScreen,
+    mapStyle: mapStyle
   },
   props: {
     fullDom: {
@@ -58567,6 +58676,11 @@ var dist_mapbox_gl_draw = __webpack_require__(5620);
       // 移动定位输入框
       type: Boolean,
       default: true
+    },
+    showMapStyle: {
+      // 修改地图风格
+      type: Boolean,
+      default: true
     }
   },
   data() {
@@ -58577,7 +58691,8 @@ var dist_mapbox_gl_draw = __webpack_require__(5620);
       draw: '',
       activeFeatures: '',
       lng: '',
-      lat: ''
+      lat: '',
+      geoJson: ''
     };
   },
   computed: {
@@ -58658,21 +58773,26 @@ var dist_mapbox_gl_draw = __webpack_require__(5620);
       const data = this.getDraw();
       console.log('绘制结束', data);
       this.type = 'move';
+      this.geoJson = data;
       this.$emit('end', data);
     },
     drawUpdate(e) {
       // console.log(e)
       const data = this.getDraw();
       console.log('修改结束', data);
+      this.geoJson = data;
       this.$emit('update', data);
     },
-    drawEdit(geometry) {
+    drawEdit(geoJson) {
       // 修改回填元素
       // let geometry = {
       //   type: 'Point',
       //   coordinates: [this.lng, this.lat]
       // }
-      this.draw.add(geometry);
+      this.geoJson = geoJson;
+      geoJson.features.forEach(item => {
+        this.draw.add(item.geometry);
+      });
     },
     drawDelete() {
       // 删除选中对象
@@ -58711,14 +58831,20 @@ var dist_mapbox_gl_draw = __webpack_require__(5620);
       } = this.map.getCenter();
       this.lng = lng;
       this.lat = lat;
+    },
+    checkStyle(val) {
+      // 修改地图样式
+      this.clear();
+      this.drawEdit(this.geoJson);
+      this.$emit('checkStyle', val);
     }
   }
 });
 ;// 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/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/vue-loader-v15/lib/index.js??vue-loader-options!./src/package/draw/index.vue?vue&type=style&index=0&id=15da44b0&prod&lang=scss&scoped=true&
-var drawvue_type_style_index_0_id_15da44b0_prod_lang_scss_scoped_true_ = __webpack_require__(4310);
-;// CONCATENATED MODULE: ./src/package/draw/index.vue?vue&type=style&index=0&id=15da44b0&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/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/vue-loader-v15/lib/index.js??vue-loader-options!./src/package/draw/index.vue?vue&type=style&index=0&id=09638215&prod&lang=scss&scoped=true&
+var drawvue_type_style_index_0_id_09638215_prod_lang_scss_scoped_true_ = __webpack_require__(1471);
+;// CONCATENATED MODULE: ./src/package/draw/index.vue?vue&type=style&index=0&id=09638215&prod&lang=scss&scoped=true&
 
 ;// CONCATENATED MODULE: ./src/package/draw/index.vue
 
@@ -58731,18 +58857,18 @@ var drawvue_type_style_index_0_id_15da44b0_prod_lang_scss_scoped_true_ = __webpa
 
 var draw_component = normalizeComponent(
   package_drawvue_type_script_lang_js_,
-  drawvue_type_template_id_15da44b0_scoped_true_render,
-  drawvue_type_template_id_15da44b0_scoped_true_staticRenderFns,
+  drawvue_type_template_id_09638215_scoped_true_render,
+  drawvue_type_template_id_09638215_scoped_true_staticRenderFns,
   false,
   null,
-  "15da44b0",
+  "09638215",
   null
   
 )
 
 /* harmony default export */ var draw = (draw_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/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/package/draw/point.vue?vue&type=template&id=d9a7f01e&
-var pointvue_type_template_id_d9a7f01e_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/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/package/draw/point.vue?vue&type=template&id=3ba40dce&
+var pointvue_type_template_id_3ba40dce_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _c('div', {
@@ -58771,10 +58897,7 @@ var pointvue_type_template_id_d9a7f01e_render = function render() {
       "clear": _vm.clear
     }
   }, [_c('div', {
-    staticClass: "mt-15",
-    staticStyle: {
-      "width": "380px"
-    }
+    staticClass: "mt-15"
   }, [_c('div', {
     staticClass: "flex"
   }, [_c('el-input', {
@@ -58795,9 +58918,9 @@ var pointvue_type_template_id_d9a7f01e_render = function render() {
     }
   }, [_vm._v("保存")])], 1), _vm.address && _vm.address.formattedAddress ? _c('div', {
     staticClass: "margin-top font-12"
-  }, [_vm._v("地址：" + _vm._s(_vm.address.formattedAddress))]) : _vm._e()])])], 1);
+  }, [_vm._v(" 地址：" + _vm._s(_vm.address.formattedAddress) + " ")]) : _vm._e()])])], 1);
 };
-var pointvue_type_template_id_d9a7f01e_staticRenderFns = [];
+var pointvue_type_template_id_3ba40dce_staticRenderFns = [];
 
 ;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/package/draw/point.vue?vue&type=script&lang=js&
 
@@ -58824,6 +58947,10 @@ var pointvue_type_template_id_d9a7f01e_staticRenderFns = [];
       type: [Number, String],
       default: ''
     },
+    zoom: {
+      type: Number,
+      default: 14
+    },
     showDeleteBtn: {
       // 删除按钮
       type: Boolean,
@@ -58867,7 +58994,7 @@ var pointvue_type_template_id_d9a7f01e_staticRenderFns = [];
     init() {
       let config = Object.assign({}, {
         accessToken: 'pk.eyJ1IjoiaGo0NjI3NzEzOTYiLCJhIjoiY2w5YzNjOTZvMDF6NDNwb2d6YmJkYWRpMCJ9.-fW-OChGB1oY2DCMO_c8sg',
-        zoom: 14,
+        zoom: this.zoom,
         center: [102.83643451528434, 24.81972792178513],
         is3d: false
       }, this.config);
@@ -58895,9 +59022,7 @@ var pointvue_type_template_id_d9a7f01e_staticRenderFns = [];
       this.drawUpdate(this.geoJson);
 
       // 开启编辑
-      this.geoJson.features.forEach(item => {
-        this.$refs.draw.drawEdit(item.geometry);
-      });
+      this.$refs.draw.drawEdit(this.geoJson);
     },
     drawUpdate(data) {
       const list = data.features;
@@ -58945,8 +59070,8 @@ var pointvue_type_template_id_d9a7f01e_staticRenderFns = [];
 ;
 var point_component = normalizeComponent(
   draw_pointvue_type_script_lang_js_,
-  pointvue_type_template_id_d9a7f01e_render,
-  pointvue_type_template_id_d9a7f01e_staticRenderFns,
+  pointvue_type_template_id_3ba40dce_render,
+  pointvue_type_template_id_3ba40dce_staticRenderFns,
   false,
   null,
   null,
@@ -58955,8 +59080,8 @@ var point_component = normalizeComponent(
 )
 
 /* harmony default export */ var draw_point = (point_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/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/package/draw/line.vue?vue&type=template&id=0a0718ee&
-var linevue_type_template_id_0a0718ee_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/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/package/draw/line.vue?vue&type=template&id=60ae13bf&
+var linevue_type_template_id_60ae13bf_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _c('div', {
@@ -59012,7 +59137,7 @@ var linevue_type_template_id_0a0718ee_render = function render() {
     }
   }, [_vm._v("保存")])], 1)])], 1);
 };
-var linevue_type_template_id_0a0718ee_staticRenderFns = [];
+var linevue_type_template_id_60ae13bf_staticRenderFns = [];
 
 ;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/package/draw/shpFile.vue?vue&type=template&id=42f41398&scoped=true&
 var shpFilevue_type_template_id_42f41398_scoped_true_render = function render() {
@@ -59113,6 +59238,10 @@ var shpFile_component = normalizeComponent(
       type: Boolean,
       default: false
     },
+    zoom: {
+      type: Number,
+      default: 14
+    },
     single: {
       type: Boolean,
       default: false
@@ -59167,7 +59296,7 @@ var shpFile_component = normalizeComponent(
     init() {
       let config = Object.assign({}, {
         accessToken: 'pk.eyJ1IjoiaGo0NjI3NzEzOTYiLCJhIjoiY2w5YzNjOTZvMDF6NDNwb2d6YmJkYWRpMCJ9.-fW-OChGB1oY2DCMO_c8sg',
-        zoom: 14,
+        zoom: this.zoom,
         center: [102.83643451528434, 24.81972792178513],
         is3d: false
       }, this.config);
@@ -59249,8 +59378,8 @@ var shpFile_component = normalizeComponent(
 ;
 var line_component = normalizeComponent(
   draw_linevue_type_script_lang_js_,
-  linevue_type_template_id_0a0718ee_render,
-  linevue_type_template_id_0a0718ee_staticRenderFns,
+  linevue_type_template_id_60ae13bf_render,
+  linevue_type_template_id_60ae13bf_staticRenderFns,
   false,
   null,
   null,
@@ -59259,8 +59388,8 @@ var line_component = normalizeComponent(
 )
 
 /* harmony default export */ var line = (line_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/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/package/draw/polygon.vue?vue&type=template&id=31fde69b&
-var polygonvue_type_template_id_31fde69b_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/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/package/draw/polygon.vue?vue&type=template&id=5ed1d372&
+var polygonvue_type_template_id_5ed1d372_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _c('div', {
@@ -59316,7 +59445,7 @@ var polygonvue_type_template_id_31fde69b_render = function render() {
     }
   }, [_vm._v("保存")])], 1)])], 1);
 };
-var polygonvue_type_template_id_31fde69b_staticRenderFns = [];
+var polygonvue_type_template_id_5ed1d372_staticRenderFns = [];
 
 ;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/package/draw/polygon.vue?vue&type=script&lang=js&
 
@@ -59349,6 +59478,10 @@ var polygonvue_type_template_id_31fde69b_staticRenderFns = [];
       type: Boolean,
       default: false
     },
+    zoom: {
+      type: Number,
+      default: 14
+    },
     geoData: {
       type: [Object, String],
       default: ''
@@ -59399,7 +59532,7 @@ var polygonvue_type_template_id_31fde69b_staticRenderFns = [];
     init() {
       let config = Object.assign({}, {
         accessToken: 'pk.eyJ1IjoiaGo0NjI3NzEzOTYiLCJhIjoiY2w5YzNjOTZvMDF6NDNwb2d6YmJkYWRpMCJ9.-fW-OChGB1oY2DCMO_c8sg',
-        zoom: 14,
+        zoom: this.zoom,
         center: [102.83643451528434, 24.81972792178513],
         is3d: false
       }, this.config);
@@ -59481,8 +59614,8 @@ var polygonvue_type_template_id_31fde69b_staticRenderFns = [];
 ;
 var polygon_component = normalizeComponent(
   draw_polygonvue_type_script_lang_js_,
-  polygonvue_type_template_id_31fde69b_render,
-  polygonvue_type_template_id_31fde69b_staticRenderFns,
+  polygonvue_type_template_id_5ed1d372_render,
+  polygonvue_type_template_id_5ed1d372_staticRenderFns,
   false,
   null,
   null,