vue-百度地图自定义主题框选区域设置模态框

效果图：

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 }}℃</span><br />
      <span>二次回温：{
  { heatMapList.snBackTemp }}℃</span><br />
      &