第6和第7次实验

tianqi/app.js

@@ -0,0 +1,39 @@
+//app.js
+App({
+  onLaunch: function () {
+    // 展示本地存储能力
+    var logs = wx.getStorageSync('logs') || []
+    logs.unshift(Date.now())
+    wx.setStorageSync('logs', logs)
+
+    // 登录
+    wx.login({
+      success: res => {
+        // 发送 res.code 到后台换取 openId, sessionKey, unionId
+      }
+    })
+    // 获取用户信息
+    wx.getSetting({
+      success: res => {
+        if (res.authSetting['scope.userInfo']) {
+          // 已经授权，可以直接调用 getUserInfo 获取头像昵称，不会弹框
+          wx.getUserInfo({
+            success: res => {
+              // 可以将 res 发送给后台解码出 unionId
+              this.globalData.userInfo = res.userInfo
+
+              // 由于 getUserInfo 是网络请求，可能会在 Page.onLoad 之后才返回
+              // 所以此处加入 callback 以防止这种情况
+              if (this.userInfoReadyCallback) {
+                this.userInfoReadyCallback(res)
+              }
+            }
+          })
+        }
+      }
+    })
+  },
+  globalData: {
+    userInfo: null
+  }
+})

tianqi/app.json

@@ -0,0 +1,29 @@
+{
+  "pages": [
+    "pages/weather/weather",
+    "pages/search/search"
+  ],
+  "window": {
+    "backgroundTextStyle": "light",
+    "navigationBarBackgroundColor": "#121212",
+    "navigationBarTitleText": "天气查询助手",
+    "navigationBarTextStyle": "#fff",
+    "backgroundColor": "#ddd"
+  },
+  "tabBar": {
+    "color": "#000",
+    "selectedColor": "#4db900",
+    "backgroundColor": "#fbfbfd",
+    "position": "bottom",
+    "list": [
+      {
+        "pagePath": "pages/weather/weather",
+        "text": "weather"
+      },
+      {
+        "pagePath": "pages/search/search",
+        "text": "search"
+      }
+    ]
+  }
+}

tianqi/app.wxss

@@ -0,0 +1,10 @@
+/**app.wxss**/
+.container {
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: space-between;
+  padding: 200rpx 0;
+  box-sizing: border-box;
+} 

tianqi/libs/bmap-wx.js

