vue接入百度地图API

1、申请百度地图秘钥
申请地址: http://lbsyun.baidu.com/apiconsole/key
2、安装插件

npm install vue-baidu-map --save

3、main.js中引用vue-baidu-map组件

import Vue from 'vue';
import BaiduMap from 'vue-baidu-map'
Vue.use(BaiduMap, {
    ak: '你申请的百度地图秘钥' //官方提供的ak秘钥
})
// 这是全局注册的方法, 也可采用局部注册,只在使用该组件的页面调用组件名即可,具体参考官方文档


4、注册组件map.vue




5、地图官方地址
https://dafrok.github.io/vue-baidu-map/#/zh/bmaplib/marker-clusterer

你可能感兴趣的:(百度,vue.js,javascript)