xy-map 1.1.28 → 1.1.30

package/xy-map.umd.js

@@ -276,7 +276,7 @@ ___CSS_LOADER_EXPORT___.push([module.id, ".tools[data-v-551ff8b1]{position:absol
 
 /***/ }),
 
-/***/ 7238:
+/***/ 9653:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -290,14 +290,14 @@ __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-18d75a4e]{position:relative}.upload input[data-v-18d75a4e]{position:absolute;width:100%;height:100%;left:0;top:0;opacity:0}", ""]);
+___CSS_LOADER_EXPORT___.push([module.id, ".upload[data-v-57aca7b6]{position:relative}.upload input[data-v-57aca7b6]{position:absolute;width:100%;height:100%;left:0;top:0;opacity:0}", ""]);
 // Exports
 /* harmony default export */ __webpack_exports__["default"] = (___CSS_LOADER_EXPORT___);
 
 
 /***/ }),
 
-/***/ 5211:
+/***/ 3517:
 /***/ (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-0f36a3d8]{position:relative}.upload input[data-v-0f36a3d8]{position:absolute;width:100%;height:100%;left:0;top:0;opacity:0}", ""]);
+___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}", ""]);
 // Exports
 /* harmony default export */ __webpack_exports__["default"] = (___CSS_LOADER_EXPORT___);
 
@@ -24478,35 +24478,35 @@ var update = add("65613f70", content, true, {"sourceMap":false,"shadowMode":fals
 
 /***/ }),
 
-/***/ 6856:
+/***/ 8947:
 /***/ (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__(7238);
+var content = __webpack_require__(9653);
 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("33f10531", content, true, {"sourceMap":false,"shadowMode":false});
+var update = add("663fa470", content, true, {"sourceMap":false,"shadowMode":false});
 
 /***/ }),
 
-/***/ 7310:
+/***/ 6760:
 /***/ (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__(5211);
+var content = __webpack_require__(3517);
 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("f22fd5ae", content, true, {"sourceMap":false,"shadowMode":false});
+var update = add("26671eb5", content, true, {"sourceMap":false,"shadowMode":false});
 
 /***/ }),
 
@@ -49194,6 +49194,28 @@ const arcGisToGeoJson = Json => {
   return data;
 };
 
+// 3857墨卡托坐标系转换为4326 (WGS84)经纬度坐标
+const mercatorTolonlat = Json => {
+  Json.features.forEach(item => {
+    item.geometry.coordinates.forEach(geometry => {
+      geometry.forEach(mercator => {
+        mercator = to84(mercator);
+        // console.log(mercator)
+      });
+    });
+  });
+
+  function to84(mercator) {
+    const coord = [];
+    let lng = mercator[0] / 20037508.34 * 180;
+    let lat = mercator[1] / 20037508.34 * 180;
+    lat = 180 / Math.PI * (2 * Math.atan(Math.exp(lat * Math.PI / 180)) - Math.PI / 2);
+    coord.push(lng);
+    coord.push(lat);
+    return coord;
+  }
+};
+
 /**
  * 加载图片
  */
@@ -49336,6 +49358,20 @@ const mapTools_transformTranslate = (type, data, x, y) => {
 const pointToCircleGeoJson = (center, radius) => {
   return turf.circle(center, radius);
 };
+
+/**
+ * 数组分割
+ * count 几个为一组
+ * arr 一维数组
+ */
+const spArray = function (count, arr) {
+  let R = [];
+  let F;
+  for (F = 0; F < arr.length;) {
+    R.push(arr.slice(F, F += count));
+  }
+  return R;
+};
 ;// CONCATENATED MODULE: ./src/package/layers/Point.js
 
 
@@ -60225,8 +60261,8 @@ 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/draw/jsonFile.vue?vue&type=template&id=18d75a4e&scoped=true&
-var jsonFilevue_type_template_id_18d75a4e_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/jsonFile.vue?vue&type=template&id=57aca7b6&scoped=true&
+var jsonFilevue_type_template_id_57aca7b6_scoped_true_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _c('el-button', {
@@ -60246,10 +60282,11 @@ var jsonFilevue_type_template_id_18d75a4e_scoped_true_render = function render()
     }
   })]);
 };
-var jsonFilevue_type_template_id_18d75a4e_scoped_true_staticRenderFns = [];
+var jsonFilevue_type_template_id_57aca7b6_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/draw/jsonFile.vue?vue&type=script&lang=js&
 
