新增调高德地图

Author: heyushuo

project.config.json

@@ -1,7 +1,7 @@
 {
 	"description": "项目配置文件。",
 	"setting": {
-		"urlCheck": true,
+		"urlCheck": false,
 		"es6": false,
 		"postcss": true,
 		"minified": true,

src/main.js

@@ -12,7 +12,7 @@ export default {
   // 这个字段走 app.json
   config: {
     // 页面前带有 ^ 符号的，会被编译成首页，其他页面可以选填，我们会自动把 webpack entry 里面的入口页面加进去
-    "pages": ["pages/feedback/main", "pages/order/main", "pages/cart/main", "pages/collectlist/main", "pages/addressSelect/main", "pages/addaddress/main", "pages/address/main", "^pages/index/main", "pages/search/main", "pages/my/main", "pages/login/main", "pages/category/main", "pages/categorylist/main", "pages/topic/main", "pages/goods/main", "pages/logs/main", "pages/branddetail/main", "pages/brandlist/main", "pages/newgoods/main", "pages/practice/main", "pages/topicdetail/main"],
+    "pages": ["pages/feedback/main", "pages/order/main", "pages/cart/main", "pages/mappage/main", "pages/collectlist/main", "pages/addressSelect/main", "pages/addaddress/main", "pages/address/main", "^pages/index/main", "pages/search/main", "pages/my/main", "pages/login/main", "pages/category/main", "pages/categorylist/main", "pages/topic/main", "pages/goods/main", "pages/logs/main", "pages/branddetail/main", "pages/brandlist/main", "pages/newgoods/main", "pages/practice/main", "pages/topicdetail/main"],
     "window": {
       "backgroundTextStyle": "light",
       "navigationBarBackgroundColor": "#fff",

src/pages/index/index.vue

@@ -1,5 +1,12 @@
 <template>
   <div class="index">
+    <div class="search">
+      <div @click="toMappage">{{cityName}}</div>
+      <div @click="toSearch">
+        <input type="text" placeholder="搜索商品">
+        <span class="icon"></span>
+      </div>
+    </div>
     <div class="swiper">
       <swiper class="swiper-container" indicator-dots="true" autoplay="true" interval="3000" circular="true" duration="500">
         <block v-for="(item, index) in banner " :key="index">
@@ -116,13 +123,23 @@
 </template>
 
 <script>
+import amapFile from "../../utils/amap-wx";
 import { get } from "../../utils";
 export default {
+  onLoad() {
+    this.getCityName();
+  },
+  onShow() {
+    if (wx.getStorageSync("cityName")) {
+      this.cityName = wx.getStorageSync("cityName");
+    }
+  },
   mounted() {
     this.getData();
   },
   data() {
     return {
+      cityName: "定位中..",
       banner: [],
       channel: [],
       brandList: [],
@@ -134,6 +151,31 @@ export default {
   },
   components: {},
   methods: {
+    toMappage() {
+      wx.navigateTo({ url: "/pages/mappage/main" });
+    },
+    getCityName() {
+      var _this = this;
+      var myAmapFun = new amapFile.AMapWX({ key: "e545e7f79a643f23aef187add14e4548" });
+      myAmapFun.getRegeo({
+        success: function(data) {
+          //成功回调
+          console.log(data);
+          // data[0].regeocodeData.formatted_address
+          _this.cityName = data[0].regeocodeData.formatted_address;
+        },
+        fail: function(info) {
+          //失败回调
+          console.log(info);
+          //如果用户拒绝授权
+          // 默认为北京
+          _this.cityName = "北京市";
+        }
+      });
+    },
+    toSearch() {
+      wx.navigateTo({ url: "/pages/search/main" });
+    },
     async getData() {
       const data = await get("/index/index");
       this.banner = data.banner;