@sword916/vae-map-plus 1.0.0 → 1.0.1

package/plugins/L.GeoUtil/index.js

@@ -0,0 +1,279 @@
+import g from "@turf/buffer";
+function c(t, e, n = {}) {
+  const r = { type: "Feature" };
+  return (n.id === 0 || n.id) && (r.id = n.id), n.bbox && (r.bbox = n.bbox), r.properties = {}, r.geometry = t, r;
+}
+function P(t, e, n = {}) {
+  if (!t)
+    throw new Error("coordinates is required");
+  if (!Array.isArray(t))
+    throw new Error("coordinates must be an Array");
+  if (t.length < 2)
+    throw new Error("coordinates must be at least 2 numbers long");
+  if (!d(t[0]) || !d(t[1]))
+    throw new Error("coordinates must contain numbers");
+  return c({
+    type: "Point",
+    coordinates: t
+  }, e, n);
+}
+function w(t, e, n = {}) {
+  for (const o of t) {
+    if (o.length < 4)
+      throw new Error(
+        "Each LinearRing of a Polygon must have 4 or more Positions."
+      );
+    if (o[o.length - 1].length !== o[0].length)
+      throw new Error("First and last Position are not equivalent.");
+    for (let i = 0; i < o[o.length - 1].length; i++)
+      if (o[o.length - 1][i] !== o[0][i])
+        throw new Error("First and last Position are not equivalent.");
+  }
+  return c({
+    type: "Polygon",
+    coordinates: t
+  }, e, n);
+}
+function A(t, e, n = {}) {
+  if (t.length < 2)
+    throw new Error("coordinates must be an array of two or more positions");
+  return c({
+    type: "LineString",
+    coordinates: t
+  }, e, n);
+}
+function d(t) {
+  return !isNaN(t) && t !== null && !Array.isArray(t);
+}
+const x = (t) => {
+  let e = [];
+  return t.geometry.coordinates.forEach((r) => {
+    e.push(r.map((o) => ({
+      lat: o[1],
+      lng: o[0]
+    })));
+  }), e;
+}, S = {
+  /**
+   * 点缓冲分析
+   * @param {L.LatLng} center 中心点
+   * @param {Number} distance 缓冲距离
+   * @param {String} units 单位
+   * @returns {Array<Array<L.LatLng>>} 缓冲区经纬度序列
+   */
+  bufferPoint(t, e, n = "meters") {
+    const r = [t.lng, t.lat], o = g(P(r), e, { units: n });
+    return x(o);
+  },
+  /**
+   * 路径缓冲分析
+   * @param {Array<L.LatLng>} latLngs 路径经纬度序列
+   * @param {Number} distance 缓冲距离
+   * @param {String} units 单位
+   * @returns {Array<Array<L.LatLng>>} 缓冲区经纬度序列
+   */
+  bufferLine(t, e, n = "meters") {
+    const r = t.map((i) => [i.lng, i.lat]), o = g(A(r), e, { units: n });
+    return x(o);
+  },
+  /**
+   * 区域缓冲分析
+   * @param {Array<L.LatLng>} latLngs 区域经纬度序列
+   * @param {Number} distance 缓冲距离
+   * @param {String} units 单位
+   * @returns {Array<Array<L.LatLng>>} 缓冲区经纬度序列
+   */
+  bufferArea(t, e, n = "meters") {
+    let r = t.map((i) => [i.lng, i.lat]);
+    r.push(r[0]);
+    const o = g(w([r]), e, { units: n });
+    return x(o);
+  }
+}, b = {
+  /**
+   * 角度转弧度
+   * @param {角度} angle
+   */
+  angleToRad(t) {
+    return t * Math.PI / 180;
+  },
+  /**
+   * 弧度转角度
+   * @param {弧度} rad
+   */
+  radToAngle(t) {
+    return t * 180 / Math.PI;
+  },
+  /**
+   * 水平角度转顺时针角
+   * @param {角度} angle
+   */
+  toClockwiseAngle(t) {
+    let e = 90 - t;
+    return e < 0 && (e += 360), e;
+  },
+  /**
+   * 求两点水平弧度
+   * @param {L.Point} a 起点
+   * @param {L.Point} b 终点
+   */
+  computeRad(t, e) {
+    return Math.atan2(e.y - t.y, e.x - t.x);
+  },
+  /**
+   * 求两点水平角度
+   * @param {L.Point} a 起点
+   * @param {L.Point} b 终点
+   */
+  computeAngle(t, e) {
+    return this.radToAngle(this.computeRad(t, e));
+  },
+  /**
+   * 获取线段夹角弧度
+   * @param {L.Point} a 交点
+   * @param {L.Point} b 终点一
+   * @param {L.Point} c 终点二
+   */
+  segmentsRad(t, e, n) {
+    const r = e.x - t.x, o = e.y - t.y, i = n.x - t.x, l = n.y - t.y, a = r * i + o * l, s = r * l - o * i;
+    return Math.atan2(s, a);
+  },
+  /**
+   * 获取点到线段所在直线的垂足
+   * @param {L.Point} a 点
+   * @param {L.Point} m 线段起点
+   * @param {L.Point} n 线段终点
+   */
+  footPointOnLine(t, e, n) {
+    const r = (e.x - n.x) * (e.x - n.x) + (e.y - n.y) * (e.y - n.y), i = ((t.x - e.x) * (n.x - e.x) + (t.y - e.y) * (n.y - e.y)) / r, l = e.x + i * (n.x - e.x), a = e.y + i * (n.y - e.y);
+    return L.point(l, a);
+  },
+  /**
+   * 两线段所在直线的交点坐标，平行或共线时不返回
+   * @param {L.Point} a 线段一起点
+   * @param {L.Point} b 线段一终点
+   * @param {L.Point} c 线段二起点
+   * @param {L.Point} d 线段二终点
+   */
+  linesIntersection(t, e, n, r) {
+    const o = (e.y - t.y) * (r.x - n.x) - (t.x - e.x) * (n.y - r.y);
+    if (o) {
+      const i = ((e.x - t.x) * (r.x - n.x) * (n.y - t.y) + (e.y - t.y) * (r.x - n.x) * t.x - (r.y - n.y) * (e.x - t.x) * n.x) / o, l = -((e.y - t.y) * (r.y - n.y) * (n.x - t.x) + (e.x - t.x) * (r.y - n.y) * t.y - (r.x - n.x) * (e.y - t.y) * n.y) / o;
+      return L.point(i, l);
+    }
+  },
+  /**
+   * 根据经纬度计算累计距离，单位米
+   * @param {Array<L.LatLng>} latLngs
+   * @param {L.CRS} 坐标系，默认使用L.CRS.EPSG3857
+   */
+  distanceByLatLngs(t, e = L.CRS.EPSG3857) {
+    typeof e.distance != "function" && (e = L.CRS.EPSG3857);
+    let n = 0;
+    if (Array.isArray(t) && t.length > 1)
+      for (let r = 0; r < t.length - 1; r++)
+        n += e.distance(t[r], t[r + 1]);
+    return n;
+  },
+  /**
+   * 根据经纬度计算面积，单位平方米
+   * @param {Array<L.LatLng>} latLngs
+   */
+  areaByLatLngs(t) {
+    let e = t.length, n = 0, r = Math.PI / 180, o, i;
+    if (e > 2) {
+      for (let l = 0; l < e; l++)
+        o = t[l], i = t[(l + 1) % e], n += (i.lng - o.lng) * r * (2 + Math.sin(o.lat * r) + Math.sin(i.lat * r));
+      n = n * 6378137 * 6378137 / 2;
+    }
+    return Math.abs(n);
+  },
+  /**
+   * 根据坐标点计算面积
+   * @param {Array<L.Point>} points
+   */
+  areaByPoints(t) {
+    let e = 0;
+    if (Array.isArray(t) && t.length > 2) {
+      let n = 0;
+      for (let r = 0; r < t.length; r++)
+        r + 1 == t.length ? n += t[r].x * t[0].y - t[0].x * t[r].y : n += t[r].x * t[r + 1].y - t[r + 1].x * t[r].y;
+      e = 1 / 2 * Math.abs(n);
+    }
+    return e;
+  },
+  /**
+   * 转换面积，增加单位
+   * @param {number} area 面积数字，单位平方米
+   */
+  readableArea(t) {
+    let e = 0;
+    return t > 1e3 * 1e3 ? e = (t / (1e3 * 1e3)).toFixed(2) + " km²" : e = Math.ceil(t) + " m²", e;
+  },
+  /**
+   * 点是否在多边形内，射线法
+   * @param {L.Point} point 给定点
+   * @param {Array<L.Point>} points 多边形坐标
+   * @returns {Boolean} 是否置于多边形内或边界上
+   */
+  isPointInPoly(t, e) {
+    const n = t.x, r = t.y;
+    let o = !1, i = !1;
+    const l = e.length;
+    for (let a = 0, s = l - 1; a < l; s = a, a++) {
+      const y = e[a].x, u = e[a].y, h = e[s].x, f = e[s].y;
+      if ((y === n && u === r || h === n && f === r) && (i = !0), u < r && f >= r || u >= r && f < r) {
+        const m = y + (r - u) * (h - y) / (f - u);
+        i = m === n, m > n && (o = !o);
+      }
+      if (i)
+        break;
+    }
+    return i || o;
+  },
+  /**
+   * 点到面的距离，在内部视为0
+   * @param {L.Point} point 给定点
+   * @param {Array<L.Point>} points 多边形坐标
+   * @param {L.CRS} crs 地图CRS
+   * @returns {Boolean} 距离数值，若CRS可用，单位为米
+  */
+  distanceToPoly(t, e, n) {
+    let r = 0;
+    if (!this.isPointInPoly(t, e)) {
+      let o = [], i = [];
+      const l = e.length;
+      for (let y = 0, u = l - 1; y < l; u = y, y++)
+        o.push(L.LineUtil.pointToSegmentDistance(t, e[y], e[u])), i.push(L.LineUtil.closestPointOnSegment(t, e[y], e[u]));
+      r = _.min(o);
+      const a = _.indexOf(o, r), s = i[a];
+      if (n && n.unproject) {
+        const y = n.unproject(t), u = n.unproject(s);
+        r = n.distance(y, u);
+      }
+    }
+    return r;
+  },
+  /**
+   * 点到折线的距离
+   * @param {L.Point} point 给定点
+   * @param {Array<L.Point>} points 折线坐标
+   * @param {L.CRS} crs 地图CRS
+   * @param {Boolean} 距离数值，若CRS可用，单位为米
+   */
+  distanceToLine(t, e, n) {
+    let r = 0, o = [], i = [];
+    if (Array.isArray(e) && e.length > 1) {
+      for (let s = 0; s < e.length - 1; s++)
+        o.push(L.LineUtil.pointToSegmentDistance(t, e[s], e[s + 1])), i.push(L.LineUtil.closestPointOnSegment(t, e[s], e[s + 1]));
+      r = _.min(o);
+      const l = _.indexOf(o, r), a = i[l];
+      if (n && n.unproject) {
+        const s = n.unproject(t), y = n.unproject(a);
+        r = n.distance(s, y);
+      }
+    }
+    return r;
+  }
+};
+L.GeoUtil = L.extend(L.GeoUtil || {}, _.assign(b, S));

