点击”查看导览“打开高德地图页面

code/src/views/exhibition/exhibition/guide.vue

@@ -19,7 +19,7 @@
         </li>
       </ul>
 
-      <div class="guidebtn">查看导览</div>
+      <div class="guidebtn" @click="onClickGuide">查看导览</div>
     </div>
   </div>
 </template>
@@ -29,14 +29,18 @@ import { defineProps, defineEmits, watch, onMounted, nextTick, ref } from "vue";
 
 const map = ref("");
 
-    const props = defineProps({
-      currentMuseumItem: {
-        type: Object,
-        default: () => {
-          return {}
-        },
-      },
-    });
+const props = defineProps({
+  currentMuseumItem: {
+    type: Object,
+    default: () => {
+      return {}
+    },
+  },
+});
+
+const onClickGuide = () => {
+  window.open(`https://uri.amap.com/marker?name=${props.currentMuseumItem.name}&position=${props.currentMuseumItem.lng},${props.currentMuseumItem.lat}&callnative=1`)
+}
 
 onMounted(() => {
   map.value = new global.AMap.Map("map", {

code/src/views/exhibition/exhibition/mobile/guide.vue

@@ -19,7 +19,7 @@
         </li>
       </ul>
 
-      <div class="guidebtn">查看导览</div>
+      <div class="guidebtn" @click="onClickGuide">查看导览</div>
     </div>
   </div>
 </template>
@@ -28,6 +28,7 @@
 import { defineProps, defineEmits, watch, onMounted, nextTick, ref } from "vue";
 
 const map = ref("");
+
 const props = defineProps({
   currentMuseumItem: {
     type: Object,
@@ -37,6 +38,10 @@ const props = defineProps({
   },
 });
 
+const onClickGuide = () => {
+  window.open(`https://uri.amap.com/marker?name=${props.currentMuseumItem.name}&position=${props.currentMuseumItem.lng},${props.currentMuseumItem.lat}&callnative=1`)
+}
+
 onMounted(() => {
   map.value = new global.AMap.Map("map", {
     mapStyle: "amap://styles/fresh",

code/src/views/gdmuseum/exhibition/guide.vue

@@ -19,7 +19,7 @@
         </li>
       </ul>
 
-      <div class="guidebtn">查看导览</div>
+      <div class="guidebtn" @click="onClickGuide">查看导览</div>
     </div>
   </div>
 </template>
@@ -38,6 +38,10 @@ const props = defineProps({
   },
 });
 
+const onClickGuide = () => {
+  window.open(`https://uri.amap.com/marker?name=${props.currentMuseumItem.name}&position=${props.currentMuseumItem.lng},${props.currentMuseumItem.lat}&callnative=1`)
+}
+
 onMounted(() => {
   map.value = new global.AMap.Map("map", {
     mapStyle: "amap://styles/fresh",

code/src/views/gdmuseum/exhibition/mobile/guide.vue

@@ -19,7 +19,7 @@
         </li>
       </ul>
 
-      <div class="guidebtn">查看导览</div>
+      <div class="guidebtn" @click="onClickGuide">查看导览</div>
     </div>
   </div>
 </template>
@@ -28,6 +28,7 @@
 import { defineProps, defineEmits, watch, onMounted, nextTick, ref } from "vue";
 
 const map = ref("");
+
 const props = defineProps({
   currentMuseumItem: {
     type: Object,
@@ -37,6 +38,10 @@ const props = defineProps({
   },
 });
 
+const onClickGuide = () => {
+  window.open(`https://uri.amap.com/marker?name=${props.currentMuseumItem.name}&position=${props.currentMuseumItem.lng},${props.currentMuseumItem.lat}&callnative=1`)
+}
+
 onMounted(() => {
   map.value = new global.AMap.Map("map", {
     mapStyle: "amap://styles/fresh",

code/src/views/gdmuseum/mobile.vue

@@ -6,7 +6,10 @@
         {{currentMuseum.description || '暂无简介'}}
       </p>
     </div>
-    <component :key="panelPage" class="limitwidth" :is="panelPage"></component>
+    <component
+      :key="panelPage" class="limitwidth" :is="panelPage"
+      :currentMuseumItem="currentMuseum"
+    ></component>
   </div>
 
   <teleport to='body' >