vue2实现百度地图

百度地图参考api
获取百度地图开发api密钥
先创建密钥,然后再这个里面进行查找

image.png

百度地图参考api中有安装步骤
vue.config.js中:

module.exports = {
  externals:{
      'BMap': 'BMap'
    }
}

:scroll-wheel-zoom="true":可以实现滚轮滑动实现放大缩小
center:能够实现地图加载出来,并且能够定位到北京
点击事件是我们点的地方能够获取到当前位置的信息

<baidu-map class="bm-view" :scroll-wheel-zoom="true" :center="北京" @click="点击事件" >
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容