package/plugins/L.Glyphicon/index.html

@@ -0,0 +1,30 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+  <meta charset="utf-8">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <meta name="viewport" content="width=device-width,initial-scale=1.0">
+  <link rel="icon" href="<%= BASE_URL %>favicon.ico">
+  <style type="text/css">
+    html {
+      width: 100%;
+      height: 100%;
+    }
+
+    body {
+      width: 100%;
+      height: 100%;
+      margin: 0;
+      padding: 0;
+      overflow: hidden;
+    }
+  </style>
+  <title>...</title>
+</head>
+
+<body>
+  <div id="app"></div>
+</body>
+
+</html>

package/plugins/L.Glyphicon/index.js

@@ -0,0 +1,57 @@
+L.Glyphicon = L.DivIcon.extend({
+  options: {
+    icon: "fas fa-leaf",
+    size: 32,
+    fontSize: null,
+    background: "white",
+    color: "#4d90fe",
+    borderRadius: null,
+    borderWidth: 2,
+    borderColor: null,
+    boxShadow: !0,
+    additionalCSS: "",
+    className: "",
+    effect: {
+      type: null,
+      size: null,
+      color: null,
+      interval: null
+    }
+  },
+  initialize(r = {}) {
+    L.setOptions(this, r);
+    let e = this.options, l = document.createElement("div");
+    L.DomUtil.addClass(l, "vae-glyphicon");
+    let t = [];
+    t.push(`height:${e.size - e.borderWidth * 2}px`), t.push(`width:${e.size - e.borderWidth * 2}px`), t.push(`color:${e.color}`);
+    let p = _.isNil(e.fontSize) ? e.size / 2 : e.fontSize;
+    t.push(`font-size:${p}px`);
+    let h = _.isNil(e.borderRadius) ? e.size : e.borderRadius;
+    t.push(`border-radius:${h}px`), t.push(`border-width:${e.borderWidth}px`), t.push(`border-color:${e.borderColor || e.color}`), t.push("border-style:solid"), t.push(`background-color:${e.background}`), e.boxShadow && t.push("box-shadow:0 2px 6px 0 rgba(0, 0, 0, 0.2)"), t.push(e.additionalCSS);
+    let d = document.createAttribute("style");
+    d.value = t.join(";");
+    let a = document.createElement("div");
+    L.DomUtil.addClass(a, e.icon), l.setAttributeNode(d), l.appendChild(a);
+    let o = e.effect;
+    if (o && o.type) {
+      let n = document.createElement("div"), c = o.type;
+      if (c === "halo") {
+        let u = document.createAttribute("style"), i = [];
+        L.DomUtil.addClass(n, "halo");
+        let s = o.size || e.size * 3;
+        i.push(`height:${s}px`), i.push(`width:${s}px`);
+        let f = o.color || e.color;
+        i.push(`background-color:${f}`), i.push(`top:-${(s - e.size) / 2}px`), i.push(`left:-${(s - e.size) / 2}px`), i.push(`animation:vae-effect-${c} ${o.interval || 2}s 0s infinite ease-in`), u.value = i.join(";"), n.setAttributeNode(u);
+      }
+      l.appendChild(n);
+    }
+    L.DivIcon.prototype.initialize.call(this, {
+      html: l.outerHTML,
+      iconSize: [e.size, e.size],
+      className: e.className
+    });
+  }
+});
+L.glyphicon = function(r) {
+  return new L.Glyphicon(r);
+};

