百度地图开发文档 lbsyun.baidu.com/index.php?t…
前期准备
从官网下载bmap-wx.js文件并导入到项目中， 然后在微信开发平台配置好api.map.baidu.com百度地图的域名
在页面中的基本使用
<map id="mapId" style="width: 100vw; height:calc(100vh - 90rpx);" scale="12" :latitude="latitude" :longitude="longitude" @markertap="tapMarkert" :show-location="true" :markers="covers"></map>
<script>
// 引用百度地图微信小程序JSAPI模块
var bmap = require('@/libs/bmap-wx.min.js');
var BMap = new bmap.BMapWX({ak: 'LFwMzink4FBf1pRBI9qMOVbxlMrT3mdD'});
export default {
data() {
return {
covers: [],//自定义标注集合
latitude: '22.565793',//当前定位的经纬度
longitude: '112.581039',
}
},
methods: {
//点击标注
tapMarkert(event) {
this.show = true
this.getDetail(event.detail.markerId)
},
}
}
</script>
