xy-map 1.1.26 → 1.1.27

package/xy-map.umd.js

@@ -11,6 +11,27 @@
 return /******/ (function() { // webpackBootstrap
 /******/ 	var __webpack_modules__ = ({
 
+/***/ 458:
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(1371);
+/* harmony import */ var _node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(6527);
+/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__);
+// Imports
+
+
+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, ".el-scrollbar .el-scrollbar__view .el-select-dropdown__item[data-v-5a009b74]{height:auto;max-height:274px;padding:0;overflow:hidden;overflow-y:auto}.el-select-dropdown__item.selected[data-v-5a009b74]{font-weight:400}ul li[data-v-5a009b74] .el-tree .el-tree-node__content{height:auto;padding:0 20px}.el-tree-node__label[data-v-5a009b74]{font-weight:400}.el-tree[data-v-5a009b74] .is-current .el-tree-node__label{color:#409eff;font-weight:700}.el-tree[data-v-5a009b74] .is-current .el-tree-node__children .el-tree-node__label{color:#606266;font-weight:400}.selectInput[data-v-5a009b74]{padding:0 5px;box-sizing:border-box}", ""]);
+// Exports
+/* harmony default export */ __webpack_exports__["default"] = (___CSS_LOADER_EXPORT___);
+
+
+/***/ }),
+
 /***/ 1927:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -234,7 +255,7 @@ ___CSS_LOADER_EXPORT___.push([module.id, ".snow[data-v-59d7e867]{position:absolu
 
 /***/ }),
 
-/***/ 5578:
+/***/ 1874:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -248,14 +269,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, ".tools[data-v-3900f585]{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-3900f585]{cursor:pointer}.right-fixed[data-v-3900f585]{position:absolute;right:0;top:0;margin:15px}", ""]);
+___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}", ""]);
 // Exports
 /* harmony default export */ __webpack_exports__["default"] = (___CSS_LOADER_EXPORT___);
 
 
 /***/ }),
 
-/***/ 3676:
+/***/ 7238:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -269,7 +290,28 @@ __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-4be01ab4]{position:relative}.upload input[data-v-4be01ab4]{position:absolute;width:100%;height:100%;left:0;top:0;opacity:0}", ""]);
+___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}", ""]);
+// Exports
+/* harmony default export */ __webpack_exports__["default"] = (___CSS_LOADER_EXPORT___);
+
+
+/***/ }),
+
+/***/ 5211:
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(1371);
+/* harmony import */ var _node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(6527);
+/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__);
+// Imports
+
+
+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}", ""]);
 // Exports
 /* harmony default export */ __webpack_exports__["default"] = (___CSS_LOADER_EXPORT___);
 
@@ -12592,6 +12634,612 @@ module.exports = function shimFlags() {
 
 /***/ }),
 
