美文网首页
vue-baidu-map的基础用法

vue-baidu-map的基础用法

作者: 疯泽清 | 来源:发表于2021-02-02 13:16 被阅读0次

功能:用百度地图做一些站点、热源、聚合的功能demo

第一步:下载依赖

npm install vue-baidu-map --save

第二步:引入main.js

import BaiduMap from 'vue-baidu-map'

Vue.use(BaiduMap, {

  // ak 是在百度地图开发者平台申请的密钥 详见 http://lbsyun.baidu.com/apiconsole/key */

  ak: ''

})

第三步:使用

<baidu-map

      class="map"

      ak="你的ak"

      :scroll-wheel-zoom="true"

      :center="pointCenter"   

      :zoom="15"      

      @click="getClickInfo"

    > </baidu-map>


注意:动态设置中心点的话,必须和zoom 一起设置   否则中心点不起作用

相关文章

网友评论

      本文标题:vue-baidu-map的基础用法

      本文链接:https://www.haomeiwen.com/subject/vehytltx.html