From 0050d4511089c3ce25ceb5d282d57ffbd0bd2adc Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=8F=B6=E5=BF=97=E8=B6=85?= <yezhichao@hwasmart.com>
Date: Fri, 8 Apr 2022 15:02:44 +0800
Subject: [PATCH] =?UTF-8?q?=E5=AE=9E=E7=8E=B0=E9=A3=9E=E5=88=B0=E5=AE=9A?=
 =?UTF-8?q?=E4=BD=8D=E7=82=B9=E7=9A=84=E5=8A=A8=E7=94=BB=E6=95=88=E6=9E=9C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/Earth.vue         | 22 ++++++++++++++++++++++
 src/components/LocatingPoint.vue |  1 -
 2 files changed, 22 insertions(+), 1 deletion(-)

diff --git a/src/components/Earth.vue b/src/components/Earth.vue
index 339217f..dcc1829 100644
--- a/src/components/Earth.vue
+++ b/src/components/Earth.vue
@@ -26,7 +26,9 @@
 
 <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';
 
 const projectionTransforms = { from : 'GCJ02', to : 'WGS84' }
 
@@ -66,4 +68,24 @@ const cartesian2Lonlat = cartesian => {
 
   return { lng, lat }
 }
+
+
+const position = usePositionStore()
+position.$subscribe((_, state) => {
+  // import { MutationType } from 'pinia' 改变触发的类型
+  // mutation.type // 'direct' | 'patch object' | 'patch function'
+  // same as cartStore.$id
+  // mutation.storeId // 'cart'
+  // only available with mutation.type === 'patch object'
+  // mutation.payload // patch object passed to cartStore.$patch()
+
+  // 侦听到state变化时，把state存在localStorage中
+  // localStorage.setItem('cart', JSON.stringify(state))
+
+  if ( !isLnglat(state) ) return
+  
+  viewer.camera.flyTo({
+    destination : Cesium.Cartesian3.fromDegrees(state.lng, state.lat, 2000)
+  });
+})
 </script>
\ No newline at end of file
diff --git a/src/components/LocatingPoint.vue b/src/components/LocatingPoint.vue
index a12a89a..ce4a0df 100644
--- a/src/components/LocatingPoint.vue
+++ b/src/components/LocatingPoint.vue
@@ -6,6 +6,5 @@
 import Pin from '/@/components/Pin.vue'
 import { usePositionStore } from '/@/stores/position'
 
-
 const position = usePositionStore()
 </script>
\ No newline at end of file