amap

2025-04-22 16:34:12 +08:00 · 2025-04-22 16:34:12 +08:00 · 7fc6bb272d
commit 7fc6bb272d
parent 9eac2572b6
10 changed files with 4046 additions and 103 deletions
--- a/main/index.html
+++ b/main/index.html
@ -7,13 +7,13 @@
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title></title>
  <script>
-    window._AMapSecurityConfig = {
-      securityJsCode: 'f09302d3ed65110614bdb26e44717ddf',
-    };
+    // window._AMapSecurityConfig = {
+    //   securityJsCode: 'f09302d3ed65110614bdb26e44717ddf',
+    // };
  </script>
-  <script type="text/javascript"
+  <!-- <script type="text/javascript"
    src="https://webapi.amap.com/maps?v=2.0&key=c843a50db7157faf295c6fa37c48719f&plugin=AMap.PlaceSearch,AMap.Geocoder"></script>
-  <script src="https://webapi.amap.com/ui/1.1/main.js?v=1.0.11"></script>
+  <script src="https://webapi.amap.com/ui/1.1/main.js?v=1.0.11"></script> -->
 </head>

 <body>
--- a/main/src/hooks/useEcharts.js
+++ b/main/src/hooks/useEcharts.js
@ -84,7 +84,7 @@ export const useEcharts = (elRef, theme = 'default') => {
    }
    nextTick(() => {
      if (el.offsetWidth === 0 || el.offsetHeight === 0) {
-        console.warn('图表容器不可见，延迟初始化');
+        // console.warn('图表容器不可见，延迟初始化');
        useTimeoutFn(() => initCharts(t), 100);
        return;
      }
--- a/package-lock.json
+++ b/package-lock.json
--- a/sub-government-screen-service/.eslintrc.cjs
+++ b/sub-government-screen-service/.eslintrc.cjs
@ -50,6 +50,9 @@ module.exports = {
    defineEmits: 'readonly',
    defineExpose: 'readonly',
    withDefaults: 'readonly',
+    AMap: true,
+    Loca: true,
+    AMapUI: true
  },
  // 这里时配置规则的,自己看情况配置
  rules: {
--- a/sub-government-screen-service/package.json
+++ b/sub-government-screen-service/package.json
@ -18,6 +18,8 @@
  "dependencies": {
    "@element-plus/icons-vue": "^2.3.1",
    "@smallwei/avue": "^3.6.2",
+    "@vuemap/vue-amap": "^2.0",
+    "@vuemap/vue-amap-loca": "^2.0",
    "@wangeditor/editor": "^5.1.23",
    "@wangeditor/editor-for-vue": "^5.1.12",
    "axios": "^1.6.5",
--- a/sub-government-screen-service/src/main.js
+++ b/sub-government-screen-service/src/main.js
@ -19,11 +19,25 @@ import { registerDirective } from './directives';
 import { registerGlobalComponents } from './plugins/globalComponents';
 import { registerElIcons } from './plugins/icon';
 import { registerMicroApps } from './plugins/micro';
+import VueAMap, { initAMapApiLoader } from '@vuemap/vue-amap';
+import '@vuemap/vue-amap/dist/style.css';
+
+// 初始化高德地图 API
+initAMapApiLoader({
+  key: 'c843a50db7157faf295c6fa37c48719f',
+  securityJsCode: 'f09302d3ed65110614bdb26e44717ddf', // 新版key需要配合安全密钥使用
+  version: '2.0',
+  Loca: {
+    version: '2.0',
+  },
+  AMapUI: {
+    plugins: ['misc/PathSimplifier'],
+  },
+  plugins: ['AMap.MapType'],
+});

 const app = createApp(App);
-// 注册 Vue3 Scroll Seamless 组件
-// app.component('Vue3ScrollSeamless', vue3ScrollSeamless);
-app.use(pinia).use(router).use(ElementPlus).use(Avue);
+app.use(pinia).use(router).use(ElementPlus).use(Avue).use(VueAMap);
 registerGlobalComponents(app);
 registerElIcons(app);
 registerDirective(app);
--- a/sub-government-screen-service/src/views/plant/components/plantgs
+++ b/sub-government-screen-service/src/views/plant/components/plantgs
@ -0,0 +1,138 @@
+<template>
+  <div class="plant-gs-warp">
+    <div ref="viewwarp" class="plant-gs-content" :style="{ 'background-image': 'url(' + getAssetsFile('images/plant/bg1.png') + ')' }">
+      <vc-config-provider :cesium-path="vcConfig.cesiumPath" :access-token="vcConfig.accessToken">
+        <vc-viewer ref="viewerRef" @ready="onViewerReady">
+          <vc-layer-imagery :minimum-level="12" :maximum-level="18" :contrast="1.8" :saturation="1" :alpha="1">
+            <vc-imagery-provider-amap :key="'c843a50db7157faf295c6fa37c48719f'"></vc-imagery-provider-amap>
+          </vc-layer-imagery>
+
+          <!-- 蒙版层 -->
+          <vc-entity>
+            <vc-graphics-polygon
+              ref="polygon4"
+              :hierarchy="hierarchy4"
+              :material="[110, 161, 153, 150]"
+              :height="0"
+              :outline="false"
+            ></vc-graphics-polygon>
+          </vc-entity>
+        </vc-viewer>
+      </vc-config-provider>
+    </div>
+  </div>
+</template>
+<script setup>
+import { isEmpty, getAssetsFile } from '@/utils';
+import { ref, reactive, onMounted, computed, nextTick, getCurrentInstance } from 'vue';
+import {
+  VcViewer,
+  VcConfigProvider,
+  VcImageryProviderAmap,
+  VcLayerImagery,
+  VcGraphicsPlane,
+  VcEntity,
+  VcGraphicsPolygon,
+  VcGraphicsRectangle,
+} from 'vue-cesium';
+import 'vue-cesium/dist/index.css';
+
+const vcConfig = reactive({
+  cesiumPath: 'https://cdn.bootcdn.net/ajax/libs/cesium/1.80.0/Cesium.js',
+  accessToken:
+    'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJqdGkiOiJiNjJjZTUxYi1lOTQ3LTQ3YjctOGI3ZS02ZGUzY2E4YWFkNDkiLCJpZCI6Mjg4MjAxLCJpYXQiOjE3NDMwNTY0MzN9.rjHQiqf7Y8bccaqsapqveULVAUH6M1QkeFp-AKG-frA',
+});
+const viewerRef = ref(null);
+const viewwarp = ref(null);
+let polygon4 = ref(null);
+
+onMounted(() => {
+  console.info('onMounted', viewerRef);
+  Promise.all([polygon4.value.creatingPromise]).then((instances) => {
+    console.info('instances');
+    // instances[0].viewer.zoomTo(instances[0].viewer.entities);
+  });
+});
+
+const hierarchy4 = reactive({
+  positions: [
+    [99.406653, 23.534142], // 左下角
+    [99.706653, 23.534142], // 右下角
+    [99.706653, 23.834142], // 右上角
+    [99.406653, 23.834142], // 左上角
+  ],
+  holes: [
+    {
+      positions: [
+        [99.506653, 23.634142], // 耿马镇边界点 1
+        [99.606653, 23.634142], // 耿马镇边界点 2
+        [99.606653, 23.734142], // 耿马镇边界点 3
+        [99.506653, 23.734142], // 耿马镇边界点 4
+      ],
+    },
+  ],
+});
+
+const onViewerReady = (readyObj) => {
+  console.info('readyObj', readyObj.Cesium); // Cesium namespace object
+  console.log(readyObj.viewer); // instanceof Cesium.Viewer
+
+  const { Cesium, viewer } = readyObj;
+
+  // 将耿马县和耿马镇的所有边界点合并
+  const allPositions = [...hierarchy4.positions, ...hierarchy4.holes[0].positions].map((coord) => Cesium.Cartesian3.fromDegrees(coord[0], coord[1]));
+
+  // 计算所有边界点的包围球
+  const boundingSphere = Cesium.BoundingSphere.fromPoints(allPositions);
+
+  // 设置相机视角
+  viewer.camera.setView({
+    destination: boundingSphere.center, // 目标中心点
+    orientation: {
+      // heading: Cesium.Math.toRadians(-10), // 方向角
+      // pitch: Cesium.Math.toRadians(-90), // 俯仰角
+      // roll: 0, // 滚动角
+      heading: Cesium.Math.toRadians(6), //
+      pitch: Cesium.Math.toRadians(-25), //
+      roll: Cesium.Math.toRadians(6), //
+    },
+  });
+
+  // 动态调整相机高度，确保整个区域可见
+  const radius = boundingSphere.radius; // 包围球半径
+  const cameraHeight = radius * 1; // 根据经验公式调整高度
+  viewer.camera.moveBackward(cameraHeight); // 向后移动相机
+
+  // viewer.camera.changed.addEventListener(() => {
+  //   console.log('Camera changed:', viewer.camera);
+  // });
+};
+</script>
+<style lang="scss" scoped>
+.plant-gs-warp {
+  height: 100%;
+  padding: 10px 0;
+  width: 100%;
+  box-sizing: border-box;
+  .plant-gs-content {
+    background-size: 100% 100%;
+    background-repeat: no-repeat;
+    width: 100%;
+    height: 100%;
+    overflow: hidden;
+    ::v-deep() {
+      .vc-viewer {
+        height: calc(100% - 30px) !important;
+        width: calc(100% - 20px) !important;
+        margin: 20px 10px 10px 10px !important;
+      }
+      canvas {
+        border-radius: 10px !important;
+      }
+      .cesium-viewer-bottom {
+        display: none !important;
+      }
+    }
+  }
+}
+</style>
--- a/sub-government-screen-service/src/views/plant/components/plantgs.vue
+++ b/sub-government-screen-service/src/views/plant/components/plantgs.vue
@ -1,112 +1,39 @@
 <template>
  <div class="plant-gs-warp">
    <div ref="viewwarp" class="plant-gs-content" :style="{ 'background-image': 'url(' + getAssetsFile('images/plant/bg1.png') + ')' }">
-      <vc-config-provider :cesium-path="vcConfig.cesiumPath" :access-token="vcConfig.accessToken">
-        <vc-viewer ref="viewerRef" @ready="onViewerReady">
-          <vc-layer-imagery :minimum-level="12" :maximum-level="18" :contrast="1.8" :saturation="1" :alpha="1">
-            <vc-imagery-provider-amap :key="'c843a50db7157faf295c6fa37c48719f'"></vc-imagery-provider-amap>
-          </vc-layer-imagery>
-
-          <!-- 蒙版层 -->
-          <vc-entity>
-            <vc-graphics-polygon
-              ref="polygon4"
-              :hierarchy="hierarchy4"
-              :material="[110, 161, 153, 150]"
-              :height="0"
-              :outline="false"
-            ></vc-graphics-polygon>
-          </vc-entity>
-        </vc-viewer>
-      </vc-config-provider>
+      <el-amap :zoom="11" :center="[99.402267, 23.538889]" ref="mapRef">
+        <!-- 带孔洞的四边形 -->
+        <el-amap-layer-satellite :visible="visible" />
+        <el-amap-polygon :path="polygon" :fill-opacity="0.5" fill-color="#748cb7" stroke-color="transparent" />
+      </el-amap>
    </div>
  </div>
 </template>
 <script setup>
 import { isEmpty, getAssetsFile } from '@/utils';
-import { ref, reactive, onMounted, computed, nextTick, getCurrentInstance } from 'vue';
-import {
-  VcViewer,
-  VcConfigProvider,
-  VcImageryProviderAmap,
-  VcLayerImagery,
-  VcGraphicsPlane,
-  VcEntity,
-  VcGraphicsPolygon,
-  VcGraphicsRectangle,
-} from 'vue-cesium';
-import 'vue-cesium/dist/index.css';
+import { ref, reactive, onMounted } from 'vue';
+import { ElAmap, ElAmapPolygon } from '@vuemap/vue-amap';
+onMounted(() => {});

-const vcConfig = reactive({
-  cesiumPath: 'https://cdn.bootcdn.net/ajax/libs/cesium/1.80.0/Cesium.js',
-  accessToken:
-    'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJqdGkiOiJiNjJjZTUxYi1lOTQ3LTQ3YjctOGI3ZS02ZGUzY2E4YWFkNDkiLCJpZCI6Mjg4MjAxLCJpYXQiOjE3NDMwNTY0MzN9.rjHQiqf7Y8bccaqsapqveULVAUH6M1QkeFp-AKG-frA',
-});
-const viewerRef = ref(null);
-const viewwarp = ref(null);
-let polygon4 = ref(null);
-
-onMounted(() => {
-  console.info('onMounted', viewerRef);
-  Promise.all([polygon4.value.creatingPromise]).then((instances) => {
-    console.info('instances');
-    // instances[0].viewer.zoomTo(instances[0].viewer.entities);
-  });
-});
-
-const hierarchy4 = reactive({
-  positions: [
+const zoom = ref(15);
+const center = ref([121.5273285, 31.21515044]);
+const polygon = reactive([
+  [
    [99.406653, 23.534142], // 左下角
    [99.706653, 23.534142], // 右下角
    [99.706653, 23.834142], // 右上角
    [99.406653, 23.834142], // 左上角
  ],
-  holes: [
-    {
-      positions: [
-        [99.506653, 23.634142], // 耿马镇边界点 1
-        [99.606653, 23.634142], // 耿马镇边界点 2
-        [99.606653, 23.734142], // 耿马镇边界点 3
-        [99.506653, 23.734142], // 耿马镇边界点 4
-      ],
-    },
+  [
+    [99.506653, 23.634142], // 耿马镇边界点 1
+    [99.606653, 23.634142], // 耿马镇边界点 2
+    [99.606653, 23.734142], // 耿马镇边界点 3
+    [99.506653, 23.734142], // 耿马镇边界点 4
  ],
-});
+]);

-const onViewerReady = (readyObj) => {
-  console.info('readyObj', readyObj.Cesium); // Cesium namespace object
-  console.log(readyObj.viewer); // instanceof Cesium.Viewer
-
-  const { Cesium, viewer } = readyObj;
-
-  // 将耿马县和耿马镇的所有边界点合并
-  const allPositions = [...hierarchy4.positions, ...hierarchy4.holes[0].positions].map((coord) => Cesium.Cartesian3.fromDegrees(coord[0], coord[1]));
-
-  // 计算所有边界点的包围球
-  const boundingSphere = Cesium.BoundingSphere.fromPoints(allPositions);
-
-  // 设置相机视角
-  viewer.camera.setView({
-    destination: boundingSphere.center, // 目标中心点
-    orientation: {
-      // heading: Cesium.Math.toRadians(-10), // 方向角
-      // pitch: Cesium.Math.toRadians(-90), // 俯仰角
-      // roll: 0, // 滚动角
-      heading: Cesium.Math.toRadians(6), //
-      pitch: Cesium.Math.toRadians(-25), //
-      roll: Cesium.Math.toRadians(6), //
-    },
-  });
-
-  // 动态调整相机高度，确保整个区域可见
-  const radius = boundingSphere.radius; // 包围球半径
-  const cameraHeight = radius * 1; // 根据经验公式调整高度
-  viewer.camera.moveBackward(cameraHeight); // 向后移动相机
-
-  // viewer.camera.changed.addEventListener(() => {
-  //   console.log('Camera changed:', viewer.camera);
-  // });
-};
+const mapRef = ref(null);
+onMounted(() => {});
 </script>
 <style lang="scss" scoped>
 .plant-gs-warp {
@ -132,6 +59,12 @@ const onViewerReady = (readyObj) => {
      .cesium-viewer-bottom {
        display: none !important;
      }
+      .el-vue-amap {
+        border-radius: 10px !important;
+        height: calc(100% - 30px) !important;
+        width: calc(100% - 20px) !important;
+        margin: 20px 10px 10px 10px !important;
+      }
    }
  }
 }
--- a/sub-government-screen-service/yarn.lock
+++ b/sub-government-screen-service/yarn.lock
@ -438,6 +438,20 @@
  dependencies:
    buffer "^6.0.3"

+"@math.gl/core@3.6.3":
+  version "3.6.3"
+  resolved "https://registry.npmmirror.com/@math.gl/core/-/core-3.6.3.tgz#a6bf796ed421093099749d609de8d99a3ac20a53"
+  integrity sha512-jBABmDkj5uuuE0dTDmwwss7Cup5ZwQ6Qb7h1pgvtkEutTrhkcv8SuItQNXmF45494yIHeoGue08NlyeY6wxq2A==
+  dependencies:
+    "@babel/runtime" "^7.12.0"
+    "@math.gl/types" "3.6.3"
+    gl-matrix "^3.4.0"
+
+"@math.gl/types@3.6.3":
+  version "3.6.3"
+  resolved "https://registry.npmmirror.com/@math.gl/types/-/types-3.6.3.tgz#9fa9866feabcbb76de107d78ff3a89c0243ac374"
+  integrity sha512-3uWLVXHY3jQxsXCr/UCNPSc2BG0hNUljhmOBt9l+lNFDp7zHgm0cK2Tw4kj2XfkJy4TgwZTBGwRDQgWEbLbdTA==
+
 "@mrmlnc/readdir-enhanced@^2.2.1":
  version "2.2.1"
  resolved "https://registry.npmmirror.com/@mrmlnc/readdir-enhanced/-/readdir-enhanced-2.2.1.tgz#524af240d1a360527b730475ecfa1344aa540dde"
@ -731,6 +745,15 @@
  resolved "https://registry.npmmirror.com/@turf/helpers/-/helpers-6.5.0.tgz#f79af094bd6b8ce7ed2bd3e089a8493ee6cae82e"
  integrity sha512-VbI1dV5bLFzohYYdgqwikdMVpe7pJ9X3E+dlr425wa2/sMJqYDhTO++ec38/pcPvPE6oD9WEEeU3Xu3gza+VPw==

+"@turf/intersect@^6.5.0":
+  version "6.5.0"
+  resolved "https://registry.npmmirror.com/@turf/intersect/-/intersect-6.5.0.tgz#a14e161ddd0264d0f07ac4e325553c70c421f9e6"
+  integrity sha512-2legGJeKrfFkzntcd4GouPugoqPUjexPZnOvfez+3SfIMrHvulw8qV8u7pfVyn2Yqs53yoVCEjS5sEpvQ5YRQg==
+  dependencies:
+    "@turf/helpers" "^6.5.0"
+    "@turf/invariant" "^6.5.0"
+    polygon-clipping "^0.15.3"
+
 "@turf/invariant@^6.5.0":
  version "6.5.0"
  resolved "https://registry.npmmirror.com/@turf/invariant/-/invariant-6.5.0.tgz#970afc988023e39c7ccab2341bd06979ddc7463f"
@ -756,6 +779,11 @@
  resolved "https://registry.npmmirror.com/@types/event-emitter/-/event-emitter-0.3.5.tgz#ce9b513f72c50dcf0443a12165a93a79ba7a7092"
  integrity sha512-zx2/Gg0Eg7gwEiOIIh5w9TrhKKTeQh7CPCOPNc0el4pLSwzebA8SmnHwZs2dWlLONvyulykSwGSQxQHLhjGLvQ==

+"@types/geojson@^7946.0.14":
+  version "7946.0.16"
+  resolved "https://registry.npmmirror.com/@types/geojson/-/geojson-7946.0.16.tgz#8ebe53d69efada7044454e3305c19017d97ced2a"
+  integrity sha512-6C8nqWur3j98U6+lXDfTUWIfgvZU+EumvpHKcYjujKH7woYyLj2sUmff0tRhrqM7BohUw7Pz3ZB1jj2gW9Fvmg==
+
 "@types/glob@^7.1.1":
  version "7.2.0"
  resolved "https://registry.npmmirror.com/@types/glob/-/glob-7.2.0.tgz#bc1b5bf3aa92f25bd5dd39f35c57361bdce5b2eb"
@ -979,6 +1007,66 @@
  resolved "https://registry.npmmirror.com/@vue/shared/-/shared-3.5.13.tgz#87b309a6379c22b926e696893237826f64339b6f"
  integrity sha512-/hnE/qP5ZoGpol0a5mDi45bOd7t3tjYJBjsgCsivow7D48cJeV5l05RD82lPqi7gRiphZM37rnhW1l6ZoCNNnQ==

+"@vuemap/amap-jsapi-loader@1.0.4":
+  version "1.0.4"
+  resolved "https://registry.npmmirror.com/@vuemap/amap-jsapi-loader/-/amap-jsapi-loader-1.0.4.tgz#699fc44eda74306ed489e9873d633f820cdac29a"
+  integrity sha512-s5fFHrsNkjYMovEmUJ5S23jpDtElTanDN2HdCt/amOD245a8wWVcTPjl06YEHXtxf6Ewm+z29wQByOCn209Hxg==
+
+"@vuemap/amap-jsapi-types@^0.0.16":
+  version "0.0.16"
+  resolved "https://registry.npmmirror.com/@vuemap/amap-jsapi-types/-/amap-jsapi-types-0.0.16.tgz#74f9d381d519fe1ce49b0ae8fe103f7213b1e5c2"
+  integrity sha512-1B1H2IS8sT2RDubbpEY+K8j11Gb7PZY5Bo0cszRkF8Nw+9HNqpbUNeqkQ6+rxLkwIedcSkOsFDy/IyzXCUXqVw==
+
+"@vuemap/amap-jsapi-types@^0.0.17":
+  version "0.0.17"
+  resolved "https://registry.npmmirror.com/@vuemap/amap-jsapi-types/-/amap-jsapi-types-0.0.17.tgz#3f21674520a97785388885a1b19c68acacaeb20e"
+  integrity sha512-FHI8OMWxJWbgyuQ0tKclvurQIVHRexMIYAOwZ/z9+G7aHHK5EFhKM13siLczNNAgXdJ2dctPEghCdlhcByl3Ag==
+
+"@vuemap/amap-loca-types@^0.0.2":
+  version "0.0.2"
+  resolved "https://registry.npmmirror.com/@vuemap/amap-loca-types/-/amap-loca-types-0.0.2.tgz#08dacb07f7d7abd14a73ca11d9677a65507b28f6"
+  integrity sha512-jALrE7ugdmItyCIyaO8rPfEa1Zg1KBDGAnqn0jJf8WTzhBbUxsEBXN1WLTkUxTCwZVMOpxE1218uX7LiDT+JPw==
+  dependencies:
+    "@types/geojson" "^7946.0.14"
+    "@vuemap/amap-jsapi-types" "^0.0.17"
+
+"@vuemap/amap-xyz-layer@0.0.15":
+  version "0.0.15"
+  resolved "https://registry.npmmirror.com/@vuemap/amap-xyz-layer/-/amap-xyz-layer-0.0.15.tgz#086cdc86559eba10d191de99bdc97fafe9216f89"
+  integrity sha512-L3rsgk2+i277RlMScpxVpjPBhSfMCeHcyFv7zkomMzd/J9W+X8yTUgSFvzVLWnnlXEXL80vNgs7lIJpSxa5vNg==
+  dependencies:
+    "@math.gl/core" "3.6.3"
+    earcut "2.2.4"
+    gl-matrix "3.4.3"
+
+"@vuemap/district-cluster@0.0.11":
+  version "0.0.11"
+  resolved "https://registry.npmmirror.com/@vuemap/district-cluster/-/district-cluster-0.0.11.tgz#cdb37d621de03d73d462e47b580353f74f7c65e6"
+  integrity sha512-SY01gFe8uhP5FKjzyTe0x2yL2K5VmwD5UKlEUU4e09UUZphXCj2Ci7iunX0L29nWINkBjdfxu8dXzhIcx9T3ug==
+  dependencies:
+    "@turf/helpers" "^6.5.0"
+    "@turf/intersect" "^6.5.0"
+    "@vuemap/amap-jsapi-types" "^0.0.16"
+    topojson-client "3.1.0"
+
+"@vuemap/vue-amap-loca@^2.0":
+  version "2.1.2"
+  resolved "https://registry.npmmirror.com/@vuemap/vue-amap-loca/-/vue-amap-loca-2.1.2.tgz#3aeebf5e7136889bfd4b42ea65f0ced729312d84"
+  integrity sha512-vA5gSj5YoeSaBZPbec+tcBBW6V7IIXZOQ/uQ4phPC3vcVpNly02jTb7UhDoNLWeucMsqi/qB9a+Tl769xMSRXA==
+  dependencies:
+    "@vuemap/amap-loca-types" "^0.0.2"
+
+"@vuemap/vue-amap@^2.0":
+  version "2.1.11"
+  resolved "https://registry.npmmirror.com/@vuemap/vue-amap/-/vue-amap-2.1.11.tgz#37c69f54ec1d60dc5055570e8899c5586183f187"
+  integrity sha512-RnrytOMq2C8Luijb06yIqzQ6gIlK8IJPwVZB0dfBtb09FZFIF+00qV0byizC20K5G6NOXaMDVzZ5X3CxmbFMVg==
+  dependencies:
+    "@vuemap/amap-jsapi-loader" "1.0.4"
+    "@vuemap/amap-jsapi-types" "^0.0.17"
+    "@vuemap/amap-xyz-layer" "0.0.15"
+    "@vuemap/district-cluster" "0.0.11"
+    lodash-es "^4.17.21"
+
 "@vueuse/core@^9.1.0":
  version "9.13.0"
  resolved "https://registry.npmmirror.com/@vueuse/core/-/core-9.13.0.tgz#2f69e66d1905c1e4eebc249a01759cf88ea00cf4"
@ -1711,7 +1799,7 @@ commander@*:
  resolved "https://registry.npmmirror.com/commander/-/commander-13.0.0.tgz#1b161f60ee3ceb8074583a0f95359a4f8701845c"
  integrity sha512-oPYleIY8wmTVzkvQq10AEok6YcTC4sRUBl8F9gVuwchGVUCTbl/vhLTaQqutuuySYOsu8YTgV+OxKc/8Yvx+mQ==

-commander@^2.20.0:
+commander@2, commander@^2.20.0:
  version "2.20.3"
  resolved "https://registry.npmmirror.com/commander/-/commander-2.20.3.tgz#fd485e84c03eb4881c20722ba48035e8531aeb33"
  integrity sha512-GpVkmM8vF2vQUkj2LvZmD35JxeJOLCwJ9cUkugyk2nuhbv3+mJvpLYYt+0+USMxE+oj+ey/lJEnhZw75x/OMcQ==
@ -2134,6 +2222,11 @@ dunder-proto@^1.0.0, dunder-proto@^1.0.1:
    es-errors "^1.3.0"
    gopd "^1.2.0"

+earcut@2.2.4:
+  version "2.2.4"
+  resolved "https://registry.npmmirror.com/earcut/-/earcut-2.2.4.tgz#6d02fd4d68160c114825d06890a92ecaae60343a"
+  integrity sha512-/pjZsA1b4RPHbeWZQn66SWS8nZZWLQQ23oE3Eam7aroEFGEvwKAsJfZ9ytiEMycfzXWpca4FA9QIOehf7PocBQ==
+
 echarts-gl@^2.0.9:
  version "2.0.9"
  resolved "https://registry.npmmirror.com/echarts-gl/-/echarts-gl-2.0.9.tgz#ee228a6c7520a6fb7bbb71ea94394f3637ade033"
@ -2936,6 +3029,11 @@ get-value@^2.0.3, get-value@^2.0.6:
  resolved "https://registry.npmmirror.com/get-value/-/get-value-2.0.6.tgz#dc15ca1c672387ca76bd37ac0a395ba2042a2c28"
  integrity sha512-Ln0UQDlxH1BapMu3GPtf7CuYNwRZf2gwCuPqbyG6pB8WfmFpzqcy4xtAaAMUhnNqjMKTiCPZG2oMT3YSx8U2NA==

+gl-matrix@3.4.3, gl-matrix@^3.4.0:
+  version "3.4.3"
+  resolved "https://registry.npmmirror.com/gl-matrix/-/gl-matrix-3.4.3.tgz#fc1191e8320009fd4d20e9339595c6041ddc22c9"
+  integrity sha512-wcCp8vu8FT22BnvKVPjXa/ICBWRq/zjFfdofZy1WSpQZpphblv12/bOQLBC1rMM7SGOFS9ltVmKOHil5+Ml7gA==
+
 glob-parent@^3.1.0:
  version "3.1.0"
  resolved "https://registry.npmmirror.com/glob-parent/-/glob-parent-3.1.0.tgz#9e6af6299d8d3bd2bd40430832bd113df906c5ae"
@ -4688,6 +4786,14 @@ pkg-types@^1.2.1, pkg-types@^1.3.0:
    mlly "^1.7.4"
    pathe "^2.0.1"

+polygon-clipping@^0.15.3:
+  version "0.15.7"
+  resolved "https://registry.npmmirror.com/polygon-clipping/-/polygon-clipping-0.15.7.tgz#3823ca1e372566f350795ce9dd9a7b19e97bdaad"
+  integrity sha512-nhfdr83ECBg6xtqOAJab1tbksbBAOMUltN60bU+llHVOL0e5Onm1WpAXXWXVB39L8AJFssoIhEVuy/S90MmotA==
+  dependencies:
+    robust-predicates "^3.0.2"
+    splaytree "^3.1.0"
+
 posix-character-classes@^0.1.0:
  version "0.1.1"
  resolved "https://registry.npmmirror.com/posix-character-classes/-/posix-character-classes-0.1.1.tgz#01eac0fe3b5af71a2a6c02feabb8c1fef7e00eab"
@ -5216,6 +5322,11 @@ rimraf@^3.0.2:
  dependencies:
    glob "^7.1.3"

+robust-predicates@^3.0.2:
+  version "3.0.2"
+  resolved "https://registry.npmmirror.com/robust-predicates/-/robust-predicates-3.0.2.tgz#d5b28528c4824d20fc48df1928d41d9efa1ad771"
+  integrity sha512-IXgzBWvWQwE6PrDI05OvmXUIruQTcoMDzRsOd5CDvHCVLcLHMTSYvOK5Cm46kWqlV3yAbuSpBZdJ5oP5OUoStg==
+
 rollup@^2.77.2:
  version "2.79.2"
  resolved "https://registry.npmmirror.com/rollup/-/rollup-2.79.2.tgz#f150e4a5db4b121a21a747d762f701e5e9f49090"
@ -5603,6 +5714,11 @@ specificity@^0.4.1:
  resolved "https://registry.npmmirror.com/specificity/-/specificity-0.4.1.tgz#aab5e645012db08ba182e151165738d00887b019"
  integrity sha512-1klA3Gi5PD1Wv9Q0wUoOQN1IWAuPu0D1U03ThXTr0cJ20+/iq2tHSDnK7Kk/0LXJ1ztUB2/1Os0wKmfyNgUQfg==

+splaytree@^3.1.0:
+  version "3.1.2"
+  resolved "https://registry.npmmirror.com/splaytree/-/splaytree-3.1.2.tgz#d1db2691665a3c69d630de98d55145a6546dc166"
+  integrity sha512-4OM2BJgC5UzrhVnnJA4BkHKGtjXNzzUfpQjCO8I05xYPsfS/VuQDwjCGGMi8rYQilHEV4j8NBqTFbls/PZEE7A==
+
 split-string@^3.0.1, split-string@^3.0.2:
  version "3.1.0"
  resolved "https://registry.npmmirror.com/split-string/-/split-string-3.1.0.tgz#7cb09dda3a86585705c64b39a6466038682e8fe2"
@ -6116,6 +6232,13 @@ to-regex@^3.0.1, to-regex@^3.0.2:
    regex-not "^1.0.2"
    safe-regex "^1.1.0"

+topojson-client@3.1.0:
+  version "3.1.0"
+  resolved "https://registry.npmmirror.com/topojson-client/-/topojson-client-3.1.0.tgz#22e8b1ed08a2b922feeb4af6f53b6ef09a467b99"
+  integrity sha512-605uxS6bcYxGXw9qi62XyrV6Q3xwbndjachmNxu8HWTtVPxZfEJN9fd/SZS1Q54Sn2y0TMyMxFj/cJINqGHrKw==
+  dependencies:
+    commander "2"
+
 traverse@^0.6.6:
  version "0.6.11"
  resolved "https://registry.npmmirror.com/traverse/-/traverse-0.6.11.tgz#e8daa071b101ae66767fffa6f177aa6f7110068e"
--- a/yarn.lock
+++ b/yarn.lock