+/***/ 4952:
+/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+// ESM COMPAT FLAG
+__webpack_require__.r(__webpack_exports__);
+
+// EXPORTS
+__webpack_require__.d(__webpack_exports__, {
+  "open": function() { return /* binding */ shapefile_open; },
+  "openDbf": function() { return /* binding */ openDbf; },
+  "openShp": function() { return /* binding */ openShp; },
+  "read": function() { return /* binding */ node_modules_shapefile_read; }
+});
+
+;// CONCATENATED MODULE: ./node_modules/array-source/cancel.js
+/* harmony default export */ function cancel() {
+  this._array = null;
+  return Promise.resolve();
+}
+;// CONCATENATED MODULE: ./node_modules/array-source/read.js
+/* harmony default export */ function read() {
+  var array = this._array;
+  this._array = null;
+  return Promise.resolve(array ? {
+    done: false,
+    value: array
+  } : {
+    done: true,
+    value: undefined
+  });
+}
+;// CONCATENATED MODULE: ./node_modules/array-source/index.js
+
+
+function array(array) {
+  return new ArraySource(array instanceof Uint8Array ? array : new Uint8Array(array));
+}
+function ArraySource(array) {
+  this._array = array;
+}
+ArraySource.prototype.read = read;
+ArraySource.prototype.cancel = cancel;
+;// CONCATENATED MODULE: ./node_modules/path-source/fetch.js
+
+/* harmony default export */ function path_source_fetch(url) {
+  return fetch(url).then(function (response) {
+    return response.body && response.body.getReader ? response.body.getReader() : response.arrayBuffer().then(array);
+  });
+}
+;// CONCATENATED MODULE: ./node_modules/path-source/request.js
+
+/* harmony default export */ function request(url) {
+  return new Promise(function (resolve, reject) {
+    var request = new XMLHttpRequest();
+    request.responseType = "arraybuffer";
+    request.onload = function () {
+      resolve(array(request.response));
+    };
+    request.onerror = reject;
+    request.ontimeout = reject;
+    request.open("GET", url, true);
+    request.send();
+  });
+}
+;// CONCATENATED MODULE: ./node_modules/path-source/index.js
+
+
+function path(path) {
+  return (typeof fetch === "function" ? path_source_fetch : request)(path);
+}
+;// CONCATENATED MODULE: ./node_modules/stream-source/index.js
+function stream(source) {
+  return typeof source.read === "function" ? source : source.getReader();
+}
+;// CONCATENATED MODULE: ./node_modules/slice-source/empty.js
+/* harmony default export */ var empty = (new Uint8Array(0));
+;// CONCATENATED MODULE: ./node_modules/slice-source/cancel.js
+/* harmony default export */ function slice_source_cancel() {
+  return this._source.cancel();
+}
+;// CONCATENATED MODULE: ./node_modules/slice-source/concat.js
+function concat(a, b) {
+  if (!a.length) return b;
+  if (!b.length) return a;
+  var c = new Uint8Array(a.length + b.length);
+  c.set(a);
+  c.set(b, a.length);
+  return c;
+}
+;// CONCATENATED MODULE: ./node_modules/slice-source/read.js
+
+
+/* harmony default export */ function slice_source_read() {
+  var that = this,
+    array = that._array.subarray(that._index);
+  return that._source.read().then(function (result) {
+    that._array = empty;
+    that._index = 0;
+    return result.done ? array.length > 0 ? {
+      done: false,
+      value: array
+    } : {
+      done: true,
+      value: undefined
+    } : {
+      done: false,
+      value: concat(array, result.value)
+    };
+  });
+}
+;// CONCATENATED MODULE: ./node_modules/slice-source/slice.js
+
+/* harmony default export */ function slice(length) {
+  if ((length |= 0) < 0) throw new Error("invalid length");
+  var that = this,
+    index = this._array.length - this._index;
+
+  // If the request fits within the remaining buffer, resolve it immediately.
+  if (this._index + length <= this._array.length) {
+    return Promise.resolve(this._array.subarray(this._index, this._index += length));
+  }
+
+  // Otherwise, read chunks repeatedly until the request is fulfilled.
+  var array = new Uint8Array(length);
+  array.set(this._array.subarray(this._index));
+  return function read() {
+    return that._source.read().then(function (result) {
+      // When done, it’s possible the request wasn’t fully fullfilled!
+      // If so, the pre-allocated array is too big and needs slicing.
+      if (result.done) {
+        that._array = empty;
+        that._index = 0;
+        return index > 0 ? array.subarray(0, index) : null;
+      }
+
+      // If this chunk fulfills the request, return the resulting array.
+      if (index + result.value.length >= length) {
+        that._array = result.value;
+        that._index = length - index;
+        array.set(result.value.subarray(0, length - index), index);
+        return array;
+      }
+
+      // Otherwise copy this chunk into the array, then read the next chunk.
+      array.set(result.value, index);
+      index += result.value.length;
+      return read();
+    });
+  }();
+}
+;// CONCATENATED MODULE: ./node_modules/slice-source/index.js
+
+
+
+
+function slice_source_slice(source) {
+  return typeof source.slice === "function" ? source : new SliceSource(typeof source.read === "function" ? source : source.getReader());
+}
+function SliceSource(source) {
+  this._source = source;
+  this._array = empty;
+  this._index = 0;
+}
+SliceSource.prototype.read = slice_source_read;
+SliceSource.prototype.slice = slice;
+SliceSource.prototype.cancel = slice_source_cancel;
+;// CONCATENATED MODULE: ./node_modules/shapefile/dbf/cancel.js
+/* harmony default export */ function dbf_cancel() {
+  return this._source.cancel();
+}
+;// CONCATENATED MODULE: ./node_modules/shapefile/dbf/boolean.js
+/* harmony default export */ function dbf_boolean(value) {
+  return /^[nf]$/i.test(value) ? false : /^[yt]$/i.test(value) ? true : null;
+}
+;// CONCATENATED MODULE: ./node_modules/shapefile/dbf/date.js
+/* harmony default export */ function date(value) {
+  return new Date(+value.substring(0, 4), value.substring(4, 6) - 1, +value.substring(6, 8));
+}
+;// CONCATENATED MODULE: ./node_modules/shapefile/dbf/number.js
+/* harmony default export */ function number(value) {
+  return !(value = value.trim()) || isNaN(value = +value) ? null : value;
+}
+;// CONCATENATED MODULE: ./node_modules/shapefile/dbf/string.js
+/* harmony default export */ function string(value) {
+  return value.trim() || null;
+}
+;// CONCATENATED MODULE: ./node_modules/shapefile/dbf/read.js
+
+
+
+
+var types = {
+  B: number,
+  C: string,
+  D: date,
+  F: number,
+  L: dbf_boolean,
+  M: number,
+  N: number
+};
+/* harmony default export */ function dbf_read() {
+  var that = this,
+    i = 1;
+  return that._source.slice(that._recordLength).then(function (value) {
+    return value && value[0] !== 0x1a ? {
+      done: false,
+      value: that._fields.reduce(function (p, f) {
+        p[f.name] = types[f.type](that._decode(value.subarray(i, i += f.length)));
+        return p;
+      }, {})
+    } : {
+      done: true,
+      value: undefined
+    };
+  });
+}
+;// CONCATENATED MODULE: ./node_modules/shapefile/view.js
+/* harmony default export */ function view(array) {
+  return new DataView(array.buffer, array.byteOffset, array.byteLength);
+}
+;// CONCATENATED MODULE: ./node_modules/shapefile/dbf/index.js
+
+
+
+
+/* harmony default export */ function dbf(source, decoder) {
+  source = slice_source_slice(source);
+  return source.slice(32).then(function (array) {
+    var head = view(array);
+    return source.slice(head.getUint16(8, true) - 32).then(function (array) {
+      return new Dbf(source, decoder, head, view(array));
+    });
+  });
+}
+function Dbf(source, decoder, head, body) {
+  this._source = source;
+  this._decode = decoder.decode.bind(decoder);
+  this._recordLength = head.getUint16(10, true);
+  this._fields = [];
+  for (var n = 0; body.getUint8(n) !== 0x0d; n += 32) {
+    for (var j = 0; j < 11; ++j) if (body.getUint8(n + j) === 0) break;
+    this._fields.push({
+      name: this._decode(new Uint8Array(body.buffer, body.byteOffset + n, j)),
+      type: String.fromCharCode(body.getUint8(n + 11)),
+      length: body.getUint8(n + 16)
+    });
+  }
+}
+var dbf_prototype = Dbf.prototype;
+dbf_prototype.read = dbf_read;
+dbf_prototype.cancel = dbf_cancel;
+;// CONCATENATED MODULE: ./node_modules/shapefile/shp/cancel.js
+function cancel_cancel() {
+  return this._source.cancel();
+}
+;// CONCATENATED MODULE: ./node_modules/shapefile/shp/multipoint.js
+/* harmony default export */ function multipoint(record) {
+  var i = 40,
+    j,
+    n = record.getInt32(36, true),
+    coordinates = new Array(n);
+  for (j = 0; j < n; ++j, i += 16) coordinates[j] = [record.getFloat64(i, true), record.getFloat64(i + 8, true)];
+  return {
+    type: "MultiPoint",
+    coordinates: coordinates
+  };
+}
+;
+;// CONCATENATED MODULE: ./node_modules/shapefile/shp/null.js
+/* harmony default export */ function shp_null() {
+  return null;
+}
+;
+;// CONCATENATED MODULE: ./node_modules/shapefile/shp/point.js
+/* harmony default export */ function point(record) {
+  return {
+    type: "Point",
+    coordinates: [record.getFloat64(4, true), record.getFloat64(12, true)]
+  };
+}
+;
+;// CONCATENATED MODULE: ./node_modules/shapefile/shp/polygon.js
+/* harmony default export */ function polygon(record) {
+  var i = 44,
+    j,
+    n = record.getInt32(36, true),
+    m = record.getInt32(40, true),
+    parts = new Array(n),
+    points = new Array(m),
+    polygons = [],
+    holes = [];
+  for (j = 0; j < n; ++j, i += 4) parts[j] = record.getInt32(i, true);
+  for (j = 0; j < m; ++j, i += 16) points[j] = [record.getFloat64(i, true), record.getFloat64(i + 8, true)];
+  parts.forEach(function (i, j) {
+    var ring = points.slice(i, parts[j + 1]);
+    if (ringClockwise(ring)) polygons.push([ring]);else holes.push(ring);
+  });
+  holes.forEach(function (hole) {
+    polygons.some(function (polygon) {
+      if (ringContainsSome(polygon[0], hole)) {
+        polygon.push(hole);
+        return true;
+      }
+    }) || polygons.push([hole]);
+  });
+  return polygons.length === 1 ? {
+    type: "Polygon",
+    coordinates: polygons[0]
+  } : {
+    type: "MultiPolygon",
+    coordinates: polygons
+  };
+}
+;
+function ringClockwise(ring) {
+  if ((n = ring.length) < 4) return false;
+  var i = 0,
+    n,
+    area = ring[n - 1][1] * ring[0][0] - ring[n - 1][0] * ring[0][1];
+  while (++i < n) area += ring[i - 1][1] * ring[i][0] - ring[i - 1][0] * ring[i][1];
+  return area >= 0;
+}
+function ringContainsSome(ring, hole) {
+  var i = -1,
+    n = hole.length,
+    c;
+  while (++i < n) {
+    if (c = ringContains(ring, hole[i])) {
+      return c > 0;
+    }
+  }
+  return false;
+}
+function ringContains(ring, point) {
+  var x = point[0],
+    y = point[1],
+    contains = -1;
+  for (var i = 0, n = ring.length, j = n - 1; i < n; j = i++) {
+    var pi = ring[i],
+      xi = pi[0],
+      yi = pi[1],
+      pj = ring[j],
+      xj = pj[0],
+      yj = pj[1];
+    if (segmentContains(pi, pj, point)) {
+      return 0;
+    }
+    if (yi > y !== yj > y && x < (xj - xi) * (y - yi) / (yj - yi) + xi) {
+      contains = -contains;
+    }
+  }
+  return contains;
+}
+function segmentContains(p0, p1, p2) {
+  var x20 = p2[0] - p0[0],
+    y20 = p2[1] - p0[1];
+  if (x20 === 0 && y20 === 0) return true;
+  var x10 = p1[0] - p0[0],
+    y10 = p1[1] - p0[1];
+  if (x10 === 0 && y10 === 0) return false;
+  var t = (x20 * x10 + y20 * y10) / (x10 * x10 + y10 * y10);
+  return t < 0 || t > 1 ? false : t === 0 || t === 1 ? true : t * x10 === x20 && t * y10 === y20;
+}
+;// CONCATENATED MODULE: ./node_modules/shapefile/shp/polyline.js
+/* harmony default export */ function polyline(record) {
+  var i = 44,
+    j,
+    n = record.getInt32(36, true),
+    m = record.getInt32(40, true),
+    parts = new Array(n),
+    points = new Array(m);
+  for (j = 0; j < n; ++j, i += 4) parts[j] = record.getInt32(i, true);
+  for (j = 0; j < m; ++j, i += 16) points[j] = [record.getFloat64(i, true), record.getFloat64(i + 8, true)];
+  return n === 1 ? {
+    type: "LineString",
+    coordinates: points
+  } : {
+    type: "MultiLineString",
+    coordinates: parts.map(function (i, j) {
+      return points.slice(i, parts[j + 1]);
+    })
+  };
+}
+;
+;// CONCATENATED MODULE: ./node_modules/shapefile/shp/concat.js
+/* harmony default export */ function shp_concat(a, b) {
+  var ab = new Uint8Array(a.length + b.length);
+  ab.set(a, 0);
+  ab.set(b, a.length);
+  return ab;
+}
+;// CONCATENATED MODULE: ./node_modules/shapefile/shp/read.js
+
+
+/* harmony default export */ function shp_read() {
+  var that = this;
+  ++that._index;
+  return that._source.slice(12).then(function (array) {
+    if (array == null) return {
+      done: true,
+      value: undefined
+    };
+    var header = view(array);
+
+    // If the record starts with an invalid shape type (see #36), scan ahead in
+    // four-byte increments to find the next valid record, identified by the
+    // expected index, a non-empty content length and a valid shape type.
+    function skip() {
+      return that._source.slice(4).then(function (chunk) {
+        if (chunk == null) return {
+          done: true,
+          value: undefined
+        };
+        header = view(array = shp_concat(array.slice(4), chunk));
+        return header.getInt32(0, false) !== that._index ? skip() : read();
+      });
+    }
+
+    // All records should have at least four bytes (for the record shape type),
+    // so an invalid content length indicates corruption.
+    function read() {
+      var length = header.getInt32(4, false) * 2 - 4,
+        type = header.getInt32(8, true);
+      return length < 0 || type && type !== that._type ? skip() : that._source.slice(length).then(function (chunk) {
+        return {
+          done: false,
+          value: type ? that._parse(view(shp_concat(array.slice(8), chunk))) : null
+        };
+      });
+    }
+    return read();
+  });
+}
+;// CONCATENATED MODULE: ./node_modules/shapefile/shp/index.js
+
+
+
+
+
+
+
+
+
+var parsers = {
+  0: shp_null,
+  1: point,
+  3: polyline,
+  5: polygon,
+  8: multipoint,
+  11: point,
+  // PointZ
+  13: polyline,
+  // PolyLineZ
+  15: polygon,
+  // PolygonZ
+  18: multipoint,
+  // MultiPointZ
+  21: point,
+  // PointM
+  23: polyline,
+  // PolyLineM
+  25: polygon,
+  // PolygonM
+  28: multipoint // MultiPointM
+};
+
+/* harmony default export */ function shp(source) {
+  source = slice_source_slice(source);
+  return source.slice(100).then(function (array) {
+    return new Shp(source, view(array));
+  });
+}
+;
+function Shp(source, header) {
+  var type = header.getInt32(32, true);
+  if (!(type in parsers)) throw new Error("unsupported shape type: " + type);
+  this._source = source;
+  this._type = type;
+  this._index = 0;
+  this._parse = parsers[type];
+  this.bbox = [header.getFloat64(36, true), header.getFloat64(44, true), header.getFloat64(52, true), header.getFloat64(60, true)];
+}
+var shp_prototype = Shp.prototype;
+shp_prototype.read = shp_read;
+shp_prototype.cancel = cancel_cancel;
+;// CONCATENATED MODULE: ./node_modules/shapefile/shapefile/cancel.js
+function noop() {}
+/* harmony default export */ function shapefile_cancel() {
+  return Promise.all([this._dbf && this._dbf.cancel(), this._shp.cancel()]).then(noop);
+}
+;// CONCATENATED MODULE: ./node_modules/shapefile/shapefile/read.js
+/* harmony default export */ function shapefile_read() {
+  var that = this;
+  return Promise.all([that._dbf ? that._dbf.read() : {
+    value: {}
+  }, that._shp.read()]).then(function (results) {
+    var dbf = results[0],
+      shp = results[1];
+    return shp.done ? shp : {
+      done: false,
+      value: {
+        type: "Feature",
+        properties: dbf.value,
+        geometry: shp.value
+      }
+    };
+  });
+}
+;
+;// CONCATENATED MODULE: ./node_modules/shapefile/shapefile/index.js
+
+
+
+
+/* harmony default export */ function shapefile(shpSource, dbfSource, decoder) {
+  return Promise.all([shp(shpSource), dbfSource && dbf(dbfSource, decoder)]).then(function (sources) {
+    return new Shapefile(sources[0], sources[1]);
+  });
+}
+function Shapefile(shp, dbf) {
+  this._shp = shp;
+  this._dbf = dbf;
+  this.bbox = shp.bbox;
+}
+var shapefile_prototype = Shapefile.prototype;
+shapefile_prototype.read = shapefile_read;
+shapefile_prototype.cancel = shapefile_cancel;
+;// CONCATENATED MODULE: ./node_modules/shapefile/index.js
+
+
+
+
+
+
+function shapefile_open(shp, dbf, options) {
+  if (typeof dbf === "string") {
+    if (!/\.dbf$/.test(dbf)) dbf += ".dbf";
+    dbf = path(dbf, options);
+  } else if (dbf instanceof ArrayBuffer || dbf instanceof Uint8Array) {
+    dbf = array(dbf);
+  } else if (dbf != null) {
+    dbf = stream(dbf);
+  }
+  if (typeof shp === "string") {
+    if (!/\.shp$/.test(shp)) shp += ".shp";
+    if (dbf === undefined) dbf = path(shp.substring(0, shp.length - 4) + ".dbf", options).catch(function () {});
+    shp = path(shp, options);
+  } else if (shp instanceof ArrayBuffer || shp instanceof Uint8Array) {
+    shp = array(shp);
+  } else {
+    shp = stream(shp);
+  }
+  return Promise.all([shp, dbf]).then(function (sources) {
+    var shp = sources[0],
+      dbf = sources[1],
+      encoding = "windows-1252";
+    if (options && options.encoding != null) encoding = options.encoding;
+    return shapefile(shp, dbf, dbf && new TextDecoder(encoding));
+  });
+}
+function openShp(source, options) {
+  if (typeof source === "string") {
+    if (!/\.shp$/.test(source)) source += ".shp";
+    source = path(source, options);
+  } else if (source instanceof ArrayBuffer || source instanceof Uint8Array) {
+    source = array(source);
+  } else {
+    source = stream(source);
+  }
+  return Promise.resolve(source).then(shp);
+}
+function openDbf(source, options) {
+  var encoding = "windows-1252";
+  if (options && options.encoding != null) encoding = options.encoding;
+  encoding = new TextDecoder(encoding);
+  if (typeof source === "string") {
+    if (!/\.dbf$/.test(source)) source += ".dbf";
+    source = path(source, options);
+  } else if (source instanceof ArrayBuffer || source instanceof Uint8Array) {
+    source = array(source);
+  } else {
+    source = stream(source);
+  }
+  return Promise.resolve(source).then(function (source) {
+    return dbf(source, encoding);
+  });
+}
+function node_modules_shapefile_read(shp, dbf, options) {
+  return shapefile_open(shp, dbf, options).then(function (source) {
+    var features = [],
+      collection = {
+        type: "FeatureCollection",
+        features: features,
+        bbox: source.bbox
+      };
+    return source.read().then(function read(result) {
+      if (result.done) return collection;
+      features.push(result.value);
+      return source.read().then(read);
+    });
+  });
+}
+
+/***/ }),
+
 /***/ 3010:
 /***/ (function(module) {
 
@@ -23686,6 +24334,22 @@ function defaultCompare(a, b) {
 
 /***/ }),
 
+/***/ 8897:
+/***/ (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__(458);
+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("ef9ffdf6", content, true, {"sourceMap":false,"shadowMode":false});
+
+/***/ }),
+
 /***/ 5620:
 /***/ (function(module, __unused_webpack_exports, __webpack_require__) {
 
@@ -23798,35 +24462,51 @@ var update = add("5928cba1", content, true, {"sourceMap":false,"shadowMode":fals
 
 /***/ }),
 
-/***/ 3427:
+/***/ 2462:
+/***/ (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__(1874);
+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("65613f70", content, true, {"sourceMap":false,"shadowMode":false});
+
+/***/ }),
+
+/***/ 6856:
 /***/ (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__(5578);
+var content = __webpack_require__(7238);
 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("0a31fea8", content, true, {"sourceMap":false,"shadowMode":false});
+var update = add("33f10531", content, true, {"sourceMap":false,"shadowMode":false});
 
 /***/ }),
 
