feat: save

src/views/map/index.vue

@@ -26,10 +26,9 @@
     :loading-tip="t('common.loadingText')"
   >
     <MarkerCluster>
-      <!-- <template v-if="form.type === 0">
+      <template v-for="(location, i) in locations" :key="i">
         <CustomMarker
-          v-for="(location, i) in locations"
-          :key="i"
+          v-if="location.isPro"
           :options="{
             position: { lat: location.lat, lng: location.lng },
             title: location.title,
@@ -39,27 +38,15 @@
         >
           <div class="custom-marker">{{ location.title }}</div>
         </CustomMarker>
-      </template>
-      <template v-else>
         <AdvancedMarker
-          v-for="(location, i) in locations"
-          :key="i"
+          v-else
           :options="{
             position: { lat: location.lat, lng: location.lng },
             title: location.title,
           }"
           @click="handleMarkerClick(location)"
         />
-      </template> -->
-      <AdvancedMarker
-        v-for="(location, i) in locations"
-        :key="i"
-        :options="{
-          position: { lat: location.lat, lng: location.lng },
-          title: location.title,
-        }"
-        @click="handleMarkerClick(location)"
-      />
+      </template>
     </MarkerCluster>
 
     <CustomControl position="TOP_LEFT">
@@ -150,7 +137,7 @@
     GoogleMap,
     AdvancedMarker,
     MarkerCluster,
-    // CustomMarker,
+    CustomMarker,
     // InfoWindow,
     CustomControl,
   } from 'vue3-google-map';
@@ -339,6 +326,9 @@
     console.log('list', list);
     if (list.length === 0) {
       const project = getMarkerData(data);
+      project.forEach((pro: any) => {
+        pro.isPro = true;
+      });
       console.log('project', project);
       return project;
     } else {

src/views/map/share.vue

@@ -21,10 +21,9 @@
     :loading-tip="t('common.loadingText')"
   >
     <MarkerCluster>
-      <!-- <template v-if="form.type === 0">
+      <template v-for="(location, i) in locations" :key="i">
         <CustomMarker
-          v-for="(location, i) in locations"
-          :key="i"
+          v-if="location.isPro"
           :options="{
             position: { lat: location.lat, lng: location.lng },
             title: location.title,
@@ -34,19 +33,16 @@
         >
           <div class="custom-marker">{{ location.title }}</div>
         </CustomMarker>
-      </template>
-      <template v-else>
         <AdvancedMarker
-          v-for="(location, i) in locations"
-          :key="i"
+          v-else
           :options="{
             position: { lat: location.lat, lng: location.lng },
             title: location.title,
           }"
           @click="handleMarkerClick(location)"
         />
-      </template> -->
-      <AdvancedMarker
+      </template>
+      <!-- <AdvancedMarker
         v-for="(location, i) in locations"
         :key="i"
         :options="{
@@ -54,7 +50,7 @@
           title: location.title,
         }"
         @click="handleMarkerClick(location)"
-      />
+      /> -->
     </MarkerCluster>
 
     <!-- <CustomControl position="TOP_LEFT">
@@ -138,7 +134,7 @@
     GoogleMap,
     AdvancedMarker,
     MarkerCluster,
-    // CustomMarker,
+    CustomMarker,
     // InfoWindow,
     // CustomControl,
   } from 'vue3-google-map';
@@ -255,8 +251,19 @@
           mapper.webSite = item.webSite;
           return mapper;
         });
-      console.log('getMarkerData-list', list);
-      return list;
+      if (list.length === 0) {
+        return data.map((item) => {
+          const mapper = {} as any;
+          mapper.isPro = true;
+          mapper.lat = Number(item.lat);
+          mapper.lng = Number(item.lon);
+          mapper.title = item.title;
+          mapper.webSite = item.webSite;
+          return mapper;
+        });
+      } else {
+        return list;
+      }
     } else {
       return data.map((item) => {
         const mapper = {} as any;