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

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 >