-/***/ 9615:
+/***/ 7310:
 /***/ (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__(3676);
+var content = __webpack_require__(5211);
 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("1aa082e6", content, true, {"sourceMap":false,"shadowMode":false});
+var update = add("f22fd5ae", content, true, {"sourceMap":false,"shadowMode":false});
 
 /***/ }),
 
@@ -24514,6 +25194,8 @@ __webpack_require__.d(__webpack_exports__, {
   "drawPoint": function() { return /* reexport */ draw_point; },
   "drawPolygon": function() { return /* reexport */ draw_polygon; },
   "drawTools": function() { return /* reexport */ draw; },
+  "elTreeSelect": function() { return /* reexport */ el_tree_select; },
+  "jsonFile": function() { return /* reexport */ jsonFile; },
   "mapDraw": function() { return /* reexport */ mapDraw; },
   "mapEvent": function() { return /* reexport */ mapEvent; },
   "mapFullScreen": function() { return /* reexport */ mapFullScreen; },
@@ -24522,7 +25204,9 @@ __webpack_require__.d(__webpack_exports__, {
   "mapMarker": function() { return /* reexport */ mapMarker; },
   "mapRain": function() { return /* reexport */ mapRain; },
   "mapSdk": function() { return /* reexport */ package_map; },
-  "mapTools": function() { return /* reexport */ mapTools; }
+  "mapStyle": function() { return /* reexport */ mapStyle; },
+  "mapTools": function() { return /* reexport */ mapTools; },
+  "shpFile": function() { return /* reexport */ shpFile; }
 });
 
 // NAMESPACE OBJECT: ./src/package/index.js
@@ -24533,6 +25217,8 @@ __webpack_require__.d(package_namespaceObject, {
   "Qd": function() { return draw_point; },
   "is": function() { return draw_polygon; },
   "Cx": function() { return draw; },
+  "FC": function() { return el_tree_select; },
+  "tP": function() { return jsonFile; },
   "Gx": function() { return mapDraw; },
   "A": function() { return mapEvent; },
   "C2": function() { return mapFullScreen; },
@@ -24541,7 +25227,9 @@ __webpack_require__.d(package_namespaceObject, {
   "QT": function() { return mapMarker; },
   "V_": function() { return mapRain; },
   "xt": function() { return package_map; },
-  "zg": function() { return mapTools; }
+  "UC": function() { return mapStyle; },
+  "zg": function() { return mapTools; },
+  "zn": function() { return shpFile; }
 });
 
 ;// CONCATENATED MODULE: ./node_modules/@vue/cli-service/lib/commands/build/setPublicPath.js
@@ -59102,8 +59790,304 @@ var mapFullScreen_component = normalizeComponent(
 )
 
 /* 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=3900f585&scoped=true&
-var drawvue_type_template_id_3900f585_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/el-tree-select.vue?vue&type=template&id=5a009b74&scoped=true&
+var el_tree_selectvue_type_template_id_5a009b74_scoped_true_render = function render() {
+  var _vm = this,
+    _c = _vm._self._c;
+  return _c('el-select', _vm._b({
+    ref: "treeSelect",
+    staticStyle: {
+      "width": "100%"
+    },
+    attrs: {
+      "size": "small",
+      "value": _vm.valueTitle,
+      "clearable": _vm.clearable,
+      "popper-append-to-body": false
+    },
+    on: {
+      "clear": _vm.clearHandle
+    }
+  }, 'el-select', _vm.$attrs, false), [_c('div', [_c('el-input', _vm._b({
+    staticClass: "selectInput",
+    attrs: {
+      "size": "small",
+      "placeholder": _vm.placeholder
+    },
+    model: {
+      value: _vm.filterText,
+      callback: function ($$v) {
+        _vm.filterText = $$v;
+      },
+      expression: "filterText"
+    }
+  }, 'el-input', _vm.$attrs, false)), _c('el-option', {
+    staticClass: "options",
+    attrs: {
+      "value": _vm.valueTitle,
+      "label": _vm.valueTitle
+    }
+  }, [_c('el-tree', _vm._b({
+    ref: "selectTree",
+    attrs: {
+      "id": "tree-option",
+      "size": "small",
+      "accordion": _vm.accordion,
+      "data": _vm.options,
+      "props": _vm.props,
+      "node-key": _vm.props.value,
+      "default-expanded-keys": _vm.defaultExpandedKey,
+      "filter-node-method": _vm.filterNode
+    },
+    on: {
+      "node-click": _vm.handleNodeClick
+    }
+  }, 'el-tree', _vm.$attrs, false))], 1)], 1)]);
+};
+var el_tree_selectvue_type_template_id_5a009b74_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/el-tree-select.vue?vue&type=script&lang=js&
+/* harmony default export */ var el_tree_selectvue_type_script_lang_js_ = ({
+  name: 'el-tree-select',
+  props: {
+    /* 配置项 */
+    props: {
+      type: Object,
+      default: () => {
+        return {
+          value: 'id',
+          // ID字段名
+          label: 'title',
+          // 显示名称
+          children: 'children' // 子级字段名
+        };
+      }
+    },
+
+    /* 选项列表数据(树形结构的对象数组) */
+    options: {
+      type: Array,
+      default: () => {
+        return [];
+      }
+    },
+    /* 初始值 */
+    value: {
+      type: Number,
+      default: () => {
+        return null;
+      }
+    },
+    /* 可清空选项 */
+    clearable: {
+      type: Boolean,
+      default: () => {
+        return true;
+      }
+    },
+    /* 自动收起 */
+    accordion: {
+      type: Boolean,
+      default: () => {
+        return false;
+      }
+    },
+    placeholder: {
+      type: String,
+      default: () => {
+        return '搜索关键字';
+      }
+    }
+  },
+  data() {
+    return {
+      filterText: '',
+      valueId: this.value,
+      // 初始值
+      valueTitle: '',
+      defaultExpandedKey: []
+    };
+  },
+  mounted() {
+    this.initHandle();
+  },
+  methods: {
+    // 初始化值
+    initHandle() {
+      if (this.valueId) {
+        this.valueTitle = this.$refs.selectTree.getNode(this.valueId).data[this.props.label]; // 初始化显示
+        this.$refs.selectTree.setCurrentKey(this.valueId); // 设置默认选中
+        this.defaultExpandedKey = [this.valueId]; // 设置默认展开
+      }
+
+      this.initScroll();
+    },
+    // 初始化滚动条
+    initScroll() {
+      this.$nextTick(() => {
+        let scrollWrap = document.querySelectorAll('.el-scrollbar .el-select-dropdown__wrap')[0];
+        let scrollBar = document.querySelectorAll('.el-scrollbar .el-scrollbar__bar');
+        scrollWrap.style.cssText = 'margin: 0px; max-height: none; overflow: hidden;';
+        scrollBar.forEach(ele => ele.style.width = 0);
+      });
+    },
+    // 切换选项
+    handleNodeClick(node) {
+      this.valueTitle = node[this.props.label];
+      this.valueId = node[this.props.value];
+      this.$emit('getValue', this.valueId);
+      this.$emit('input', this.valueId);
+      // console.log(this.valueId)
+      this.defaultExpandedKey = [];
+      if (!node.children || !node.children.length) {
+        //补录选择完选项弹框不能收起
+        this.$refs.treeSelect.blur();
+      }
+    },
+    // 清除选中
+    clearHandle() {
+      this.valueTitle = '';
+      this.valueId = null;
+      this.defaultExpandedKey = [];
+      this.clearSelected();
+      this.$emit('getValue', null);
+    },
+    /* 清空选中样式 */
+    clearSelected() {
+      let allNode = document.querySelectorAll('#tree-option .el-tree-node');
+      allNode.forEach(element => element.classList.remove('is-current'));
+    },
+    filterNode(value, data) {
+      if (!value) return true;
+      return data.name.indexOf(value) !== -1;
+    }
+  },
+  watch: {
+    value() {
+      this.valueId = this.value;
+      this.initHandle();
+    },
+    filterText(val) {
+      this.$refs.selectTree.filter(val);
+    }
+  }
+});
+;// CONCATENATED MODULE: ./src/package/components/el-tree-select.vue?vue&type=script&lang=js&
+ /* harmony default export */ var components_el_tree_selectvue_type_script_lang_js_ = (el_tree_selectvue_type_script_lang_js_); 
+// EXTERNAL MODULE: ./node_modules/vue-style-loader/index.js??clonedRuleSet-54.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-54.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-54.use[2]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-54.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/package/components/el-tree-select.vue?vue&type=style&index=0&id=5a009b74&prod&scoped=true&lang=css&
+var el_tree_selectvue_type_style_index_0_id_5a009b74_prod_scoped_true_lang_css_ = __webpack_require__(8897);
+;// CONCATENATED MODULE: ./src/package/components/el-tree-select.vue?vue&type=style&index=0&id=5a009b74&prod&scoped=true&lang=css&
+
+;// CONCATENATED MODULE: ./src/package/components/el-tree-select.vue
+
+
+
+;
+
+
+/* normalize component */
+
+var el_tree_select_component = normalizeComponent(
+  components_el_tree_selectvue_type_script_lang_js_,
+  el_tree_selectvue_type_template_id_5a009b74_scoped_true_render,
+  el_tree_selectvue_type_template_id_5a009b74_scoped_true_staticRenderFns,
+  false,
+  null,
+  "5a009b74",
+  null
+  
+)
+
+/* harmony default export */ var el_tree_select = (el_tree_select_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/mapStyle.vue?vue&type=template&id=1a040aed&scoped=true&
+var mapStylevue_type_template_id_1a040aed_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_1a040aed_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&
+
+// import { showLayer } from '../layers/index.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).then(() => {
+          this.$emit('checkStyle', val);
+        });
+      } else {
+        package_map.checkStyle('mapbox://styles/mapbox/streets-v11').then(() => {
+          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_1a040aed_scoped_true_render,
+  mapStylevue_type_template_id_1a040aed_scoped_true_staticRenderFns,
+  false,
+  null,
+  "1a040aed",
+  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/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=551ff8b1&scoped=true&
+var drawvue_type_template_id_551ff8b1_scoped_true_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _c('div', [_c('div', {
@@ -59220,104 +60204,183 @@ var drawvue_type_template_id_3900f585_scoped_true_render = function render() {
     on: {
       "click": _vm.search
     }
-  }, [_vm._v("搜索")])], 1)]) : _vm._e(), _vm._t("tools")], 2), _c('div', {
+  }, [_vm._v("搜索")])], 1)]) : _vm._e(), _vm.uploadShp || _vm.uploadJson ? _c('div', {
+    staticClass: "mt-15"
+  }, [_vm.uploadShp ? _c('shp-file', {
+    on: {
+      "upload": _vm.getUpload
+    }
+  }) : _vm._e(), _vm.uploadJson ? _c('json-file', {
+    on: {
+      "upload": _vm.getUpload
+    }
+  }) : _vm._e()], 1) : _vm._e(), _vm._t("tools")], 2), _c('div', {
     staticClass: "right-fixed"
   }, [_vm._t("right-fixed")], 2)]);
 };
