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

  1. 第一步:先到百度开放平台http://lbsyun.baidu.com申请ak,并下载百度地图的api
(根据官方提供的顺序进行即可,这里不再复述)
微信小程序的百度地图获取地理位置

微信小程序的百度地图获取地理位置
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