Vue2中百度地图API的使用

1. 安装依赖

npm i --save vue-baidu-map

2. 全局引入用法

先在main.js中引入

import BaiduMap from 'vue-baidu-map'
Vue.use(BaiduMap, { ak: '你申请的key' })

然后在你的.vue文件中






没问题的话现在已经可以在页面上看到上海市了

3. 局部引入用法

在你的.vue文件中






参考: Vue2中百度地图API的使用_上进的鹏多多的博客-CSDN博客

惨考:【通俗易懂】Vue如何使用百度地图,通过vue-baidu-map插件实现地图功能【文档使用介绍】_接口写好了吗的博客-CSDN博客

你可能感兴趣的:(vue.js,javascript,前端)