微信小程序学习笔记---定位

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 >