+
 /* harmony default export */ var jsonFilevue_type_script_lang_js_ = ({
   data() {
     return {};
@@ -60267,6 +60304,11 @@ var jsonFilevue_type_template_id_18d75a4e_scoped_true_staticRenderFns = [];
             if (!json.features) {
               json = arcGisToGeoJson(json);
             }
+            const bbox = es(json);
+            if (bbox.length > 0 && bbox[0] > 180) {
+              // 墨卡托坐标需要转换
+              return this.$message.error('不属于WGS84坐标系，请使用其他工具进行数据转换');
+            }
             this.$emit('upload', json);
           }
         };
@@ -60276,9 +60318,9 @@ var jsonFilevue_type_template_id_18d75a4e_scoped_true_staticRenderFns = [];
 });
 ;// CONCATENATED MODULE: ./src/package/draw/jsonFile.vue?vue&type=script&lang=js&
  /* harmony default export */ var draw_jsonFilevue_type_script_lang_js_ = (jsonFilevue_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/jsonFile.vue?vue&type=style&index=0&id=18d75a4e&prod&lang=scss&scoped=true&
-var jsonFilevue_type_style_index_0_id_18d75a4e_prod_lang_scss_scoped_true_ = __webpack_require__(6856);
-;// CONCATENATED MODULE: ./src/package/draw/jsonFile.vue?vue&type=style&index=0&id=18d75a4e&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/jsonFile.vue?vue&type=style&index=0&id=57aca7b6&prod&lang=scss&scoped=true&
+var jsonFilevue_type_style_index_0_id_57aca7b6_prod_lang_scss_scoped_true_ = __webpack_require__(8947);
+;// CONCATENATED MODULE: ./src/package/draw/jsonFile.vue?vue&type=style&index=0&id=57aca7b6&prod&lang=scss&scoped=true&
 
 ;// CONCATENATED MODULE: ./src/package/draw/jsonFile.vue
 
@@ -60291,18 +60333,18 @@ var jsonFilevue_type_style_index_0_id_18d75a4e_prod_lang_scss_scoped_true_ = __w
 
 var jsonFile_component = normalizeComponent(
   draw_jsonFilevue_type_script_lang_js_,
-  jsonFilevue_type_template_id_18d75a4e_scoped_true_render,
-  jsonFilevue_type_template_id_18d75a4e_scoped_true_staticRenderFns,
+  jsonFilevue_type_template_id_57aca7b6_scoped_true_render,
+  jsonFilevue_type_template_id_57aca7b6_scoped_true_staticRenderFns,
   false,
   null,
-  "18d75a4e",
+  "57aca7b6",
   null
   
 )
 
 /* 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/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=0f36a3d8&scoped=true&
-var shpFilevue_type_template_id_0f36a3d8_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/shpFile.vue?vue&type=template&id=3bd5e448&scoped=true&
+var shpFilevue_type_template_id_3bd5e448_scoped_true_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _c('el-button', {
@@ -60322,10 +60364,11 @@ var shpFilevue_type_template_id_0f36a3d8_scoped_true_render = function render()
     }
   })]);
 };
-var shpFilevue_type_template_id_0f36a3d8_scoped_true_staticRenderFns = [];
+var shpFilevue_type_template_id_3bd5e448_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/draw/shpFile.vue?vue&type=script&lang=js&
 
+
 const shapeFile = __webpack_require__(4952); // 导入shpfile.js
 
 /* harmony default export */ var shpFilevue_type_script_lang_js_ = ({
@@ -60342,10 +60385,16 @@ const shapeFile = __webpack_require__(4952); // 导入shpfile.js
           const result = f.target.result;
           if (result) {
             shapeFile.read(result).then(json => {
+              const bbox = es(json);
               if (!json.features) {
                 json = arcGisToGeoJson(json);
               }
-              // console.log(json)
+              if (bbox.length > 0 && bbox[0] > 180) {
+                // 墨卡托坐标需要转换
+                // json = mercatorTolonlat(json)
+                console.log(json);
+                return this.$message.error('不属于WGS84坐标系，请使用其他工具进行数据转换');
+              }
               this.$emit('upload', json);
             });
           }
@@ -60356,9 +60405,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/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/shpFile.vue?vue&type=style&index=0&id=0f36a3d8&prod&lang=scss&scoped=true&
-var shpFilevue_type_style_index_0_id_0f36a3d8_prod_lang_scss_scoped_true_ = __webpack_require__(7310);
-;// CONCATENATED MODULE: ./src/package/draw/shpFile.vue?vue&type=style&index=0&id=0f36a3d8&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/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__(6760);
+;// CONCATENATED MODULE: ./src/package/draw/shpFile.vue?vue&type=style&index=0&id=3bd5e448&prod&lang=scss&scoped=true&
 
 ;// CONCATENATED MODULE: ./src/package/draw/shpFile.vue
 
@@ -60371,11 +60420,11 @@ var shpFilevue_type_style_index_0_id_0f36a3d8_prod_lang_scss_scoped_true_ = __we
 
 var shpFile_component = normalizeComponent(
   draw_shpFilevue_type_script_lang_js_,
-  shpFilevue_type_template_id_0f36a3d8_scoped_true_render,
-  shpFilevue_type_template_id_0f36a3d8_scoped_true_staticRenderFns,
+  shpFilevue_type_template_id_3bd5e448_scoped_true_render,
+  shpFilevue_type_template_id_3bd5e448_scoped_true_staticRenderFns,
   false,
   null,
-  "0f36a3d8",
+  "3bd5e448",
   null
   
 )
@@ -60869,8 +60918,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=6f5160fa&
-var linevue_type_template_id_6f5160fa_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=efb89606&
+var linevue_type_template_id_efb89606_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _c('div', {
@@ -60925,11 +60974,13 @@ var linevue_type_template_id_6f5160fa_render = function render() {
     }
   }, [_vm._v("保存")]), _vm._t("default")], 2)])], 1);
 };
