在微信中用百度map地图
1.xxx.wxml中的文件
<!--pages/dili/dili.wxml-->
<view>
<viwe>经度:{{longitude}}</viwe>
<view>纬度:{{latitude}}</view>
<view>地址:{{address}}</view>
<view>城市:{{cityInfo.city}}</view>
</view>
2. 这是微信种js的代码
// 引用百度地图微信小程序JSAPI模块
var bmap = require('../../libs/bmap-wx.min.js');
var wxMarkerData = []; //定位成功回调对象
Page({
data: {
// 这个值是在百度api中申请的。
ak: "tQcVtG7wiVYZ4GqTsCXIG5OUPQw0HhKL", //填写申请到的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) {
//返回数据内,已经包含经纬度
//使用wxMarkerData获取数据
wxMarkerData = data.wxMarkerData;
//把所有数据放在初始化data内
that.setData({
markers: wxMarkerData,
latitude: wxMarkerData[0].latitude,
longitude: wxMarkerData[0].longitude,
address: wxMarkerData[0].address,
cityInfo: data.originalData.result.addressComponent
});
}
// 发起regeocoding检索请求
BMap.regeocoding({
fail: fail,
success: success
});
}
})
3.注意:如果你的提示这个东西
有两种解决的方法,这两种办法有两种情景使用。
(1)如果你需要上线的话,就要在你的后台配置中去添加地址
(2)第二种方法就是在的的微信小程序的工具中打开项目设置
这样的话就成功的可以显示了