no message

vue-admin-template-master/package.json

@@ -49,6 +49,7 @@
     "serve-static": "1.13.2",
     "svg-sprite-loader": "4.1.3",
     "svgo": "1.2.2",
+    "vue-jsonp": "^2.0.0",
     "vue-template-compiler": "2.6.10"
   },
   "browserslist": [

vue-admin-template-master/src/main.js

@@ -15,6 +15,8 @@ import router from "./router";
 import "@/icons"; // icon
 import "@/permission"; // permission control
 
+import { VueJsonp } from "vue-jsonp";
+
 /**
  * If you don't want to use mock-server
  * you want to use MockJs for mock api
@@ -32,6 +34,7 @@ if (process.env.NODE_ENV === "production") {
 Vue.use(ElementUI, { locale });
 // 如果想要中文版 element-ui，按如下方式声明
 // Vue.use(ElementUI)
+Vue.use(VueJsonp);
 
 Vue.config.productionTip = false;
 

vue-admin-template-master/src/views/shapmap/mtmarker/index.vue

@@ -25,6 +25,7 @@
 
 <script>
 import { getshopmt } from "@/api/shop.js";
+import Axios from "axios";
 var searchService,
   markers = [],
   that;
@@ -95,46 +96,72 @@ export default {
       );
       //   new qq.maps.MarkerImage(shop_icon);
       let res = await getshopmt();
-      let list = [
-        { lat: 31.190176, lng: 121.563334 },
-        { lat: 31.053614, lng: 121.756092 },
-        { lat: 31.198673, lng: 121.623011 },
-        { lat: 31.162044, lng: 121.523265 },
-        { lat: 31.273977, lng: 121.539734 },
-        { lat: 31.12164, lng: 121.600212 },
-        { lat: 31.225226, lng: 121.429702 },
-        { lat: 31.210863, lng: 121.436227 },
-        { lat: 31.186151, lng: 121.400259 },
-        { lat: 31.295941, lng: 121.49794 },
-        { lat: 31.263175, lng: 121.602699 },
-        { lat: 31.223913, lng: 121.424215 },
-        { lat: 31.208522, lng: 121.451219 },
-        { lat: 31.250187, lng: 121.488264 },
-        { lat: 31.011693, lng: 121.240261 },
-        { lat: 31.285369, lng: 121.507665 },
-        { lat: 31.289183, lng: 121.429263 },
-        { lat: 31.260041, lng: 121.498475 },
-        { lat: 31.271026, lng: 121.592998 },
-        { lat: 31.134904, lng: 121.33531 },
-        { lat: 31.331867, lng: 121.447623 },
-        { lat: 31.288238, lng: 121.445451 },
-        { lat: 31.216323, lng: 121.60073 },
-        { lat: 31.209192, lng: 121.32403 },
-        { lat: 31.237086, lng: 121.415394 },
-        { lat: 31.287862, lng: 121.404157 },
-        { lat: 31.221671, lng: 121.481881 },
-        { lat: 31.270572, lng: 121.590762 },
-        { lat: 31.29196, lng: 121.488606 },
-        { lat: 31.245284, lng: 121.328386 },
-        { lat: 31.215516, lng: 121.322629 },
-        { lat: 31.109271, lng: 121.239565 },
-        { lat: 31.21811, lng: 121.392892 },
-        { lat: 31.194343, lng: 121.711937 },
-        { lat: 31.324518, lng: 121.221412 },
-        { lat: 31.24134, lng: 121.422024 },
-        { lat: 31.35791, lng: 121.399575 },
-        { lat: 31.242141, lng: 121.331061 }
-      ];
+
+      //     this.$jsonp("https://apis.map.qq.com/ws/geocoder/v1/", {
+      // 			key: "36IBZ-VI53O-FJHW2-SV2NP-USSAE-GFBUS",
+      // 			callbackName: "getJsonData",
+      // 			output: 'jsonp',
+      // 			address: "请求解析的地址"
+      // 		})
+      // 		.then(json => {
+      //                               // 请求成功的返回数据
+      // 			success(json)
+      // 		})
+      // 		.catch(err => {
+      //                               // 请求失败的返回数据
+      // 			console.log(err)
+      // 		})
+      // }
+      res.forEach(async v => {
+        let res = await this.$jsonp("https://apis.map.qq.com/ws/geocoder/v1/", {
+          key: "36IBZ-VI53O-FJHW2-SV2NP-USSAE-GFBUS",
+          callbackName: "getJsonData",
+          output: "jsonp",
+          address: v.address
+        });
+        console.log(res);
+      });
+
+      // let list = [
+      //   { lat: 31.190176, lng: 121.563334 },
+      //   { lat: 31.053614, lng: 121.756092 },
+      //   { lat: 31.198673, lng: 121.623011 },
+      //   { lat: 31.162044, lng: 121.523265 },
+      //   { lat: 31.273977, lng: 121.539734 },
+      //   { lat: 31.12164, lng: 121.600212 },
+      //   { lat: 31.225226, lng: 121.429702 },
+      //   { lat: 31.210863, lng: 121.436227 },
+      //   { lat: 31.186151, lng: 121.400259 },
+      //   { lat: 31.295941, lng: 121.49794 },
+      //   { lat: 31.263175, lng: 121.602699 },
+      //   { lat: 31.223913, lng: 121.424215 },
+      //   { lat: 31.208522, lng: 121.451219 },
+      //   { lat: 31.250187, lng: 121.488264 },
+      //   { lat: 31.011693, lng: 121.240261 },
+      //   { lat: 31.285369, lng: 121.507665 },
+      //   { lat: 31.289183, lng: 121.429263 },
+      //   { lat: 31.260041, lng: 121.498475 },
+      //   { lat: 31.271026, lng: 121.592998 },
+      //   { lat: 31.134904, lng: 121.33531 },
+      //   { lat: 31.331867, lng: 121.447623 },
+      //   { lat: 31.288238, lng: 121.445451 },
+      //   { lat: 31.216323, lng: 121.60073 },
+      //   { lat: 31.209192, lng: 121.32403 },
+      //   { lat: 31.237086, lng: 121.415394 },
+      //   { lat: 31.287862, lng: 121.404157 },
+      //   { lat: 31.221671, lng: 121.481881 },
+      //   { lat: 31.270572, lng: 121.590762 },
+      //   { lat: 31.29196, lng: 121.488606 },
+      //   { lat: 31.245284, lng: 121.328386 },
+      //   { lat: 31.215516, lng: 121.322629 },
+      //   { lat: 31.109271, lng: 121.239565 },
+      //   { lat: 31.21811, lng: 121.392892 },
+      //   { lat: 31.194343, lng: 121.711937 },
+      //   { lat: 31.324518, lng: 121.221412 },
+      //   { lat: 31.24134, lng: 121.422024 },
+      //   { lat: 31.35791, lng: 121.399575 },
+      //   { lat: 31.242141, lng: 121.331061 }
+      // ];
 
       list.forEach(v => {
         new qq.maps.Circle({