微信小程序的百度地图获取地理位置

1. 第一步：先到百度开放平台http://lbsyun.baidu.com申请ak，并下载百度地图的api

http://lbsyun.baidu.com/index.php?title=wxjsapi/guide/key

（根据官方提供的顺序进行即可，这里不再复述）

2.到微信公众平台的后台里设置配置request合法域名

3.引入JS模块

注意：小程序项目大小不超过1M，所以用 压缩的js文件

4.在所需的js文件内导入js

5.实例代码：

// pages/map/map.js

var bmap = require ( "../../utils/bmap-wx.min.js" );

var wxMarkerData = []; //定位成功回调对象

Page({

/** * 页面的初始数据 */

data: {

ak: "KVAWk7QKGzd4H4unph4eZyIxfWEpaGZM" , //填写申请到的ak

markers:[],

longitude: '' , //经度

latitude: '' , //纬度

address: '' , //地址

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;

that.setData({

markers:wxMarkerData,

latitude: wxMarkerData[ 0 ].latitude,

longitude:wxMarkerData[ 0 ].longitude,

address:wxMarkerData[ 0 ].address,

cityInfo:data.originalData.result.addressComponent

});

}

BMap.regeocoding({

fail:fail,

success:success

});

}

})

转载自：https://blog.csdn.net/michael_ouyang/article/details/55097646