-var drawvue_type_template_id_3900f585_scoped_true_staticRenderFns = [];
+var drawvue_type_template_id_551ff8b1_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=1a040aed&scoped=true&
-var mapStylevue_type_template_id_1a040aed_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=18d75a4e&scoped=true&
+var jsonFilevue_type_template_id_18d75a4e_scoped_true_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
-  return _c('div', [_c('el-radio-group', {
+  return _c('el-button', {
+    staticClass: "upload",
     attrs: {
-      "size": "small"
+      "size": "small",
+      "type": "warning"
+    }
+  }, [_vm._v(" JSON上传 "), _c('input', {
+    staticClass: "file",
+    attrs: {
+      "type": "file",
+      "accept": ".json"
     },
-    model: {
-      value: _vm.radio,
-      callback: function ($$v) {
-        _vm.radio = $$v;
-      },
-      expression: "radio"
+    on: {
+      "change": _vm.getFile
     }
-  }, [_c('el-radio-button', {
+  })]);
+};
+var jsonFilevue_type_template_id_18d75a4e_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 {};
+  },
+  methods: {
+    getFile(e) {
+      const file = e.target.files ? e.target.files[0] : '';
+      if (file) {
+        let reader = new FileReader();
+        reader.readAsText(file, 'UTF-8');
+        reader.onload = f => {
+          let json = f.target.result;
+          if (json) {
+            json = JSON.parse(json);
+            if (!json.features) {
+              json = arcGisToGeoJson(json);
+            }
+            this.$emit('upload', json);
+          }
+        };
+      }
+    }
+  }
+});
+;// 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&
+
+;// CONCATENATED MODULE: ./src/package/draw/jsonFile.vue
+
+
+
+;
+
+
+/* normalize component */
+
+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,
+  false,
+  null,
+  "18d75a4e",
+  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() {
+  var _vm = this,
+    _c = _vm._self._c;
+  return _c('el-button', {
+    staticClass: "upload",
     attrs: {
-      "label": 1
+      "size": "small",
+      "type": "warning"
     }
-  }, [_vm._v("卫星图")]), _c('el-radio-button', {
+  }, [_vm._v(" SHP上传 "), _c('input', {
+    staticClass: "file",
     attrs: {
-      "label": 2
+      "type": "file",
+      "accept": ".shp"
+    },
+    on: {
+      "change": _vm.getFile
     }
-  }, [_vm._v("矢量图")])], 1)], 1);
+  })]);
 };
