新增点击地点标点，弹窗地点信息弹窗功能

src/components/HotLandmark.vue

@@ -6,7 +6,7 @@
       style="position: absolute; top: -40px; right: 0; z-index: 99; cursor: pointer"
       @click="showLandmark"
     >
-      <img class="icon" src="../assets/toup.png" />
+      <img class="icon" src="../assets/up.png" />
     </div>
     <div
       v-show="showit"
@@ -14,7 +14,7 @@
       style="position: absolute; top: -50px; right: 0; z-index: 99; cursor: pointer"
       @click="showLandmark"
     >
-      <img class="icon" src="../assets/todown.png" />
+      <img class="icon" src="../assets/down.png" />
     </div>
     <div class="landmark">
       <table v-if="showit">
@@ -43,7 +43,7 @@
 
 <script setup>
 import { ref } from "vue";
-import { usePositionStore } from "/@/stores/position";
+import { useFlytoStore } from "/@/stores/flyto";
 import { landmarkArr } from "/@/information/landmark";
 
 let showit = ref(false);
@@ -52,30 +52,27 @@ const showLandmark = () => {
   showit.value = !showit.value;
 };
 
-const position = usePositionStore();
+const flyto = useFlytoStore();
 
-const write = (myposition) => {
-  position.set(myposition);
+const write = (flytoLand) => {
+  flyto.set(flytoLand);
 };
 </script>
 
 <style scoped>
 .landmark {
   max-height: 360px;
-  overflow-y: scroll;
+  overflow-y: auto;
 }
 
 .switch {
-  width: 42px;
-  height: 42px;
+  width: 50px;
+  height: 50px;
   border-radius: 50%;
-  background-color: #fff;
-  padding-top: 9px;
-  padding-left: 3px;
 }
 
 .icon {
-  width: 36px;
+  width: 50px;
 }
 
 table {