From e7d6b9ab9ea1d27565401bf652c8706fb6040cad Mon Sep 17 00:00:00 2001
From: qubiaobiao <3294694717@qq.com>
Date: Tue, 20 Feb 2024 14:55:52 +0800
Subject: [PATCH] =?UTF-8?q?=E9=AB=98=E5=BE=B7=E5=9B=BE=E6=BA=90=E7=9A=84vu?=
 =?UTF-8?q?e-cesium=E9=A1=B9=E7=9B=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .gitignore                     |   2 +
 package.json                   |   2 +-
 src/App.vue                    |  10 ++-
 src/assets/compass.png         | Bin 0 -> 4185 bytes
 src/assets/down.png            | Bin 0 -> 5508 bytes
 src/assets/up.png              | Bin 0 -> 5586 bytes
 src/components/Compass.vue     |  32 ++++++++
 src/components/Earth.vue       | 119 ++++++++++++++++++------------
 src/components/HotLandmark.vue | 129 +++++++++++++++++++++++++++++++++
 src/components/LonlatTable.vue |   1 +
 10 files changed, 248 insertions(+), 47 deletions(-)
 create mode 100644 src/assets/compass.png
 create mode 100644 src/assets/down.png
 create mode 100644 src/assets/up.png
 create mode 100644 src/components/Compass.vue
 create mode 100644 src/components/HotLandmark.vue

diff --git a/.gitignore b/.gitignore
index a547bf3..95aa5fe 100644
--- a/.gitignore
+++ b/.gitignore
@@ -7,10 +7,12 @@ yarn-error.log*
 pnpm-debug.log*
 lerna-debug.log*
 
+.vscode
 node_modules
 dist
 dist-ssr
 *.local
