環(huán)境搭建
-
注冊(cè),獲取APPID(沒(méi)有這個(gè)不能真雞調(diào)試)
-
下載微信web開(kāi)發(fā)者工具(挺多bug,將就用)
-
打開(kāi)微信web開(kāi)發(fā)者工具,掃碼登錄,新建小程序,輸入APPID,勾選創(chuàng)建quick start項(xiàng)目。
工程結(jié)構(gòu)
可以看到工程根目錄中有個(gè)app.js,這里可以定義全局變量,通過(guò)getApp()獲取。
項(xiàng)目中有了一些示例,已經(jīng)有了獲取用戶信息的方法等。
開(kāi)發(fā)地圖定位,選擇位置功能
我們直接修改index頁(yè)面來(lái)做這個(gè)功能。
準(zhǔn)備
-
新建imgs目錄,加入2個(gè)圖標(biāo)(ic_location和ic_position),用于標(biāo)記當(dāng)前位置,和地圖中央位置。
-

-

添加定位功能
修改app.js,加入定位功能,獲取當(dāng)前位置。
App({
onLaunch: function () {
var logs = wx.getStorageSync('logs') || []
logs.unshift(Date.now())
wx.setStorageSync('logs', logs)
}
,getUserInfo:function(cb){
var that = this
if(this.globalData.userInfo){
typeof cb == "function" && cb(this.globalData.userInfo)
}else{
wx.login({
success: function () {
wx.getUserInfo({
success: function (res) {
that.globalData.userInfo = res.userInfo
typeof cb == "function" && cb(that.globalData.userInfo)
}
})
}
})
}
}
,getLocationInfo: function(cb){
var that = this;
if(this.globalData.locationInfo){
cb(this.globalData.locationInfo)
}else{
wx.getLocation({
type: 'gcj02',
success: function(res){
that.globalData.locationInfo = res;
cb(that.globalData.locationInfo)
},
fail: function() {
},
complete: function() {
}
})
}
}
,globalData:{
userInfo:null
,locationInfo: null
}
})