From 24459b6be1fab3afe74bf5500891f18b51350739 Mon Sep 17 00:00:00 2001
From: ag <2663588772@qq.com>
Date: Mon, 24 Mar 2025 10:28:41 +0800
Subject: [PATCH] =?UTF-8?q?=E5=9C=B0=E5=9B=BE=E5=85=AC=E5=85=B1=E7=BB=84?=
 =?UTF-8?q?=E4=BB=B6=E4=BC=98=E5=8C=96=EF=BC=8C=E5=A2=9E=E5=8A=A0=E7=82=B9?=
 =?UTF-8?q?=E5=87=BB=E6=9F=A5=E8=AF=A2=E7=BB=93=E6=9E=9C=E5=90=8E=E6=94=B9?=
 =?UTF-8?q?=E5=8F=98=E5=AE=9A=E4=BD=8D=E4=BF=A1=E6=81=AF=E7=9A=84=E5=8A=9F?=
 =?UTF-8?q?=E8=83=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/amapSearch.vue | 41 ++++++++++++++++++++++++++++-----------
 1 file changed, 30 insertions(+), 11 deletions(-)

diff --git a/components/amapSearch.vue b/components/amapSearch.vue
index 0ae21be..6175818 100644
--- a/components/amapSearch.vue
+++ b/components/amapSearch.vue
@@ -12,9 +12,10 @@
                 class="search-container"
                 v-if="!isReadonly">
                 <div class="search-input">
-                    <el-input @keydown.enter="handleSearch"
+                    <el-input
+                        @keydown.enter="handleSearch"
                         v-model="searchAddress"
-                        placeholder="请输入地址"></el-input>
+                        placeholder="请输入地址进行查询"></el-input>
                     <el-button
                         style="margin-left: 8px"
                         plain
@@ -204,6 +205,12 @@ export default {
                     pageSize: 20, // 单页显示结果条数
                     autoFitView: true, // 是否自动调整地图视野使绘制的 Marker点都处于视口的可见范围
                 });
+                this.placeSearch.on('selectChanged', (target) => {
+                    let { selected } = target;
+                    let { address, location } = selected.data;
+                    this.coordinates = [location.lng, location.lat];
+                    this.form.address = address;
+                });
 
                 //有定位时不获取默认定位和当前位置
                 if (this.currentPosition && this.currentPosition.coordinates.length > 0) {
@@ -216,6 +223,7 @@ export default {
                             lat: lat,
                         },
                     });
+                    this.coordinates = [lng, lat];
                     this.form.address = this.address;
                     /*this.coordinateToAddress(this.currentPosition.coordinates);*/
                 }
@@ -224,6 +232,10 @@ export default {
         handleConfirm() {
             this.$refs.form.validate().then((valid) => {
                 if (valid) {
+                    if (!this.coordinates) {
+                        this.$message.error('请在地图上确定您的目标地点');
+                        return;
+                    }
                     let geometry = { type: 'Point', coordinates: this.coordinates };
                     this.$emit('getAddress', geometry, this.form.address);
                     this.close();
@@ -282,9 +294,9 @@ export default {
                 }
             });
         },
-        renderMarker(marker) {
+        renderMarker(pois) {
             this.clearMarker(); // 清除之前的标记
-            let location = marker.location;
+            let location = pois.location;
             this.map.setCenter([location.lng, location.lat]);
             // 移动地图视野到标记位置
             // this.map.setZoomAndCenter(16, [location.lng, location.lat]);
@@ -294,13 +306,14 @@ export default {
                 position: [location.lng, location.lat],
                 map: this.map,
             });
+
             // 创建信息窗口
             let infoWindowContent = `<div style="width: 200px">`;
-            if (marker.name) {
-                infoWindowContent += `<h3>${marker.name}</h3>`;
+            if (pois.name) {
+                infoWindowContent += `<h3>${pois.name}</h3>`;
             }
-            if (marker.address) {
-                infoWindowContent += `<p>地址：${marker.address}</p>`;
+            if (pois.address) {
+                infoWindowContent += `<p>地址：${pois.address}</p>`;
             }
             infoWindowContent += '</div>';
             let infoWindow = new AMap.InfoWindow({
@@ -315,8 +328,13 @@ export default {
                 );
             });
             this.searchPanelVisible = false;
-            if (marker.address) {
-                this.form.address = marker.address;
+            this.marker.on('click', () => {
+                if (pois.address) {
+                    this.form.address = pois.address;
+                }
+            });
+            if (pois.address) {
+                this.form.address = pois.address;
             }
         },
         close() {
@@ -367,8 +385,9 @@ export default {
                             }
                         });
                     } else {
+                        //因为权限或其他原因导致无法自动获取定位，不抛出异常，由用户手动选择地址即可
                         console.error(result);
-                        reject(result);
+                        /* reject(result);*/
                         /* this.$emit('error', '无法获取定位信息：' + result.message);*/
                     }
                 });