-var mapStylevue_type_template_id_1a040aed_scoped_true_staticRenderFns = [];
+var shpFilevue_type_template_id_0f36a3d8_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&
+;// 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&
 
-// import { showLayer } from '../layers/index.js'
+const shapeFile = __webpack_require__(4952); // 导入shpfile.js
 
-/* harmony default export */ var mapStylevue_type_script_lang_js_ = ({
-  props: {
-    type: {
-      type: Number,
-      default: 1
-    }
-  },
+/* harmony default export */ var shpFilevue_type_script_lang_js_ = ({
   data() {
-    return {
-      radio: 1,
-      default: ''
-    };
+    return {};
   },
-  watch: {
-    radio(val) {
-      if (val === 1) {
-        package_map.checkStyle(this.default).then(() => {
-          this.$emit('checkStyle', val);
-        });
-      } else {
-        package_map.checkStyle('mapbox://styles/mapbox/streets-v11').then(() => {
-          this.$emit('checkStyle', val);
-        });
+  methods: {
+    getFile(e) {
+      const file = e.target.files ? e.target.files[0] : '';
+      if (file) {
+        let reader = new FileReader();
+        reader.readAsArrayBuffer(file);
+        reader.onload = f => {
+          const result = f.target.result;
+          if (result) {
+            shapeFile.read(result).then(json => {
+              if (!json.features) {
+                json = arcGisToGeoJson(json);
+              }
+              // console.log(json)
+              this.$emit('upload', json);
+            });
+          }
+        };
       }
     }
-  },
-  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
+;// 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&
 
+;// CONCATENATED MODULE: ./src/package/draw/shpFile.vue
 
 
 
+;
+
 
 /* normalize component */
-;
-var mapStyle_component = normalizeComponent(
-  components_mapStylevue_type_script_lang_js_,
-  mapStylevue_type_template_id_1a040aed_scoped_true_render,
-  mapStylevue_type_template_id_1a040aed_scoped_true_staticRenderFns,
+
+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,
   false,
   null,
-  "1a040aed",
+  "0f36a3d8",
   null
   
 )
 
-/* harmony default export */ var mapStyle = (mapStyle_component.exports);
+/* harmony default export */ var shpFile = (shpFile_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&
 
 
@@ -59328,14 +60391,12 @@ var mapStyle_component = normalizeComponent(
 
 
 
-// import { getLayerAll } from '../layers/index.js'
-
-// import styles from './styles'
-
 /* harmony default export */ var drawvue_type_script_lang_js_ = ({
   components: {
     mapFullScreen: mapFullScreen,
-    mapStyle: mapStyle
+    mapStyle: mapStyle,
+    jsonFile: jsonFile,
+    shpFile: shpFile
   },
   props: {
     fullDom: {
@@ -59380,6 +60441,14 @@ var mapStyle_component = normalizeComponent(
       // 是否显示当前位置
       type: Boolean,
       default: true
+    },
+    uploadJson: {
+      type: Boolean,
+      default: false
+    },
+    uploadShp: {
+      type: Boolean,
+      default: false
     }
   },
   data() {
@@ -59567,14 +60636,17 @@ var mapStyle_component = normalizeComponent(
       if (hasLayer('search-marker')) {
         showLayer('search-marker', true);
       }
+    },
+    getUpload(json) {
+      this.$emit('getUpload', json);
     }
   }
 });
 ;// 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=3900f585&prod&lang=scss&scoped=true&
-var drawvue_type_style_index_0_id_3900f585_prod_lang_scss_scoped_true_ = __webpack_require__(3427);
-;// CONCATENATED MODULE: ./src/package/draw/index.vue?vue&type=style&index=0&id=3900f585&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=551ff8b1&prod&lang=scss&scoped=true&
+var drawvue_type_style_index_0_id_551ff8b1_prod_lang_scss_scoped_true_ = __webpack_require__(2462);
+;// CONCATENATED MODULE: ./src/package/draw/index.vue?vue&type=style&index=0&id=551ff8b1&prod&lang=scss&scoped=true&
 
 ;// CONCATENATED MODULE: ./src/package/draw/index.vue
 
@@ -59587,11 +60659,11 @@ var drawvue_type_style_index_0_id_3900f585_prod_lang_scss_scoped_true_ = __webpa
 
 var draw_component = normalizeComponent(
   package_drawvue_type_script_lang_js_,
-  drawvue_type_template_id_3900f585_scoped_true_render,
-  drawvue_type_template_id_3900f585_scoped_true_staticRenderFns,
+  drawvue_type_template_id_551ff8b1_scoped_true_render,
+  drawvue_type_template_id_551ff8b1_scoped_true_staticRenderFns,
   false,
   null,
-  "3900f585",
+  "551ff8b1",
   null
   
 )
@@ -59797,8 +60869,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=6271cf22&
-var linevue_type_template_id_6271cf22_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=2797c483&
+var linevue_type_template_id_2797c483_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _c('div', {
@@ -59822,7 +60894,8 @@ var linevue_type_template_id_6271cf22_render = function render() {
       "update": _vm.drawUpdate,
       "end": _vm.drawUpdate,
       "delete": _vm.drawUpdate,
-      "clear": _vm.clear
+      "clear": _vm.clear,
+      "getUpload": _vm.getUpload
     }
   }, 'draw-tools', _vm.$attrs, false), [_c('div', {
     staticClass: "mt-15 flex",
@@ -59841,11 +60914,7 @@ var linevue_type_template_id_6271cf22_render = function render() {
       "placeholder": "点击地图获取坐标",
       "readonly": _vm.readonly
     }
-  }), _vm.upload ? _c('shp-file', {
-    on: {
-      "upload": _vm.getShp
-    }
-  }) : _vm._e(), _c('el-button', {
+  }), _c('el-button', {
     attrs: {
       "type": "primary",
       "size": "small"
@@ -59855,93 +60924,14 @@ var linevue_type_template_id_6271cf22_render = function render() {
     }
   }, [_vm._v("保存")])], 1)])], 1);
 };
-var linevue_type_template_id_6271cf22_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=4be01ab4&scoped=true&
-var shpFilevue_type_template_id_4be01ab4_scoped_true_render = function render() {
-  var _vm = this,
-    _c = _vm._self._c;
-  return _c('el-button', {
-    staticClass: "upload",
-    attrs: {
-      "size": "small",
-      "type": "warning"
-    }
-  }, [_vm._v(" JSON上传 "), _c('input', {
-    staticClass: "file",
-    attrs: {
-      "type": "file",
-      "accept": ".json"
-    },
-    on: {
-      "change": _vm.getFile
-    }
-  })]);
-};
-var shpFilevue_type_template_id_4be01ab4_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&
-
-/* harmony default export */ var shpFilevue_type_script_lang_js_ = ({
-  data() {
-    return {};
-  },
-  methods: {
-    getFile(e) {
-      const file = e.target.files ? e.target.files[0] : '';
-      if (file) {
-        let reader = new FileReader();
-        reader.readAsText(file, 'UTF-8');
-        reader.onload = f => {
-          let json = f.target.result;
-          if (json) {
-            json = JSON.parse(json);
-            if (!json.FeatureCollection) {
-              json = arcGisToGeoJson(json);
-            }
-            console.log(json);
-            this.$emit('upload', json);
-          }
-        };
-      }
-    }
-  }
-});
-;// 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=4be01ab4&prod&lang=scss&scoped=true&
-var shpFilevue_type_style_index_0_id_4be01ab4_prod_lang_scss_scoped_true_ = __webpack_require__(9615);
-;// CONCATENATED MODULE: ./src/package/draw/shpFile.vue?vue&type=style&index=0&id=4be01ab4&prod&lang=scss&scoped=true&
-
-;// CONCATENATED MODULE: ./src/package/draw/shpFile.vue
-
-
-
-;
-
-
-/* normalize component */
-
-var shpFile_component = normalizeComponent(
-  draw_shpFilevue_type_script_lang_js_,
-  shpFilevue_type_template_id_4be01ab4_scoped_true_render,
-  shpFilevue_type_template_id_4be01ab4_scoped_true_staticRenderFns,
-  false,
-  null,
-  "4be01ab4",
-  null
-  
-)
+var linevue_type_template_id_2797c483_staticRenderFns = [];
 
-/* harmony default export */ var shpFile = (shpFile_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/line.vue?vue&type=script&lang=js&
 
 
-
 /* harmony default export */ var linevue_type_script_lang_js_ = ({
   components: {
-    drawTools: draw,
-    shpFile: shpFile
+    drawTools: draw
   },
   props: {
     config: {
@@ -59952,11 +60942,6 @@ var shpFile_component = normalizeComponent(
       type: Boolean,
       default: false
     },
-    upload: {
-      // shp文件上传
-      type: Boolean,
-      default: false
-    },
     autoZoom: {
       // 自动缩放适应边界
       type: Boolean,
@@ -60066,7 +61051,8 @@ var shpFile_component = normalizeComponent(
       this.geoJson = '';
       this.position = '';
     },
-    getShp(shp) {
+    getUpload(shp) {
+      console.log(shp);
       this.$refs.draw.clear(); // 先清空画布
       this.drawUpdate(shp, true);
       this.edit();
@@ -60085,8 +61071,8 @@ var shpFile_component = normalizeComponent(
 ;
 var line_component = normalizeComponent(
   draw_linevue_type_script_lang_js_,
-  linevue_type_template_id_6271cf22_render,
-  linevue_type_template_id_6271cf22_staticRenderFns,
+  linevue_type_template_id_2797c483_render,
+  linevue_type_template_id_2797c483_staticRenderFns,
   false,
   null,
   null,
@@ -60095,8 +61081,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=5b00e058&
-var polygonvue_type_template_id_5b00e058_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=6f860753&
+var polygonvue_type_template_id_6f860753_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _c('div', {
@@ -60120,7 +61106,8 @@ var polygonvue_type_template_id_5b00e058_render = function render() {
       "update": _vm.drawUpdate,
       "end": _vm.drawUpdate,
       "delete": _vm.drawUpdate,
-      "clear": _vm.clear
+      "clear": _vm.clear,
+      "getUpload": _vm.getUpload
     }
   }, 'draw-tools', _vm.$attrs, false), [_c('div', {
     staticClass: "mt-15",
@@ -60139,11 +61126,7 @@ var polygonvue_type_template_id_5b00e058_render = function render() {
       "placeholder": "点击地图获取坐标",
       "readonly": _vm.readonly
     }
-  }), _vm.upload ? _c('shp-file', {
-    on: {
-      "upload": _vm.getShp
-    }
-  }) : _vm._e(), _c('el-button', {
+  }), _c('el-button', {
     attrs: {
       "type": "primary",
       "size": "small"
@@ -60153,16 +61136,14 @@ var polygonvue_type_template_id_5b00e058_render = function render() {
     }
   }, [_vm._v("保存")])], 1)])], 1);
 };
-var polygonvue_type_template_id_5b00e058_staticRenderFns = [];
+var polygonvue_type_template_id_6f860753_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,
-    shpFile: shpFile
+    drawTools: draw
   },
   props: {
     config: {
@@ -60182,10 +61163,6 @@ var polygonvue_type_template_id_5b00e058_staticRenderFns = [];
       type: Boolean,
       default: true
     },
-    upload: {
-      type: Boolean,
-      default: false
-    },
     zoom: {
       type: Number,
       default: 14
@@ -60284,7 +61261,7 @@ var polygonvue_type_template_id_5b00e058_staticRenderFns = [];
       this.geoJson = '';
       this.position = '';
     },
-    getShp(shp) {
+    getUpload(shp) {
       console.log(shp);
       this.$refs.draw.clear(); // 先清空画布
       this.drawUpdate(shp, true);
@@ -60304,8 +61281,8 @@ var polygonvue_type_template_id_5b00e058_staticRenderFns = [];
 ;
 var polygon_component = normalizeComponent(
   draw_polygonvue_type_script_lang_js_,
-  polygonvue_type_template_id_5b00e058_render,
-  polygonvue_type_template_id_5b00e058_staticRenderFns,
+  polygonvue_type_template_id_6f860753_render,
+  polygonvue_type_template_id_6f860753_staticRenderFns,
   false,
   null,
   null,
@@ -60390,6 +61367,10 @@ const mapEvent = {
 
 
 
+ // 选择树组件
+ // 修改地图风格
+
+