效果图:
1.首先,引入vue-baidu-map,对应的命令是
npm install vue-baidu-map --save
2.然后,在main.js中完成全局注册
import BaiduMap from 'vue-baidu-map'
Vue.use(BaiduMap, {
// ak 是在百度地图开发者平台申请的密钥
ak: '您的ak密钥'
})
3.页面中应用
template
<div class="BMapbubblecontent" id="more" v-show="moreButtonList">
<span>热力站:{
{ heatMapList.name }}</span
><br />
<span>供热面积:{
{ heatMapList.servArea }}m²</span><br />
<span>一次回温:{
{ heatMapList.fnBackTemp }}℃</sp