别院地图的主页和详情页标题从接口获取

 <!--
  * @Date: 2024-09-15 22:08:49
  * @LastEditors: hookehuyr hookehuyr@gmail.com
- * @LastEditTime: 2024-10-30 17:06:05
+ * @LastEditTime: 2024-11-06 11:08:47
  * @FilePath: /map-demo/src/views/bieyuan/info.vue
  * @Description: 文件描述
 -->
@@ -85,12 +85,12 @@
 </template>
 
 <script setup>
-import { ref, watch } from 'vue'
+import { ref, watch, watchEffect } from 'vue'
 import { useRoute, useRouter } from 'vue-router'
 import { showImagePreview } from 'vant';
 import { storeToRefs } from 'pinia'
-import { mainStore } from '@/store';
 import audioPlayList from '@/components/audioList.vue'
+import { mainStore, useTitle } from '@/utils/generatePackage'
 
 import $ from 'jquery';
 
@@ -246,8 +246,14 @@ onMounted(async () => {
       });
     }, 500);
   }
+  // 地图标题
+  document.title = page_details.value.name;
 });
 
+// watchEffect(
+//   () => useTitle(page_details.value.name) // 地图标题
+// )
+
 onUnmounted(() => { // 离开页面时关闭音频播放
   audio.value.pause();
   store.changeAudioStatus('pause');

 <!--
  * @Date: 2023-05-19 14:54:27
  * @LastEditors: hookehuyr hookehuyr@gmail.com
- * @LastEditTime: 2024-10-18 09:25:02
+ * @LastEditTime: 2024-11-06 10:53:45
  * @FilePath: /map-demo/src/views/bieyuan/map.vue
  * @Description: 公众地图主体页面
 -->
@@ -251,6 +251,8 @@ export default {
         })
       }
     }
+    // 地图标题
+    document.title = data.map.map_title;
     // 初始化地图
     this.initMap();
     // this.setMapBoundary();
@@ -602,9 +604,9 @@ export default {
 
       var polygon = new AMap.Polygon({
         pathL: pathArray,
-        strokeColor: "#fcfbfa",
+        strokeColor: "#fcfbf9",
         strokeWeight: 2,
-        fillColor: "#fcfbfa",
+        fillColor: "#fcfbf9",
         fillOpacity: 1,
       })