地图差不多可以用了

src/utils/dai-map.js

@@ -1,3 +1,5 @@
+import nextTick from "dai-js/tools/nextTick";
+
 // 封装了地图相关函数，兼容天地图、腾讯地图常用api
 export default function init(ele, position, params) {
   const mapType = typeof window.TMap !== "undefined" ? "qq" : "td";
@@ -101,8 +103,8 @@ export default function init(ele, position, params) {
               const {
                 location: { lat, lng, address },
               } = data[0];
-              // this.setCenter(lat, lng);
+              this.setCenter(lat, lng);
-              // this.setMarker(lat, lng);
+              this.setMarker(lat, lng);
               reslove({
                 msg: "success",
                 data: {
@@ -131,6 +133,15 @@ export default function init(ele, position, params) {
       this.map.on(eventType, fn);
     };
   } else {
+    if (typeof ele == "string") {
+      ele = document.getElementById("app");
+    }
+    let width = ele.offsetWidth;
+    let height = ele.offsetHeight;
+    if (height == 0) {
+      ele.style.height = width * 0.5 + "px";
+    }
+
     let center = new TDMap.LngLat(longitude, latitude);
     this.map = new TDMap.Map(ele, {
       center,
@@ -152,18 +163,18 @@ export default function init(ele, position, params) {
       let lnglat = new TDMap.LngLat(lng, lat);
       if (!this.marker) {
         this.marker = new TDMap.Marker(lnglat, {});
+        this.map.addOverLay(this.marker);
       } else {
         this.marker.setLngLat(lnglat);
       }
     };
 
-    this.geocoder = new TDMap.service.Geocoder(); // 新建一个正逆地址解析类
+    this.geocoder = new TDMap.Geocoder(); // 新建一个正逆地址解析类
     this.getAddress = async function (lat, lng) {
       return new Promise((reslove) => {
-        this.geocoder.getLocation(
+        this.geocoder.getLocation(new TDMap.LngLat(lng, lat), (result) => {
-          { location: new TDMap.LatLng(lat, lng) },
-          (result) => {
           if (result) {
+            console.log("this.geocoder.getLocation", result);
             let status = result.getStatus();
             reslove({
               msg: "success",
@@ -177,26 +188,29 @@ export default function init(ele, position, params) {
               error: "解析失败",
             });
           }
-          }
+        });
-        );
       });
     };
 
     this.search = new TDMap.LocalSearch(this.map, { pageCapacity: 10 });
     this.searchNearby = async function (keyword) {
-      return new Promise((reslove) => {
+      return new Promise(async (reslove) => {
         this.search.setQueryType(1);
-        this.search.searchNearby(keyword, this.map.getCenter(), 1000);
+        this.search.searchNearby(keyword, this.map.getCenter(), 1000000000);
+
+        await nextTick(1000);
 
         const result = this.search.getResults();
-        const data = result.getPois();
+        const data = result ? result.getPois() : null;
+
+        console.log("检索结果", data);
 
         if (Array.isArray(data) && data.length > 0) {
           const { lonlat, address, name } = data[0];
-          const lng = lonlat.split(",")[0];
+          const lng = lonlat.split(" ")[0];
-          const lat = lonlat.split(",")[1];
+          const lat = lonlat.split(" ")[1];
-          // this.setCenter(lat, lng);
+          this.setCenter(lat, lng);
-          // this.setMarker(lat, lng);
+          this.setMarker(lat, lng);
           reslove({
             msg: "success",
             data: {
@@ -221,15 +235,6 @@ export default function init(ele, position, params) {
         this.map.on(eventType, fn);
       }
     };
-
-    if (typeof ele == "string") {
-      ele = document.getElementById("app");
-    }
-    let width = ele.offsetWidth;
-    let height = ele.offsetHeight;
-    if (height == 0) {
-      ele.style.height = width * 0.6 + "px";
-    }
   }
 
   return this;

src/views/modules/cpts/base/cpts/edit.vue

@@ -624,7 +624,7 @@ export default {
     initMap(item) {
       let { latitude, longitude } = this.$store.state.user;
 
-      let map = new daiMap(
+      map = new daiMap(
         document.getElementById("app"),
         { latitude, longitude },
         {
@@ -635,7 +635,7 @@ export default {
       );
 
       // 监听地图平移结束
-      map.on("panend", (e) => {
+      map.on("moveend", (e) => {
         this.handleMoveCenter(item, e);
       });
       // this.handleMoveCenter(item);
@@ -645,8 +645,8 @@ export default {
       const { msg, data } = await map.searchNearby(this.fmData[item.keyName]);
       if (msg == "success") {
         const { lat, lng } = data;
-        map.setCenter(lat, lng);
+        // map.setCenter(lat, lng);
-        map.setMarker(lat, lng);
+        // map.setMarker(lat, lng);
 
         this.fmData[item.supKeys[0]] = lng;
         this.fmData[item.supKeys[1]] = lat;
@@ -656,7 +656,7 @@ export default {
     },
 
     async handleMoveCenter(item, e) {
-      console.log(e);
+      console.log("handleMoveCenter", e);
       //修改地图中心点
       const { lat, lng } = map.getCenter();
       // item.supValues[0] = lng;
@@ -665,12 +665,10 @@ export default {
       this.fmData[item.supKeys[1]] = lat;
       map.setMarker(lat, lng);
 
-      if (e && e.originalEvent) {
       let { msg, data } = await map.getAddress(lat, lng);
       if (msg == "success") {
         this.fmData[item.keyName] = data.address;
       }
-      }
     },
 
     async getInfo() {
@@ -701,7 +699,7 @@ export default {
         await nextTick(600);
         if (map) {
           if (data.latitude) {
-            map.setCenter(new TMap.LatLng(data.latitude, data.longitude));
+            map.setCenter(data.latitude, data.longitude);
           } else {
             if (this.formType == "edit" && this.$refs && this.$refs.mapSearch) {
               this.$refs.mapSearch[0].handleClick();