@@ -0,0 +1,222 @@
+/**
+ * 百度地图微信小程序API类
+ *
+ * @class
+ */
+class BMapWX {
+
+    /**
+     * 百度地图微信小程序API类
+     *
+     * @constructor
+     */
+    constructor(param) {
+        this.ak = param["ak"];
+    }
+
+    /**
+     * 使用微信接口进行定位
+     *
+     * @param {string} type 坐标类型
+     * @param {Function} success 成功执行
+     * @param {Function} fail 失败执行
+     * @param {Function} complete 完成后执行
+     */
+    getWXLocation(type, success, fail, complete) {
+        type = type || 'gcj02',
+        success = success || function () {};
+        fail = fail || function () {};
+        complete = complete || function () {};
+        wx.getLocation({
+            type: type,
+            success: success,
+            fail: fail,
+            complete:complete
+        });
+    }
+
+    /**
+     * POI周边检索
+     *
+     * @param {Object} param 检索配置
+     * 参数对象结构可以参考
+     * http://lbsyun.baidu.com/index.php?title=webapi/guide/webservice-placeapi
+     */
+    search(param) {
+        var that = this;
+        param = param || {};
+        let searchparam = {
+            query: param["query"] || '生活服务$美食&酒店',
+            scope: param["scope"] || 1,
+            filter: param["filter"] || '',
+            coord_type: param["coord_type"] || 2,
+            page_size: param["page_size"] || 10,
+            page_num: param["page_num"] || 0,
+            output: param["output"] || 'json',
+            ak: that.ak,
+            sn: param["sn"] || '',
+            timestamp: param["timestamp"] || '',
+            radius: param["radius"] || 2000,
+            ret_coordtype: 'gcj02ll'
+        };
+        let otherparam = {
+            iconPath: param["iconPath"],
+            iconTapPath: param["iconTapPath"],
+            width: param["width"],
+            height: param["height"],
+            alpha: param["alpha"] || 1,
+            success: param["success"] || function () {},
+            fail: param["fail"] || function () {}
+        };
+        let type = 'gcj02';
+        let locationsuccess = function (result) {
+            searchparam["location"] = result["latitude"] + ',' + result["longitude"];
+            wx.request({
+                url: 'https://api.map.baidu.com/place/v2/search',
+                data: searchparam,
+                header: {
+                    "content-type": "application/json"
+                },
+                method: 'GET',
+                success(data) {
+                    let res = data["data"];
+                    if (res["status"] === 0) {
+                        let poiArr = res["results"];
+                        // outputRes 包含两个对象，
+                        // originalData为百度接口返回的原始数据
+                        // wxMarkerData为小程序规范的marker格式
+                        let outputRes = {};
+                        outputRes["originalData"] = res;
+                        outputRes["wxMarkerData"] = [];
+                        for (let i = 0; i < poiArr.length; i++) {
+                            outputRes["wxMarkerData"][i] = {
+                                id: i,
+                                latitude: poiArr[i]["location"]["lat"],
+                                longitude: poiArr[i]["location"]["lng"],
+                                title: poiArr[i]["name"],
+                                iconPath: otherparam["iconPath"],
+                                iconTapPath: otherparam["iconTapPath"],
+                                address: poiArr[i]["address"],
+                                telephone: poiArr[i]["telephone"],
+                                alpha: otherparam["alpha"],
+                                width: otherparam["width"],
+                                height: otherparam["height"]
+                            } 
+                        }
+                        otherparam.success(outputRes);
+                    } else {
+                        otherparam.fail({
+                            errMsg: res["message"],
+                            statusCode: res["status"]
+                        });
+                    }
+                },
+                fail(data) {
+                    otherparam.fail(data);
+                }
+            });
+        }
+        let locationfail = function (result) {
+            otherparam.fail(result);
+        };
+        let locationcomplete = function (result) {
+        };
+        if (!param["location"]) {
+            that.getWXLocation(type, locationsuccess, locationfail, locationcomplete);
+        } else {
+            let longitude = param.location.split(',')[1];
+            let latitude = param.location.split(',')[0];
+            let errMsg = 'input location';
+            let res = {
+                errMsg: errMsg,
+                latitude: latitude,
+                longitude: longitude
+            };
+            locationsuccess(res);
+        }
+    }
+
+
+
+    /**
+     * 天气检索
+     *
+     * @param {Object} param 检索配置
+     */
+    weather(param) {
+        var that = this;
+        param = param || {};
+        let weatherparam = {
+            coord_type: param["coord_type"] || 'gcj02',
+            output: param["output"] || 'json',
+            ak: that.ak,
+            sn: param["sn"] || '',
+            timestamp: param["timestamp"] || ''
+        };
+        let otherparam = {
+            success: param["success"] || function () {},
+            fail: param["fail"] || function () {}
+        };
+        let type = 'gcj02';
+        let locationsuccess = function (result) {
+            weatherparam["location"] = result["longitude"] + ',' + result["latitude"];
+            wx.request({
+              url: 'rKLHwor5Ciwgz2ll9s5zhIGE0liNuj8a',
+                data: weatherparam,
+                header: {
+                    "content-type": "application/json"
+                },
+                method: 'GET',
+                success(data) {
+                    let res = data["data"];
+                    if (res["error"] === 0 && res["status"] === 'success') {
+                        let weatherArr = res["results"];
+                        // outputRes 包含两个对象，
+                        // originalData为百度接口返回的原始数据
+                        // wxMarkerData为小程序规范的marker格式
+                        let outputRes = {};
+                        outputRes["originalData"] = res;
+                        outputRes["currentWeather"] = [];    
+                        outputRes["currentWeather"][0] = {
+                            currentCity: weatherArr[0]["currentCity"],
+                            pm25: weatherArr[0]["pm25"],
+                            date: weatherArr[0]["weather_data"][0]["date"],
+                            temperature: weatherArr[0]["weather_data"][0]["temperature"],
+                            weatherDesc: weatherArr[0]["weather_data"][0]["weather"],
+                            wind: weatherArr[0]["weather_data"][0]["wind"]
+                        };
+                        otherparam.success(outputRes);
+                    } else {
+                        otherparam.fail({
+                            errMsg: res["message"],
+                            statusCode: res["status"]
+                        });
+                    }
+                },
+                fail(data) {
+                    otherparam.fail(data);
+                }
+            });
+        }
+        let locationfail = function (result) {
+            otherparam.fail(result);
+        }
+        let locationcomplete = function (result) {
+        }
+        if (!param["location"]) {
+            that.getWXLocation(type, locationsuccess, locationfail, locationcomplete);
+        } else {
+            let longitude = param.location.split(',')[0];
+            let latitude = param.location.split(',')[1];
+            let errMsg = 'input location';
+            let res = {
+                errMsg: errMsg,
+                latitude: latitude,
+                longitude: longitude
+            };
+            locationsuccess(res);
+        }
+    }
+}
+
+module.exports.BMapWX = BMapWX;

tianqi/pages/search/search.js

@@ -0,0 +1,66 @@
+// pages/search/search.js
+Page({
+
+  /**
+   * 页面的初始数据
+   */
+  data: {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面加载
+   */
+  onLoad: function (options) {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面初次渲染完成
+   */
+  onReady: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面显示
+   */
+  onShow: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面隐藏
+   */
+  onHide: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面卸载
+   */
+  onUnload: function () {
+
+  },
+
+  /**
+   * 页面相关事件处理函数--监听用户下拉动作
+   */
+  onPullDownRefresh: function () {
+
+  },
+
+  /**
+   * 页面上拉触底事件的处理函数
+   */
+  onReachBottom: function () {
+
+  },
+
+  /**
+   * 用户点击右上角分享
+   */
+  onShareAppMessage: function () {
+
+  }
+})

tianqi/pages/search/search.json

@@ -0,0 +1 @@
+{}

tianqi/pages/search/search.wxml

@@ -0,0 +1,2 @@
+<!--pages/search/search.wxml-->
+<text>pages/search/search.wxml</text>

tianqi/pages/search/search.wxss

@@ -0,0 +1 @@
+/* pages/search/search.wxss */