From e6a15e35f6e98a54f270664155a291adef1bffb8 Mon Sep 17 00:00:00 2001
From: wangxiaoshuang <825034831@qq.com>
Date: Sat, 9 May 2026 14:33:15 +0800
Subject: [PATCH] =?UTF-8?q?=E7=9C=8B=E6=9D=BF=E9=A1=B5=E9=9D=A2=E7=9A=84?=
 =?UTF-8?q?=E5=9C=B0=E5=9B=BE=E9=9C=80=E8=A6=81=E5=B1=95=E7=A4=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 package.json                                  |   1 +
 .../dashboard/components/distribution-map.vue | 121 +++++++++---------
 2 files changed, 62 insertions(+), 60 deletions(-)

diff --git a/package.json b/package.json
index 79ed4a88..7129fd00 100644
--- a/package.json
+++ b/package.json
@@ -39,6 +39,7 @@
     "dicom-parser": "^1.8.9",
     "dicomedit": "^0.1.0",
     "echarts": "^6.0.0",
+    "echarts-map": "^3.0.1",
     "element-ui": "^2.15.14",
     "exceljs": "^4.4.0",
     "file-saver": "^2.0.5",
diff --git a/src/views/dashboard/components/distribution-map.vue b/src/views/dashboard/components/distribution-map.vue
index f8e41854..f2af3617 100644
--- a/src/views/dashboard/components/distribution-map.vue
+++ b/src/views/dashboard/components/distribution-map.vue
@@ -3,8 +3,9 @@
 </template>
 <script>
 import * as echarts from 'echarts'
-// import 'modules/echarts/map/js/world.js'
+import worldMap from 'echarts-map/json/world.json';
 import { fontSize } from 'utils/fontsize'
+echarts.registerMap('world', worldMap);
 export default {
   props: {
     area: { type: String, default: '' },
@@ -76,68 +77,68 @@ export default {
         }
         return res
       }
-      var series = []
-        ;[['Shanghai', BJData]].forEach(function (item, i) {
-          series.push(
-            {
-              type: 'lines',
-              zlevel: 1,
-              effect: {
-                show: true,
-                color: '#fff',
-                period: 6,
-                trailLength: 0.7,
-                symbolSize: fontSize(0.05)
-              },
-              lineStyle: {
-                normal: {
-                  width: fontSize(0.03),
-                  color: '#9ae5fc',
-                  opacity: 0.02,
-                  curveness: -0.2
-                }
-              },
-
-              data: convertData(item[1])
+      var series = [];
+      [['Shanghai', BJData]].forEach(function (item, i) {
+        series.push(
+          {
+            type: 'lines',
+            zlevel: 1,
+            effect: {
+              show: true,
+              color: '#fff',
+              period: 6,
+              trailLength: 0.7,
+              symbolSize: fontSize(0.05)
+            },
+            lineStyle: {
+              normal: {
+                width: fontSize(0.03),
+                color: '#9ae5fc',
+                opacity: 0.02,
+                curveness: -0.2
+              }
             },
 
-            {
-              type: 'effectScatter',
-              coordinateSystem: 'geo',
-              zlevel: 3,
-              rippleEffect: {
-                // 涟漪特效
-                period: 5, // 动画时间，值越小速度越快
-                brushType: 'fill', // 波纹绘制方式 stroke, fill
-                scale: 5 // 波纹圆环最大限制，值越大波纹越大
-              },
-              label: {
-                normal: {
-                  show: true,
-                  color: '#fce630',
-                  position: 'right', // 显示位置
-                  offset: [10, 0], // 偏移设置
-                  fontSize: fontSize(0.16),
-                  formatter: '{b}' // 圆环显示文字
-                },
-                emphasis: {
-                  show: true
-                }
-              },
-              symbol: 'circle',
-              symbolSize: function (val) {
-                return fontSize(0.08) // 圆环大小
-              },
+            data: convertData(item[1])
+          },
 
-              data: item[1].map(function (dataItem) {
-                return {
-                  name: dataItem[0].name,
-                  value: geoCoordMap[dataItem[0].name]
-                }
-              })
-            }
-          )
-        })
+          {
+            type: 'effectScatter',
+            coordinateSystem: 'geo',
+            zlevel: 3,
+            rippleEffect: {
+              // 涟漪特效
+              period: 5, // 动画时间，值越小速度越快
+              brushType: 'fill', // 波纹绘制方式 stroke, fill
+              scale: 5 // 波纹圆环最大限制，值越大波纹越大
+            },
+            label: {
+              normal: {
+                show: true,
+                color: '#fce630',
+                position: 'right', // 显示位置
+                offset: [10, 0], // 偏移设置
+                fontSize: fontSize(0.16),
+                formatter: '{b}' // 圆环显示文字
+              },
+              emphasis: {
+                show: true
+              }
+            },
+            symbol: 'circle',
+            symbolSize: function (val) {
+              return fontSize(0.08) // 圆环大小
+            },
+
+            data: item[1].map(function (dataItem) {
+              return {
+                name: dataItem[0].name,
+                value: geoCoordMap[dataItem[0].name]
+              }
+            })
+          }
+        )
+      })
       var option = {
         // backgroundColor: '#fff',
         title: {