微信小程式學習筆記---定位

js代碼

// 引用百度地圖微信小程式JSAPI子產品 var bmap = require ( 'bmap-wx.min.js' ); var wxMarkerData = []; //定位成功回調對象 Page ({ data : { ak : "你的ak" , //填寫申請到的ak markers : [], longitude : '' , //經度 latitude : '' , desc : '' , //緯度 cityInfo : {} //城市資訊 },

onLoad : function ( options ) { var that = this ; // 建立bmap對象 var BMap = new bmap . BMapWX ({ ak : that . data . ak }); var fail = function ( data ) { console . log ( data ); }; var success = function ( data ) { //傳回資料内，已經包含經緯度 console . log ( data ); //使用wxMarkerData擷取資料 wxMarkerData = data . wxMarkerData ; //把所有資料放在初始化data内 that . setData ({ markers : wxMarkerData , latitude : wxMarkerData [ 0 ]. latitude , longitude : wxMarkerData [ 0 ]. longitude , address : wxMarkerData [ 0 ]. address , desc : wxMarkerData [ 0 ]. desc , cityInfo : data . originalData . result . addressComponent }); } // 發起regeocoding檢索請求 BMap . regeocoding ({ fail : fail , success : success });

}

})

wxml代碼

< view > 經度：{{longitude}} </ view > < view > 緯度：{{latitude}} </ view > < view > 位址：{{address}} </ view > < view > 位置：{{desc}} </ view > < view > 省級：{{cityInfo.province}} </ view > < view > 城市：{{cityInfo.city}} </ view > < view > 街道：{{cityInfo.district}}{{cityInfo.street}}{{cityInfo.street_number}} </ view > < view > 方位：{{cityInfo.direction}} </ view > < view > 米數：{{cityInfo.distance}}米 </ view >