vue3 引入百度地图的三种方式

本次也是正好写了一个基于VUE3和百度地图的设计，但奈何第一次使用百度地图，在学习的途中遇到了很多问题，也发现网上的材料相对较少，因此做出了一些小总结，后续还会更新。

一、直接引入

直接在public中的index.html中进行引入

在body后或html后都可以的，相信也不用多说(引入记得修改ak秘钥还有版本问题)

<script type="text/javascript" src="//api.map.baidu.com/api?v=3.0&ak=您的密钥">

二、在vue组件内部JS实现引入(可直接使用，初始化部分和ak秘钥自行修改即可)

<script setup>
onMounted(() => {
  // 加载百度地图资源
  loadMapScript(); 
});
function loadMapScript() {
  // 创建DOM元素，修改类型
  var script = document.createElement("script");
  scri