Vue3使用vue-baidu-map-3x百度地图

安装vue-baidu-map-3x：

        

// vue3
$ npm install vue-baidu-map-3x --save

// vue2
$ npm install vue2-baidu-map --save

全局注册/局部注册：

       

import { createApp } from 'vue'
import App from './App.vue'
import BaiduMap from 'vue-baidu-map-3x'

const app = createApp(App);

app.use(BaiduMap, {
  // ak 是在百度地图开发者平台申请的密钥 详见 http://lbsyun.baidu.com/apiconsole/key */
  ak: '百度地图ak',
  // v:'2.0',  // 默认使用3.0
  // type: 'WebGL' // ||API 默认API  (使用此模式 BMap=BMapGL)
});
app.mount('#app');

 局部注册：

        

自定义覆盖物：