package/plugins/L.Glyphicon/style.css

@@ -0,0 +1 @@
+.vae-glyphicon{display:flex;align-items:center;justify-content:center}.vae-glyphicon .halo{border-radius:50%;position:absolute;pointer-events:none;z-index:-1}@keyframes vae-effect-halo{0%{transform:scale(.2);opacity:0}65%{opacity:.75}75%{opacity:.75}85%{opacity:.2}to{transform:scale(1);opacity:0}}

package/plugins/L.MarkerClusterX/index.html

@@ -0,0 +1,30 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+  <meta charset="utf-8">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <meta name="viewport" content="width=device-width,initial-scale=1.0">
+  <link rel="icon" href="<%= BASE_URL %>favicon.ico">
+  <style type="text/css">
+    html {
+      width: 100%;
+      height: 100%;
+    }
+
+    body {
+      width: 100%;
+      height: 100%;
+      margin: 0;
+      padding: 0;
+      overflow: hidden;
+    }
+  </style>
+  <title>...</title>
+</head>
+
+<body>
+  <div id="app"></div>
+</body>
+
+</html>

package/plugins/L.MarkerClusterX/index.js

@@ -0,0 +1,33 @@
+function c(l) {
+  let e = 1, i = 30, r = 6;
+  const t = l.getChildCount();
+  t > 0 && t <= 9 ? (e = 1, i = 30, r = 6) : t > 9 && t <= 49 ? (e = 2, i = 38, r = 8) : t > 49 && t <= 99 ? (e = 3, i = 46, r = 8) : t > 99 && t <= 499 ? (e = 4, i = 54, r = 10) : t > 499 && t < 999 ? (e = 5, i = 62, r = 10) : (e = 6, i = 70, r = 12);
+  const s = `vae-markercluster--icon style--${this.iconStyle || "blue"} level--${e}`, n = i - r, o = `border-radius:${i / 2}px;`, a = `height:${n}px;width:${n}px;border-radius:${n / 2}px;`;
+  return L.divIcon({
+    html: `<div class="outer center" style="${o}"><div class="inner center" style="${a}">${t}</div></div>`,
+    className: s,
+    iconSize: [i, i]
+  });
+}
+L.MarkerClusterGroupX = L.MarkerClusterGroup.extend({
+  options: {
+    iconStyle: "blue",
+    showCoverageOnHover: !1,
+    maxClusterRadius: 60,
+    spiderLegPolylineOptions: {
+      weight: 2,
+      dashArray: [5, 5],
+      interactive: !1,
+      opacity: 0.8
+    },
+    iconCreateFunction: c
+  },
+  initialize(l = {}) {
+    L.setOptions(this, l);
+    const e = this.options.iconStyle || "blue";
+    this.options.spiderLegPolylineOptions.color = e == "red" ? "hsl(354, 70%, 54%)" : e == "blue" ? "hsl(211, 100%, 45%)" : e == "green" ? "hsl(134, 61%, 41%)" : e == "gray" ? "#606266" : e == "yellow" ? "#f9c31f" : e == "orange" ? "#fd7e14" : e == "cyan" ? "#17a2b8" : e == "purple" ? "#5c11d4" : e == "pink" ? "#e83e8c" : e == "transparent" ? "rgba(0,0,0,0.6)" : null, L.MarkerClusterGroup.prototype.initialize.call(this, this.options);
+  }
+});
+L.markerClusterGroupX = function(l) {
+  return new L.MarkerClusterGroupX(l);
+};

