--no commit message

@@ -10,8 +10,8 @@ export default {
   data () {
   data () {
     return {
     return {
       options: {},
       options: {},
-      max: "9000", //最大value值
-      min: "500", // 最小value值
+      max: "100", //最大value值
+      min: "1", // 最小value值
     };
     };
   },
   },
   components: {
   components: {
@@ -90,7 +90,7 @@ export default {
           return scatterData;
           return scatterData;
         };
         };
         this.options = {
         this.options = {
-
+      backgroundColor: 'rgba(0,0,0,1)',
           showLegendSymbol: true,
           showLegendSymbol: true,
           tooltip: {
           tooltip: {
             trigger: 'item',
             trigger: 'item',
@@ -117,10 +117,10 @@ export default {
             itemWidth: 20, // 每个图元的宽度
             itemWidth: 20, // 每个图元的宽度
             itemGap: 2,    // 每两个图元之间的间隔距离，单位为px
             itemGap: 2,    // 每两个图元之间的间隔距离，单位为px
             pieces: [      // 自定义每一段的范围，以及每一段的文字
             pieces: [      // 自定义每一段的范围，以及每一段的文字
-              { gte: 6000, label: '6000以上', color: '#035cf5' }, // 不指定 max，表示 max 为无限大（Infinity）。
-              { gte: 2000, lte: 6000, label: '2000-6000', color: '#3375e4' },
-              { gte: 1000, lte: 2000, label: '1000-2000', color: '#6797ef' },
-              { gte: 500, lte: 1000, label: '500-1000', color: '#96b5ef' },
+              { gte: 100, label: '100以上', color: '#035cf5' }, // 不指定 max，表示 max 为无限大（Infinity）。
+              { gte: 50, lte: 6000, label: '20-100', color: '#3375e4' },
+              { gte: 20, lte: 2000, label: '1-200', color: '#6797ef' },
+              { gte: 1, lte: 1000, label: '1-20', color: '#96b5ef' },
             ],
             ],
             textStyle: {
             textStyle: {
               color: '#737373'
               color: '#737373'
@@ -168,26 +168,36 @@ export default {
               data: newData,
               data: newData,
             },
             },
             {
             {
-              type: 'effectScatter',
-              coordinateSystem: 'geo',
-              symbolSize: 7,
-              effectType: 'ripple',
-              legendHoverLink: false,
-              showEffectOn: 'render',
-              rippleEffect: {
-                period: 4,
-                scale: 2.5,
-                brushType: 'stroke',
-              },
-              zlevel: 1,
-              itemStyle: {
-                normal: {
-                  color: '#99FBFE',
-                  shadowBlur: 5,
-                  shadowColor: '#fff',
+        name: 'MAP',
+        type: 'map3D',
+        map: name,
+        label: {
+          show: true,
+          textStyle: {
+            color: '#fff',
           },
           },
+          formatter: (params) => {
+            if (newData.find((ele) => ele.name == params.name)) {
+              return params.name + '\n' + newData.find((ele) => ele.name == params.name).value;
+            } else {
+              return params.name;
+            }
+          },
+          borderRadius: 4,
         },
         },
-              data: convertData(seriesData),
+        itemStyle: {
+          color: '#144a69',
+          // shadowColor: 'rgba(0,243,255,0.2)',
+          // shadowOffsetY: 5,
+          // shadowBlur: 10,
+          borderColor: '#06767c',
+          borderWidth: 1,
+          // opacity: 1,
+        },
+
+        aspectScale: 0.9, //长宽比
+        selectedMode: false, //是否允许选中多个区域
+        data: newData,
       },
       },
           ],
           ],
         };
         };

 <template>
 <template>
   <div class="centercard">
   <div class="centercard">
     <div class="card1">
     <div class="card1">
-      <div class="title">汉中市不动产接入信息</div>
       <maps class="map" />
       <maps class="map" />
     </div>
     </div>
     <div class="card2 mt-10">
     <div class="card2 mt-10">