fix(latLng): 修复点击拾取功能

ZvonimirSun · Mar 7, 2025 · 359c551 · 359c551
1 parent 5472301
commit 359c551
Show file tree

Hide file tree

Showing 4 changed files with 9 additions and 4 deletions.
diff --git a/.eslintrc-auto-import.json b/.eslintrc-auto-import.json
@@ -336,6 +336,7 @@
     "onElementRemoval": true,
     "usePreferredReducedTransparency": true,
     "useSSRWidth": true,
-    "useCountdown": true
+    "useCountdown": true,
+    "createRef": true
   }
 }
diff --git a/src/tools/latLng.vue b/src/tools/latLng.vue
@@ -41,12 +41,12 @@ onMounted(() => {
     window.requestAnimationFrame(() => {
       const center = map.getCenter()
       centerMarker.setLatLng(center)
-      updatePopupContent(center.wrap(), centerMarker.getPopup())
+      updatePopupContent(center, centerMarker.getPopup())
     })
   })
   map.on('click', ({ latlng }: { latlng: LatLng }) => {
-    latlng = latlng.wrap()
-    keyword.value = `${latlng.lng},${latlng.lat}`
+    const wrapLatLng = latlng.wrap()
+    keyword.value = `${wrapLatLng.lng},${wrapLatLng.lat}`
     locateLocation(latlng)
   })
   if ('geolocation' in navigator) {
@@ -88,6 +88,7 @@ function updatePopupContent(location: LatLng, popup?: Popup, address?: string):
       closeOnClick: false,
     })
   }
+  location = location.wrap()
   const lat = location.lat
   const lng = location.lng
   let content = ''

diff --git a/src/types/auto-imports.d.ts b/src/types/auto-imports.d.ts
@@ -25,6 +25,7 @@ declare global {
   const createInjectionState: typeof import('@vueuse/core')['createInjectionState']
   const createPinia: typeof import('pinia')['createPinia']
   const createReactiveFn: typeof import('@vueuse/core')['createReactiveFn']
+  const createRef: typeof import('@vueuse/core')['createRef']
   const createReusableTemplate: typeof import('@vueuse/core')['createReusableTemplate']
   const createSharedComposable: typeof import('@vueuse/core')['createSharedComposable']
   const createTemplatePromise: typeof import('@vueuse/core')['createTemplatePromise']
@@ -351,6 +352,7 @@ declare module 'vue' {
     readonly createInjectionState: UnwrapRef<typeof import('@vueuse/core')['createInjectionState']>
     readonly createPinia: UnwrapRef<typeof import('pinia')['createPinia']>
     readonly createReactiveFn: UnwrapRef<typeof import('@vueuse/core')['createReactiveFn']>
+    readonly createRef: UnwrapRef<typeof import('@vueuse/core')['createRef']>
     readonly createReusableTemplate: UnwrapRef<typeof import('@vueuse/core')['createReusableTemplate']>
     readonly createSharedComposable: UnwrapRef<typeof import('@vueuse/core')['createSharedComposable']>
     readonly createTemplatePromise: UnwrapRef<typeof import('@vueuse/core')['createTemplatePromise']>

diff --git a/src/utils/gisUtils/utils/addressUtils.ts b/src/utils/gisUtils/utils/addressUtils.ts
@@ -28,6 +28,7 @@ export async function getLocation(address: string): Promise<{
 }
 
 export async function getAddress(location: LatLng): Promise<string> {
+  location = location.wrap()
   const gaodeLatLng = csysConvert.gps84_To_gcj02(location.lng, location.lat)
   const res = await $axios.get(`${config.apiOrigin}/amap/v3/geocode/regeo`, {
     params: {