package/plugins/L.MarkerClusterX/style.css

@@ -0,0 +1 @@
+.vae-markercluster--icon .outer{height:100%;width:100%;font-size:12px}.vae-markercluster--icon .outer .inner{color:#fff;font-weight:700}.vae-markercluster--icon .center{display:flex;align-items:center;justify-content:center}.vae-markercluster--icon.style--red.level--1 .outer{background:#ff7548}.vae-markercluster--icon.style--red.level--1 .outer .inner{background:#da2b3c}.vae-markercluster--icon.style--red.level--2 .outer{background:#ff6e3e}.vae-markercluster--icon.style--red.level--2 .outer .inner{background:#d02536}.vae-markercluster--icon.style--red.level--3 .outer{background:#f63}.vae-markercluster--icon.style--red.level--3 .outer .inner{background:#c32232}.vae-markercluster--icon.style--red.level--4 .outer{background:#ff5e29}.vae-markercluster--icon.style--red.level--4 .outer .inner{background:#b6202f}.vae-markercluster--icon.style--red.level--5 .outer{background:#ff571f}.vae-markercluster--icon.style--red.level--5 .outer .inner{background:#a91e2c}.vae-markercluster--icon.style--red.level--6 .outer{background:#ff4f15}.vae-markercluster--icon.style--red.level--6 .outer .inner{background:#9c1c28}.vae-markercluster--icon.style--orange.level--1 .outer{background:#f9c21a}.vae-markercluster--icon.style--orange.level--1 .outer .inner{background:#fd780a}.vae-markercluster--icon.style--orange.level--2 .outer{background:#f9c015}.vae-markercluster--icon.style--orange.level--2 .outer .inner{background:#fa7302}.vae-markercluster--icon.style--orange.level--3 .outer{background:#f9bf10}.vae-markercluster--icon.style--orange.level--3 .outer .inner{background:#f06e02}.vae-markercluster--icon.style--orange.level--4 .outer{background:#f8be0b}.vae-markercluster--icon.style--orange.level--4 .outer .inner{background:#e66a02}.vae-markercluster--icon.style--orange.level--5 .outer{background:#f8bc07}.vae-markercluster--icon.style--orange.level--5 .outer .inner{background:#dc6502}.vae-markercluster--icon.style--orange.level--6 .outer{background:#f3b807}.vae-markercluster--icon.style--orange.level--6 .outer .inner{background:#d26102}.vae-markercluster--icon.style--yellow.level--1 .outer{background:#fdfd6d}.vae-markercluster--icon.style--yellow.level--1 .outer .inner{background:#f9bf10}.vae-markercluster--icon.style--yellow.level--2 .outer{background:#fdfd63}.vae-markercluster--icon.style--yellow.level--2 .outer .inner{background:#f3b807}.vae-markercluster--icon.style--yellow.level--3 .outer{background:#fdfd59}.vae-markercluster--icon.style--yellow.level--3 .outer .inner{background:#e4ad06}.vae-markercluster--icon.style--yellow.level--4 .outer{background:#fcfc4f}.vae-markercluster--icon.style--yellow.level--4 .outer .inner{background:#d5a206}.vae-markercluster--icon.style--yellow.level--5 .outer{background:#fcfc45}.vae-markercluster--icon.style--yellow.level--5 .outer .inner{background:#c69605}.vae-markercluster--icon.style--yellow.level--6 .outer{background:#fcfc3b}.vae-markercluster--icon.style--yellow.level--6 .outer .inner{background:#b78b05}.vae-markercluster--icon.style--blue.level--1 .outer{background:#4dc3ff}.vae-markercluster--icon.style--blue.level--1 .outer .inner{background:#0068d6}.vae-markercluster--icon.style--blue.level--2 .outer{background:#42c0ff}.vae-markercluster--icon.style--blue.level--2 .outer .inner{background:#0060c7}.vae-markercluster--icon.style--blue.level--3 .outer{background:#38bdff}.vae-markercluster--icon.style--blue.level--3 .outer .inner{background:#0059b8}.vae-markercluster--icon.style--blue.level--4 .outer{background:#2eb9ff}.vae-markercluster--icon.style--blue.level--4 .outer .inner{background:#0051a8}.vae-markercluster--icon.style--blue.level--5 .outer{background:#24b6ff}.vae-markercluster--icon.style--blue.level--5 .outer .inner{background:#004a99}.vae-markercluster--icon.style--blue.level--6 .outer{background:#1ab2ff}.vae-markercluster--icon.style--blue.level--6 .outer .inner{background:#00438a}.vae-markercluster--icon.style--green.level--1 .outer{background:#7bcb52}.vae-markercluster--icon.style--green.level--1 .outer .inner{background:#269c41}.vae-markercluster--icon.style--green.level--2 .outer{background:#75c94a}.vae-markercluster--icon.style--green.level--2 .outer .inner{background:#23903c}.vae-markercluster--icon.style--green.level--3 .outer{background:#6fc743}.vae-markercluster--icon.style--green.level--3 .outer .inner{background:#208337}.vae-markercluster--icon.style--green.level--4 .outer{background:#69c43b}.vae-markercluster--icon.style--green.level--4 .outer .inner{background:#1d7732}.vae-markercluster--icon.style--green.level--5 .outer{background:#64bc38}.vae-markercluster--icon.style--green.level--5 .outer .inner{background:#1a6b2d}.vae-markercluster--icon.style--green.level--6 .outer{background:#60b536}.vae-markercluster--icon.style--green.level--6 .outer .inner{background:#175e28}.vae-markercluster--icon.style--cyan.level--1 .outer{background:#00fafa}.vae-markercluster--icon.style--cyan.level--1 .outer .inner{background:#169aaf}.vae-markercluster--icon.style--cyan.level--2 .outer{background:#00f5f5}.vae-markercluster--icon.style--cyan.level--2 .outer .inner{background:#1592a6}.vae-markercluster--icon.style--cyan.level--3 .outer{background:#00f0f0}.vae-markercluster--icon.style--cyan.level--3 .outer .inner{background:#148a9d}.vae-markercluster--icon.style--cyan.level--4 .outer{background:#00ebeb}.vae-markercluster--icon.style--cyan.level--4 .outer .inner{background:#128294}.vae-markercluster--icon.style--cyan.level--5 .outer{background:#00e5e6}.vae-markercluster--icon.style--cyan.level--5 .outer .inner{background:#117a8b}.vae-markercluster--icon.style--cyan.level--6 .outer{background:#00e0e0}.vae-markercluster--icon.style--cyan.level--6 .outer .inner{background:#107282}.vae-markercluster--icon.style--purple.level--1 .outer{background:#64abf7}.vae-markercluster--icon.style--purple.level--1 .outer .inner{background:#5610c6}.vae-markercluster--icon.style--purple.level--2 .outer{background:#5aa6f6}.vae-markercluster--icon.style--purple.level--2 .outer .inner{background:#500fb8}.vae-markercluster--icon.style--purple.level--3 .outer{background:#51a0f6}.vae-markercluster--icon.style--purple.level--3 .outer .inner{background:#4a0eaa}.vae-markercluster--icon.style--purple.level--4 .outer{background:#479bf5}.vae-markercluster--icon.style--purple.level--4 .outer .inner{background:#430c9b}.vae-markercluster--icon.style--purple.level--5 .outer{background:#3d96f5}.vae-markercluster--icon.style--purple.level--5 .outer .inner{background:#3d0b8d}.vae-markercluster--icon.style--purple.level--6 .outer{background:#3491f4}.vae-markercluster--icon.style--purple.level--6 .outer .inner{background:#370a7f}.vae-markercluster--icon.style--pink.level--1 .outer{background:#f6b1c2}.vae-markercluster--icon.style--pink.level--1 .outer .inner{background:#e63084}.vae-markercluster--icon.style--pink.level--2 .outer{background:#f5a8bb}.vae-markercluster--icon.style--pink.level--2 .outer .inner{background:#e5237c}.vae-markercluster--icon.style--pink.level--3 .outer{background:#f49fb4}.vae-markercluster--icon.style--pink.level--3 .outer .inner{background:#de1a74}.vae-markercluster--icon.style--pink.level--4 .outer{background:#f395ac}.vae-markercluster--icon.style--pink.level--4 .outer .inner{background:#d0196d}.vae-markercluster--icon.style--pink.level--5 .outer{background:#f28ca5}.vae-markercluster--icon.style--pink.level--5 .outer .inner{background:#c21766}.vae-markercluster--icon.style--pink.level--6 .outer{background:#f1839e}.vae-markercluster--icon.style--pink.level--6 .outer .inner{background:#b5165f}.vae-markercluster--icon.style--gray.level--1 .outer{background:#babfc7}.vae-markercluster--icon.style--gray.level--1 .outer .inner{background:#595a5e}.vae-markercluster--icon.style--gray.level--2 .outer{background:#b5b9c3}.vae-markercluster--icon.style--gray.level--2 .outer .inner{background:#515356}.vae-markercluster--icon.style--gray.level--3 .outer{background:#afb4be}.vae-markercluster--icon.style--gray.level--3 .outer .inner{background:#4a4b4e}.vae-markercluster--icon.style--gray.level--4 .outer{background:#a9afba}.vae-markercluster--icon.style--gray.level--4 .outer .inner{background:#424446}.vae-markercluster--icon.style--gray.level--5 .outer{background:#a4aab5}.vae-markercluster--icon.style--gray.level--5 .outer .inner{background:#3b3c3f}.vae-markercluster--icon.style--gray.level--6 .outer{background:#9ea4b1}.vae-markercluster--icon.style--gray.level--6 .outer .inner{background:#333537}.vae-markercluster--icon.style--transparent.level--1 .outer{background:#0003}.vae-markercluster--icon.style--transparent.level--1 .outer .inner{background:#0009}.vae-markercluster--icon.style--transparent.level--2 .outer{background:#0003}.vae-markercluster--icon.style--transparent.level--2 .outer .inner{background:#0009}.vae-markercluster--icon.style--transparent.level--3 .outer{background:#0003}.vae-markercluster--icon.style--transparent.level--3 .outer .inner{background:#0009}.vae-markercluster--icon.style--transparent.level--4 .outer{background:#0003}.vae-markercluster--icon.style--transparent.level--4 .outer .inner{background:#0009}.vae-markercluster--icon.style--transparent.level--5 .outer{background:#0003}.vae-markercluster--icon.style--transparent.level--5 .outer .inner{background:#0009}.vae-markercluster--icon.style--transparent.level--6 .outer{background:#0003}.vae-markercluster--icon.style--transparent.level--6 .outer .inner{background:#0009}

package/plugins/L.SafeDivOverlay/index.html

@@ -0,0 +1,30 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+  <meta charset="utf-8">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <meta name="viewport" content="width=device-width,initial-scale=1.0">
+  <link rel="icon" href="<%= BASE_URL %>favicon.ico">
+  <style type="text/css">
+    html {
+      width: 100%;
+      height: 100%;
+    }
+
+    body {
+      width: 100%;
+      height: 100%;
+      margin: 0;
+      padding: 0;
+      overflow: hidden;
+    }
+  </style>
+  <title>...</title>
+</head>
+
+<body>
+  <div id="app"></div>
+</body>
+
+</html>

package/plugins/L.SafeDivOverlay/index.js

@@ -0,0 +1,26 @@
+import r from "leaflet";
+const p = "_safeDivOverlayPatched";
+function s(n) {
+  return !!(n && n._map && n._latlng && n._container);
+}
+function i(n, o) {
+  var u;
+  if (!((u = n == null ? void 0 : n.prototype) != null && u[o]))
+    return;
+  const t = `${p}_${o}`;
+  if (n.prototype[t])
+    return;
+  const d = n.prototype[o];
+  n.include({
+    [t]: !0,
+    [o](..._) {
+      if (s(this))
+        return d.apply(this, _);
+    }
+  });
+}
+function c(n) {
+  !n || n[p] || (i(n.Tooltip, "_animateZoom"), i(n.Tooltip, "_updatePosition"), i(n.Popup, "_animateZoom"), i(n.Popup, "_updatePosition"), n[p] = !0);
+}
+c(r);
+typeof window < "u" && window.L && window.L !== r && c(window.L);

package/plugins/L.TileLayer.ChinaProvider/index.html

@@ -0,0 +1,30 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+  <meta charset="utf-8">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <meta name="viewport" content="width=device-width,initial-scale=1.0">
+  <link rel="icon" href="<%= BASE_URL %>favicon.ico">
+  <style type="text/css">
+    html {
+      width: 100%;
+      height: 100%;
+    }
+
+    body {
+      width: 100%;
+      height: 100%;
+      margin: 0;
+      padding: 0;
+      overflow: hidden;
+    }
+  </style>
+  <title>...</title>
+</head>
+
+<body>
+  <div id="app"></div>
+</body>
+
+</html>

package/plugins/L.TileLayer.ChinaProvider/index.js

@@ -0,0 +1,91 @@
+const m = {
+  TianDiTu: {
+    Normal: {
+      Map: "https://t{s}.tianditu.gov.cn/DataServer?T=vec_w&X={x}&Y={y}&L={z}&tk={key}",
+      Annotion: "https://t{s}.tianditu.gov.cn/DataServer?T=cva_w&X={x}&Y={y}&L={z}&tk={key}"
+    },
+    Satellite: {
+      Map: "https://t{s}.tianditu.gov.cn/DataServer?T=img_w&X={x}&Y={y}&L={z}&tk={key}",
+      Annotion: "https://t{s}.tianditu.gov.cn/DataServer?T=cia_w&X={x}&Y={y}&L={z}&tk={key}"
+    },
+    Terrain: {
+      Map: "https://t{s}.tianditu.gov.cn/DataServer?T=ter_w&X={x}&Y={y}&L={z}&tk={key}",
+      Annotion: "https://t{s}.tianditu.gov.cn/DataServer?T=cta_w&X={x}&Y={y}&L={z}&tk={key}"
+    },
+    Subdomains: ["0", "1", "2", "3", "4", "5", "6", "7"],
+    key: "1a346e3ea95a3227a097cabf11a901b7"
+  },
+  GaoDe: {
+    Normal: {
+      Map: "https://webrd0{s}.is.autonavi.com/appmaptile?lang=zh_cn&size=1&scale=1&style=8&x={x}&y={y}&z={z}"
+    },
+    Satellite: {
+      Map: "https://webst0{s}.is.autonavi.com/appmaptile?style=6&x={x}&y={y}&z={z}",
+      Annotion: "https://webst0{s}.is.autonavi.com/appmaptile?style=8&x={x}&y={y}&z={z}"
+    },
+    Subdomains: ["1", "2", "3", "4"]
+  },
+  GaoDe_Mobile: {
+    Normal: {
+      Map: "https://wprd0{s}.is.autonavi.com/appmaptile?x={x}&y={y}&z={z}&lang=zh_cn&size=1&scl=1&style=7"
+    },
+    Satellite: {
+      Map: "https://wprd0{s}.is.autonavi.com/appmaptile?x={x}&y={y}&z={z}&lang=zh_cn&size=1&scl=1&style=6",
+      Annotion: "https://wprd0{s}.is.autonavi.com/appmaptile?x={x}&y={y}&z={z}&lang=zh_cn&size=1&scl=2&style=8"
+    },
+    Subdomains: ["1", "2", "3", "4"]
+  },
+  Google: {
+    Normal: {
+      Map: "https://www.google.cn/maps/vt?lyrs=m&gl=cn&x={x}&y={y}&z={z}"
+    },
+    Satellite: {
+      Map: "https://www.google.cn/maps/vt?lyrs=s&gl=cn&x={x}&y={y}&z={z}",
+      Annotion: "https://www.google.cn/maps/vt?lyrs=h&gl=cn&x={x}&y={y}&z={z}"
+    },
+    Subdomains: []
+  },
+  Geoq: {
+    Normal: {
+      Map: "https://map.geoq.cn/ArcGIS/rest/services/ChinaOnlineCommunity/MapServer/tile/{z}/{y}/{x}",
+      PurplishBlue: "https://map.geoq.cn/ArcGIS/rest/services/ChinaOnlineStreetPurplishBlue/MapServer/tile/{z}/{y}/{x}",
+      Gray: "https://map.geoq.cn/ArcGIS/rest/services/ChinaOnlineStreetGray/MapServer/tile/{z}/{y}/{x}",
+      Warm: "https://map.geoq.cn/ArcGIS/rest/services/ChinaOnlineStreetWarm/MapServer/tile/{z}/{y}/{x}"
+    },
+    Theme: {
+      Hydro: "https://thematic.geoq.cn/arcgis/rest/services/ThematicMaps/WorldHydroMap/MapServer/tile/{z}/{y}/{x}",
+      Division: "https://thematic.geoq.cn/arcgis/rest/services/ThematicMaps/administrative_division_boundaryandlabel/MapServer/tile/{z}/{y}/{x}"
+    },
+    Subdomains: []
+  }
+};
+L.TileLayer.ChinaProvider = L.TileLayer.extend({
+  initialize(e, i = {}) {
+    var n;
+    const [p, s] = e.split("@"), a = p.split(".");
+    if (a[0] && a.length == 3) {
+      const r = a[0], l = a[1], c = a[2], t = m[r];
+      if (t) {
+        const o = (n = t == null ? void 0 : t[l]) == null ? void 0 : n[c];
+        if (o)
+          if (t.hasOwnProperty("key") && !s)
+            console.error(`provider '${r}' need a key`);
+          else {
+            const y = {
+              maxZoom: 24,
+              subdomains: t.Subdomains,
+              key: s
+            };
+            L.TileLayer.prototype.initialize.call(this, o, L.extend(y, i));
+          }
+        else
+          console.error(`provider not found '${e}'`);
+      } else
+        console.error(`provider not found '${e}'`);
+    } else
+      console.error(`provider not found '${e}'`);
+  }
+});
+L.tileLayer.chinaProvider = function(e, i) {
+  return new L.TileLayer.ChinaProvider(e, i);
+};