通過(guò)本文你可以了解到：

通過(guò)qqmapsdk.reverseGeocoder()獲取當(dāng)前定位中文地址 通過(guò)qqmapsdk.getSuggestion()關(guān)鍵字搜索獲取周邊地址 通過(guò)WxNotification回傳數(shù)據(jù)到上一頁(yè)

先來(lái)瀏覽一下效果圖：

請(qǐng)求用戶地理定位

通過(guò)騰訊地圖api實(shí)現(xiàn)，下載地址：http://lbs.qq.com/qqmap_wx_jssdk/

1.自動(dòng)定位以及返回10個(gè)相近位置

核心代碼如下：

//引入類庫(kù)
var QQMapWX = require('../../utils/qqmap-wx-jssdk.min.js')
qqmapsdk = new QQMapWX({
            key: 'BJFBZ-ZFTHW-Y2HRO-RL2UZ-M6EC3-GMF4U'
        });
qqmapsdk.reverseGeocoder({
    get_poi: 1,
    success: function (res) {
        that.setData({
            currentAddress: res.result.formatted_addresses.recommend,
            city: res.result.address_component.city,
            result: res.result.pois
        });
    }
});

其中g(shù)et_poi設(shè)置為1，可以返回得到當(dāng)前定位周邊的10個(gè)相近位置

2.關(guān)鍵字搜索

核心代碼：

var keyword = e.detail.value;
qqmapsdk.getSuggestion({
    keyword: keyword,
    region: that.data.city,
    success: function (res) {
        that.setData({
            result: res.data
        });
    }
});

其中region參數(shù)，傳入之前reverseGeocoder獲取得到的城市信息，以過(guò)濾非本城市以外的其他搜索結(jié)果。

回傳數(shù)據(jù)到首頁(yè)

這里用到了第三方庫(kù)WxNotification

下載地址：https://github.com/icindy/WxNotificationCenter

核心方法如下：

//引入類庫(kù)
var WxNotificationCenter = require("../../utils/WxNotificationCenter.js");
//index.js 初始化注冊(cè)通知
WxNotificationCenter.addNotification("getAddressNotification",that.getAddress,that)
//index.js 監(jiān)聽(tīng)通知，通過(guò)成員方法getAddress回調(diào)得到期望的參數(shù)值address
WxNotificationCenter.addNotification("addressSelectedNotification",that.getAddress,that)
//search.js 發(fā)送通知，帶上address參數(shù)值
WxNotificationCenter.postNotificationName("addressSelectedNotification", address);

實(shí)現(xiàn)getAddress方法

getAddress: function (address) {
    that.setData({
        address: address
    });
}

本文同期視頻教程已經(jīng)傳到了自家小程序【靈動(dòng)云課】上，感興趣的朋友可以在線觀看。

本文源碼下載：http://git.oschina.net/dotton/demo-wx