-var linevue_type_template_id_6f5160fa_staticRenderFns = [];
+var linevue_type_template_id_efb89606_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/line.vue?vue&type=script&lang=js&
 
 
+
+
 /* harmony default export */ var linevue_type_script_lang_js_ = ({
   components: {
     drawTools: draw
@@ -61023,12 +61074,14 @@ var linevue_type_template_id_6f5160fa_staticRenderFns = [];
     drawUpdate(data, autoZoom = false) {
       if (!data) return;
       this.geoJson = data;
-      console.log(data);
-      this.position = data.features.map(item => item.geometry.coordinates);
+      this.position = data.features.map(item => item.geometry.coordinates.flat(Infinity));
+      this.position = spArray(2, ...this.position); // 数组分割，两两一组
+
       if (this.autoZoom || autoZoom) {
         // 开启缩放动画
         this.$nextTick(() => {
-          const bounds = this.position.flat(); // 二维数组转一维数组
+          let bounds = es(data);
+          bounds = spArray(2, bounds); // 数组分割
           package_map.fitLineBounds(bounds, {
             padding: 100
           });
@@ -61067,8 +61120,8 @@ var linevue_type_template_id_6f5160fa_staticRenderFns = [];
 ;
 var line_component = normalizeComponent(
   draw_linevue_type_script_lang_js_,
-  linevue_type_template_id_6f5160fa_render,
-  linevue_type_template_id_6f5160fa_staticRenderFns,
+  linevue_type_template_id_efb89606_render,
+  linevue_type_template_id_efb89606_staticRenderFns,
   false,
   null,
   null,
@@ -61077,8 +61130,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=a652ccb4&
-var polygonvue_type_template_id_a652ccb4_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=2d709a6c&
+var polygonvue_type_template_id_2d709a6c_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _c('div', {
@@ -61133,11 +61186,13 @@ var polygonvue_type_template_id_a652ccb4_render = function render() {
     }
   }, [_vm._v("保存")]), _vm._t("default")], 2)])], 1);
 };
-var polygonvue_type_template_id_a652ccb4_staticRenderFns = [];
+var polygonvue_type_template_id_2d709a6c_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&
 
 
+
+
 /* harmony default export */ var polygonvue_type_script_lang_js_ = ({
   components: {
     drawTools: draw
@@ -61231,10 +61286,12 @@ var polygonvue_type_template_id_a652ccb4_staticRenderFns = [];
     drawUpdate(data, autoZoom = false) {
       if (!data) return;
       this.geoJson = data;
-      this.position = data.features.map(item => item.geometry.coordinates[0]);
+      this.position = data.features.map(item => item.geometry.coordinates.flat(Infinity));
+      this.position = spArray(2, ...this.position);
       if (this.autoZoom || autoZoom) {
         this.$nextTick(() => {
-          const bounds = this.position.flat(); // 二维数组转一维数组
+          let bounds = es(data);
+          bounds = spArray(2, bounds); // 数组分割
           package_map.fitLineBounds(bounds, {
             padding: 100
           });
@@ -61273,8 +61330,8 @@ var polygonvue_type_template_id_a652ccb4_staticRenderFns = [];
 ;
 var polygon_component = normalizeComponent(
   draw_polygonvue_type_script_lang_js_,
-  polygonvue_type_template_id_a652ccb4_render,
-  polygonvue_type_template_id_a652ccb4_staticRenderFns,
+  polygonvue_type_template_id_2d709a6c_render,
+  polygonvue_type_template_id_2d709a6c_staticRenderFns,
   false,
   null,
   null,