+public/Cesium
 
 # Editor directories and files
 .vscode/*
diff --git a/package.json b/package.json
index 6900f12..2abf925 100644
--- a/package.json
+++ b/package.json
@@ -5,7 +5,7 @@
   "scripts": {
     "dev": "vite",
     "build": "vite build",
-    "preview": "vite preview"
+    "preview": "vite preview --port 10005"
   },
   "dependencies": {
     "cesium": "^1.92.0",
diff --git a/src/App.vue b/src/App.vue
index d9ceb33..e6ce5ef 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -8,6 +8,7 @@
 
   <LonlatForm  id="lonlat-form"></LonlatForm>
   <LonlatTable id="lonlat-table"></LonlatTable>
+  <HotLandmark id="hotlandmark"></HotLandmark>
 </template>
 
 <script setup>
@@ -15,8 +16,9 @@ import { VcConfigProvider } from 'vue-cesium'
 import Earth from '/@/components/Earth.vue'
 import LonlatForm from '/@/components/LonlatForm.vue'
 import LonlatTable from '/@/components/LonlatTable.vue'
-import MarkPoints from "/@/components/MarkPoints.vue";
+import MarkPoints from "/@/components/MarkPoints.vue"
 import LocatingPoint from '/@/components/LocatingPoint.vue'
+import HotLandmark from '/@/components/HotLandmark.vue'
 
 const CESIUM_PATH = (process.env.NODE_ENV === 'development' ? './node_modules/cesium/Build/Cesium/Cesium.js': './Cesium/Cesium.js')
 </script>
@@ -40,4 +42,10 @@ html, body, #app {
   top: 100px;
   left: 15px;
 }
+
+#hotlandmark {
+  position: absolute;
+  bottom: 30px;
+  right: 10px;
+}
 </style>
diff --git a/src/assets/compass.png b/src/assets/compass.png
new file mode 100644
index 0000000000000000000000000000000000000000..c7796e0a98c86ee8786e96c51ee23b3747abec47
GIT binary patch
literal 4185
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

literal 0
HcmV?d00001

diff --git a/src/assets/down.png b/src/assets/down.png
new file mode 100644
index 0000000000000000000000000000000000000000..5babcb6f113677f1ef71f222b1d2f25970a6003e
GIT binary patch
literal 5508
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
HbKL&{W~A#s

literal 0
HcmV?d00001

diff --git a/src/assets/up.png b/src/assets/up.png
new file mode 100644
index 0000000000000000000000000000000000000000..22a6c89bb22bd9ab63264f07829fb18757218ed8
GIT binary patch
literal 5586
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
M3DKNTrSBT|KT)tT=>Px#

literal 0
HcmV?d00001

diff --git a/src/components/Compass.vue b/src/components/Compass.vue
new file mode 100644
index 0000000..77b8e70
--- /dev/null
+++ b/src/components/Compass.vue
@@ -0,0 +1,32 @@
+<template>
+    <div class="compass" @click="Compass">
+      <img class="north" src="../assets/compass.png">
+    </div>
+</template>
+
+<script setup>
+import {defineEmits} from 'vue'
+const emit = defineEmits(['Pointing'])
+const Compass = () => {
+    emit('Pointing')
+}
+</script>
+
+<style scoped>
+.compass{
+    width:50px;
+    height:50px;
+    padding:5px;
+    padding-top:0;
+    border-radius:50%;
+    background-color:#fff;
+    position:fixed;
+    bottom:245px;
+    left:42px;
+    z-index:99;
+}
+
+.north{
+    width:40px;
+}
+</style>
\ No newline at end of file
diff --git a/src/components/Earth.vue b/src/components/Earth.vue
index dcc1829..af8de22 100644
--- a/src/components/Earth.vue
+++ b/src/components/Earth.vue
@@ -1,76 +1,95 @@
 <template>
-  <vc-viewer
-    :showCredit="false"
-    @ready="ready"
-    @leftDoubleClick="leftDoubleClick">
-
+  <vc-viewer :showCredit="false" @ready="ready" @leftDoubleClick="leftDoubleClick" :info-box="false">
     <vc-layer-imagery>
       <vc-imagery-provider-urltemplate
         :projectionTransforms="projectionTransforms"
         :url="img_url"
-      ></vc-imagery-provider-urltemplate>
+      >
+      </vc-imagery-provider-urltemplate>
     </vc-layer-imagery>
-    
+
     <vc-layer-imagery>
       <vc-imagery-provider-urltemplate
         :projectionTransforms="projectionTransforms"
         :url="ann_url"
-      ></vc-imagery-provider-urltemplate>
+      >
+      </vc-imagery-provider-urltemplate>
     </vc-layer-imagery>
-    
+
     <vc-status-bar />
 
     <slot></slot>
+
+    <vc-navigation
+      :offset="[10, 30]"
+      :position="'bottom-left'"
+      :printOpts="false"
+      :locationOpts="false"
+      :otherOpts="false"
+    />
+    <Compass @Pointing = "pointTo"/>
   </vc-viewer>
 </template>
 
 <script setup>
-import { usePointStore } from '/@/stores/point'
-import { usePositionStore } from '/@/stores/position'
-import { VcViewer, VcStatusBar, VcLayerImagery, VcImageryProviderUrltemplate } from 'vue-cesium'
-import { isLnglat } from '/@/api/util';
+import Compass from '/@/components/Compass.vue'
+import { usePointStore } from "/@/stores/point";
+import { usePositionStore } from "/@/stores/position";
+import {
+  VcViewer,
+  VcStatusBar,
+  VcLayerImagery,
+  VcImageryProviderUrltemplate,
+  VcNavigation,
+} from "vue-cesium";
+import { isLnglat } from "/@/api/util";
 
-const projectionTransforms = { from : 'GCJ02', to : 'WGS84' }
+const projectionTransforms = { from: "GCJ02", to: "WGS84" };
 
-const img_url = 'https://webst02.is.autonavi.com/appmaptile?x={x}&y={y}&z={z}&style=6'
-const ann_url = 'https://webst01.is.autonavi.com/appmaptile?x={x}&y={y}&z={z}&style=8'
+const img_url = "https://webst02.is.autonavi.com/appmaptile?x={x}&y={y}&z={z}&style=6";
+const ann_url = "https://webst01.is.autonavi.com/appmaptile?x={x}&y={y}&z={z}&style=8";
 
-let Cesium = null, viewer = null
-const ready = readyObj => {
-  Cesium = readyObj.Cesium
-  viewer = readyObj.viewer
-}
+let Cesium = null,
+  viewer = null;
+const ready = (readyObj) => {
+  Cesium = readyObj.Cesium;
+  viewer = readyObj.viewer;
 
-const point = usePointStore()
+  viewer._selectionIndicator = false;
+  //不显示选中指示器
+  viewer.cesiumWidget.screenSpaceEventHandler.removeInputAction(Cesium.ScreenSpaceEventType.LEFT_DOUBLE_CLICK);
+  //屏蔽Cesium的默认双击追踪选中entity行为
+};
+
+const point = usePointStore();
 const leftDoubleClick = ({ position }) => {
-  if (!viewer) return
+  if (!viewer) return;
 
   if (point.index >= point.length) {
-    alert(`最多只能够添加 ${ point.length } 个点`);
-    return
+    alert(`最多只能够添加 ${point.length} 个点`);
+    return;
   }
-  
-  const cartesian = viewer.camera.pickEllipsoid(position, viewer.scene.globe.ellipsoid)
-  
-  if (!cartesian) return
 
-  const lnglat = cartesian2Lonlat(cartesian)
+  const cartesian = viewer.camera.pickEllipsoid(position, viewer.scene.globe.ellipsoid);
 
-  point.addItem( lnglat )
-}
+  if (!cartesian) return;
 
-const cartesian2Lonlat = cartesian => {
-  if ( !Cesium ) return
+  const lnglat = cartesian2Lonlat(cartesian);
 
-  const cartographic = Cesium.Cartographic.fromCartesian(cartesian)
-  const lng          = Cesium.Math.toDegrees(cartographic.longitude).toFixed(8);
-  const lat          = Cesium.Math.toDegrees(cartographic.latitude).toFixed(8);
+  point.addItem(lnglat);
+};
 
-  return { lng, lat }
-}
+const cartesian2Lonlat = (cartesian) => {
+  if (!Cesium) return;
 
+  const cartographic = Cesium.Cartographic.fromCartesian(cartesian);
+  const lng = Cesium.Math.toDegrees(cartographic.longitude).toFixed(8);
+  const lat = Cesium.Math.toDegrees(cartographic.latitude).toFixed(8);
 
-const position = usePositionStore()
+  return { lng, lat };
+};
+
+const position = usePositionStore();
 position.$subscribe((_, state) => {
   // import { MutationType } from 'pinia' 改变触发的类型
   // mutation.type // 'direct' | 'patch object' | 'patch function'
@@ -81,11 +100,21 @@ position.$subscribe((_, state) => {
 
   // 侦听到state变化时，把state存在localStorage中
   // localStorage.setItem('cart', JSON.stringify(state))
+  if (!isLnglat(state)) return;
 
-  if ( !isLnglat(state) ) return
-  
   viewer.camera.flyTo({
-    destination : Cesium.Cartesian3.fromDegrees(state.lng, state.lat, 2000)
+    destination: Cesium.Cartesian3.fromDegrees(state.lng, state.lat, 2000.0),
   });
-})
-</script>
\ No newline at end of file
+});
+
+// 默认值 天安门广场经纬度 116.39140105, 39.90452844 高度 2000.0
+const pointTo = () => {
+  let initialPosition = Cesium.Cartesian3.fromDegrees(position.lng?position.lng:116.39140105, position.lat?position.lat:39.90452844, 2000.0);
+  let initialOrientation = Cesium.HeadingPitchRoll.fromDegrees(0.0, -90.0, 0.0);
+  viewer.camera.flyTo({
+    destination: initialPosition,
+    orientation: initialOrientation,
+    endtransform: Cesium.Matrix4.IDENTITY,
+  });
+}
+</script>
diff --git a/src/components/HotLandmark.vue b/src/components/HotLandmark.vue
new file mode 100644
index 0000000..8754c13
--- /dev/null
+++ b/src/components/HotLandmark.vue
@@ -0,0 +1,129 @@
+<template>
+  <div>
+  <div v-show="!showit" class="switch" style="position:absolute;top:-40px;right:0;z-index:99;" @click="showLandmark">
+    <img class="icon" src="../assets/up.png">
+  </div>
+  <div v-show="showit" class="switch" style="position:absolute;top:-50px;right:0;z-index:99;" @click="showLandmark">
+    <img class="icon" src="../assets/down.png">
+  </div>
+  <div class="landmark">
+    <table v-if="showit">
+      <thead>
+        <tr>
+          <th>景点名称</th>
+          <th>经度</th>
+          <th>纬度</th>
+          <th>访问景点</th>
+        </tr>
+      </thead>
+      <tbody>
+        <tr v-for="(item, index) in landmarkArr" :key="index">
+          <td>{{ item ? item.landmark : index+1 }}</td>
+          <td>{{ item ? item.lng : "" }}</td>
+          <td>{{ item ? item.lat : "" }}</td>
+          <td><button @click="write(item.lng,item.lat)">访问</button></td>
+        </tr>
+      </tbody>
+    </table>
+  </div>
+  </div>
+</template>
+
+<script setup>
+import { ref } from 'vue'
+import { usePositionStore } from '/@/stores/position'
+
+const landmarkArr = [
+    {
+        landmark:'北京天安门',
+        lng:116.391243,
+        lat:39.907202
+    },
+    {
+        landmark:'北京鸟巢',
+        lng:116.390502,
+        lat:39.991396
+    },
+    {
+        landmark:'上海东方明珠',
+        lng:121.495263,
+        lat:31.241829
+    },
+    {
+        landmark:'香港迪斯尼',
+        lng:114.042287,
+        lat:22.313002
+    },
+    {
+        landmark:'布达拉宫',
+        lng:91.117684,
+        lat:29.656959
+    }
+]
+
+let showit = ref(false);
+
+const showLandmark = () => {
+    showit.value = !showit.value;
+}
+
+const position = usePositionStore()
+
+const write = (lng,lat) => {
+  position.set({ lng: lng, lat: lat })
+}
+</script>
+
+<style scoped>
+.landmark {
+  max-height: 360px;
+  overflow-y:scroll;
+}
+
+.switch {
+  width:42px;
+  height:42px;
+  border-radius: 50%;
+  background-color:#fff;
+  padding-top:9px;
+  padding-left:3px;
+}
+
+.icon {
+    width:36px;
+}
+
+table {
+  color: #FFFFFF;
+  background-color: #242424;
+  padding: 10px;
+  border-radius: 7px;
+  border-collapse: separate;
+  border-spacing: 2px;
+  text-align:center;
+}
+
+table th:first-child {
+  width: 120px;
+}
+
+table th:not(:first-child) {
+  width: 100px;
+}
+
+table thead tr {
+  background-color: rgba(84, 84, 84, 0.8);
+}
+
+table tbody tr:nth-child(even) {
+  background-color: rgba(84, 84, 84, 0.8);
+}
+
+table tbody tr:nth-child(odd) {
+  background-color: rgba(84, 84, 84, 0.25);
+}
+
+table th, table td {
+  padding: 3px 5px;
+}
+</style>
diff --git a/src/components/LonlatTable.vue b/src/components/LonlatTable.vue
index b345afb..086b684 100644
--- a/src/components/LonlatTable.vue
+++ b/src/components/LonlatTable.vue
@@ -33,6 +33,7 @@ table {
   border-radius: 7px;
   border-collapse: separate;
   border-spacing: 2px;
+  text-align:center;
 }
 
 table th:first-child {