From c58bd2354c5cb0f0cd66d01d819979ab0f0e132f Mon Sep 17 00:00:00 2001
From: guoshipeng <3194674006@qq.com>
Date: Wed, 16 Aug 2023 08:46:09 +0800
Subject: [PATCH] fix:

---
 src/components/map/pickCoordinate1.vue |  106 +++++++++++++++++++++++++++++++++++-----------------
 1 files changed, 71 insertions(+), 35 deletions(-)

diff --git a/src/components/map/pickCoordinate1.vue b/src/components/map/pickCoordinate1.vue
index a114ea1..c20c495 100644
--- a/src/components/map/pickCoordinate1.vue
+++ b/src/components/map/pickCoordinate1.vue
@@ -17,16 +17,17 @@
             id="tipinput"
             style="width: 160px; height: 26px"
           ></a-input> -->
-          <a-input
+          <!-- <a-input
             v-model="input"
             placeholder="���������������"
             id="tipinput"
             style="width: 160px; height: 26px"
             @change="searchMap"
-          ></a-input>
-          <!-- <input v-model="input" id="tipinput" /><button @click="searchAddress">
+          ></a-input> -->
+          <input v-model="input" id="tipinput" /><button @click="searchAddress">
             ������
-          </button> -->
+          </button>
+          <div id="panel"></div>
           <!-- <a-button
             size="small"
             type="primary"
@@ -64,6 +65,7 @@
         :zoom="zoom"
         :scroll-wheel-zoom="true"
         style="height: 400px; width: 100%; margin-top: 20px"
+        id="amap"
       >
         <el-amap-marker
           :position="clickPoint"
@@ -71,6 +73,7 @@
           :dragging="true"
         ></el-amap-marker>
       </el-amap>
+
       <!--      :scroll-wheel-zoom="true"-->
       <!-- <baidu-map
         :center="center"
@@ -107,6 +110,8 @@
 } from 'vue-property-decorator';
 import any = jasmine.any;
 import { get, post } from "@/util/request";
+import $ from 'jquery'
+import func from 'vue-temp/vue-editor-bridge';
 
 
 @Component({
@@ -149,7 +154,7 @@
     // this.center.lat = newVal.lat
   }
   private created() {
-    console.log(this.clickPoint,'clickPoint');
+    // console.log(this.clickPoint,'clickPoint');
   }
 
   // ���������������
@@ -168,34 +173,64 @@
   // }
   private input:any=''
   private mark:any=''
-  private searchMap(){
-     var autoOptions = {
-        input: "tipinput"
-    };
-    var self=this
-    var auto = new AMap.Autocomplete(autoOptions);
-    const placeSearch = new AMap.PlaceSearch(self.input);
-    // console.log(window);
-     auto.on("select", select);//������������������������������������������������
-        function select(e) {
-            placeSearch.setCity(e.poi.adcode);
-            placeSearch.search(e.poi.name);  //���������������������
-            self.clickPoint = [e.poi.location.lng, e.poi.location.lat]
+  // private searchMap(){
+  //    var autoOptions = {
+  //       input: "tipinput"
+  //   };
+  //   var self=this
+  //   var auto = new AMap.Autocomplete(autoOptions);
+  //   const placeSearch = new AMap.PlaceSearch(self.input);
+  //   // console.log(window);
+  //    auto.on("select", select);//������������������������������������������������
+  //       function select(e) {
+  //           placeSearch.setCity(e.poi.adcode);
+  //           placeSearch.search(e.poi.name);  //���������������������
+  //           self.clickPoint = [e.poi.location.lng, e.poi.location.lat]
+  //       }
+  // }
+  private searchAddress() {
+           var map = new AMap.Map("amap", {
+                resizeEnable: true
+            });
+         var placeSearch = new AMap.PlaceSearch({ 
+            pageSize: 5, // ������������������������
+            pageIndex: 1, // ������
+            city: "������", // ���������������
+            citylimit: false,  //���������������������������������������������
+            panel: "panel", // ���������������������������������������������
+            map: map, // ���������������������������
+            autoFitView: true // ������������������������������������������ Marker���������������������������������
+        });
+        //���������������
+        placeSearch.search(this.input)
+        var salf=this
+        var markerone=0
+        map.on('click',click);
+        function click(e){
+          if(markerone===1){
+            map.remove(map.Marker)
+          }
+          salf.mapClick(e)
+          map.Marker=new AMap.Marker({
+            map: map,
+            position: salf.clickPoint,
+            animation:"AMAP_ANIMATION_BOUNCE"
+          })
+          markerone=1
         }
-  }
-  // private searchAddress() {
-  //        var placeSearch = new AMap.PlaceSearch({ 
-  //           pageSize: 5, // ������������������������
-  //           pageIndex: 1, // ������
-  //           city: "������", // ���������������
-  //           citylimit: true,  //���������������������������������������������
-  //           panel: "panel", // ���������������������������������������������
-  //           autoFitView: true // ������������������������������������������ Marker���������������������������������
-  //       });
-  //       //���������������
-  //       placeSearch.search('������������');
- 
-  //   }
+        // function click(e){
+        //   console.log(e);
+        //   salf.clickPoint=[e.lnglat.lng,e.lnglat.lat]
+        // }
+        // placeSearch.search(this.input,function(status, result){
+        //   console.log(result);
+        //   auto.on('click',click);
+        //     function click(e){
+        //      console.log(e);
+        //     }
+        // });
+        // console.log(this.input);
+    }
   // ���������������������������
   private clickPoint: any = this.lnglat === '' ?  [
           120.720262,
@@ -206,10 +241,10 @@
   ]
 
   private mapClick(e: any) {
+    // console.log(e);
     const { lng, lat } = e.lnglat 
     this.clickPoint=[ lng, lat]
-    this.$forceUpdate()
-    // console.log(this.clickPoint);
+    console.log(this.clickPoint);
   }
 
   private handleMapCancel() {
@@ -281,7 +316,8 @@
   background-color: white;
   max-height: 100%;
   overflow-y: auto;
-  right: 0;
+  left: 25px;
   width: 280px;
+  top: 126px;
 }
 </style>

--
Gitblit v1.8.0