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 +++++++++++++++++++++++-----------
 package-lock.json                      |   11 +++
 tsconfig.json                          |    2 
 package.json                           |    1 
 src/main.ts                            |    2 
 5 files changed, 85 insertions(+), 37 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index 64a96cd..df69bf0 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -20,6 +20,7 @@
         "date-fns": "^2.8.1",
         "echarts": "^4.5.0",
         "font-awesome": "^4.7.0",
+        "jquery": "^3.7.0",
         "lodash": "^4.17.15",
         "moment": "^2.24.0",
         "numeral": "^2.0.6",
@@ -11267,6 +11268,11 @@
       "engines": {
         "node": ">=6"
       }
+    },
+    "node_modules/jquery": {
+      "version": "3.7.0",
+      "resolved": "https://registry.npmmirror.com/jquery/-/jquery-3.7.0.tgz",
+      "integrity": "sha512-umpJ0/k8X0MvD1ds0P9SfowREz2LenHsQaxSohMZ5OMNEU2r0tf8pdeEFTHMFxWVxKNyU9rTtK3CWzUCTKJUeQ=="
     },
     "node_modules/js-beautify": {
       "version": "1.13.13",
@@ -29300,6 +29306,11 @@
         }
       }
     },
+    "jquery": {
+      "version": "3.7.0",
+      "resolved": "https://registry.npmmirror.com/jquery/-/jquery-3.7.0.tgz",
+      "integrity": "sha512-umpJ0/k8X0MvD1ds0P9SfowREz2LenHsQaxSohMZ5OMNEU2r0tf8pdeEFTHMFxWVxKNyU9rTtK3CWzUCTKJUeQ=="
+    },
     "js-beautify": {
       "version": "1.13.13",
       "resolved": "https://registry.npmjs.org/js-beautify/-/js-beautify-1.13.13.tgz",
diff --git a/package.json b/package.json
index bcfb9e5..19a4e78 100644
--- a/package.json
+++ b/package.json
@@ -22,6 +22,7 @@
     "date-fns": "^2.8.1",
     "echarts": "^4.5.0",
     "font-awesome": "^4.7.0",
+    "jquery": "^3.7.0",
     "lodash": "^4.17.15",
     "moment": "^2.24.0",
     "numeral": "^2.0.6",
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>
diff --git a/src/main.ts b/src/main.ts
index 838b768..cf75cbb 100644
--- a/src/main.ts
+++ b/src/main.ts
@@ -11,7 +11,7 @@
 //������������
 import BaiduMap from 'vue-baidu-map'
 Vue.use(BaiduMap, {
-  ak: '9FrZ6v3P8xS290ygi40M5Ik3Fgwes4KY'//������������key
+  ak: 'c4e73f2c6972766d6a54dffd2f501cac'//������������key
 })
 
 import AMap from 'vue-amap'
diff --git a/tsconfig.json b/tsconfig.json
index e94dfba..428a122 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -37,5 +37,5 @@
 ,   ],
   "exclude": [
     "node_modules"
-  ]
+  ],
 }

--
Gitblit v1.8.0