地图打点方案

src/components/media/park-card.vue

@@ -12,11 +12,11 @@
         <div class="f24 flex right-footer">
           <div class="nowrap" style="width: 200rpx">
             <span class="c80">产业园级别：</span>
-            <span>{{ parkInfo.levelName || "--" }}</span>
+            <span>{{ detail.levelName || "--" }}</span>
           </div>
           <div class="nowrap" style="margin-left: 10rpx">
             <span class="c80">占地面积：</span
-            >{{ parkInfo.coverArea ? parkInfo.coverArea + "亩" : "--" }}
+            >{{ detail.coverArea ? detail.coverArea + "亩" : "--" }}
           </div>
         </div>
       </view>

src/pages/entryPark/index.vue

@@ -95,8 +95,8 @@
       >
       </u-empty>
     </view>
-    <div v-else class="content z-100">
-      <map id="mapId" @markertap="handleMarkerClick" @callouttap="handleMarkerClick" :scale='10' style="width: 100%;height: calc(100vh - 246rpx)" latitude="31.464086" longitude="116.944909" class="map" :markers="markers">
+    <div v-show="mode === 'map'" class="content z-100" style="padding-top: 246rpx;">
+      <map id="mapId" @markertap="handleMarkerClick" @callouttap="handleMarkerClick" :scale='11' style="width: 100%;height: calc(100vh - 246rpx)" latitude="31.464086" longitude="116.944909" class="map" :markers="markers">
       </map>
       <div v-if="activeInfo.id" :key="activeInfo.id" @click="toDetail(activeInfo)" style="position: fixed;padding: 0 30rpx;bottom: 30rpx;width: 100vw;z-index: 999;box-sizing: border-box;">
         <park-card-vue :key="activeInfo.id" :key-words="keyWords" :detail="activeInfo" v-if="activeBar == 0"></park-card-vue>
@@ -371,16 +371,22 @@ export default {
     },
     markers() {
       let temp = [];
-      this.dataList.forEach(item => {
+      this.dataList.forEach((item,index) => {
         temp.push({
           id: item.id,
-          latitude: item.latitude,
-          longitude: item.longitude,
+          latitude: item.latitude + index * 0.00001 * Math.random(100),
+          longitude: item.longitude + index * 0.00001 * Math.random(100),
+          joinCluster: this.activeBar != 2,
+          width: 27,
+          height: 33,
+          iconPath: 'https://cfld-obs-pro01.obs.cn-north-4.myhuaweicloud.com/img/system/single1.png',
           callout: {
             content: item.name,
             padding: 5,
             display: 'ALWAYS',
-            textAlign: 'center'
+            textAlign: 'center',
+            color: '#ffffff',
+            bgColor: '#4374EF'
           }
         })
       })