首先去百度地图api官网,点击地图的js开发,申请一个浏览器端口的ak,这里就不过多赘述了
然后如果你使用vue3开发,请使用 vue-baidu-map-3x 这个包,安装指令如下
npm install vue-baidu-map-3x --save
对应的详细使用网址为 vue-baidu-map-3x
注意:vue2和vue3对应的使用方法不同,我之前使用vue2的语法注册百度地图,结果报错
不想看官网的我给你省流一下,我使用的是全局注册,在main.js文件写如下代码
import { createApp } from 'vue'
import App from './App.vue'
import BaiduMap from 'vue-baidu-map-3x'
const app = createApp(App);
app.use(BaiduMap, {
ak: '百度地图ak',//这个写你自己申请的
});
app.mount('#app');
具体百度地图的使用就参考上面的那个网址吧,官网讲的非常详细
后续如果有我遇到觉得值得分享的内容,我会再更新!