百度地图Api的引入使用-vue3组件

一、引入

因为用的场景较多，抽离为组件，

首先添加 js文件

export function baiduMap() {
   
    return new Promise(function (resolve, reject) {
   
        window.baiduMap = function () {
   
            resolve();
        };
        let script = document.createElement("script");
        script.type = "text/javascript";
        script.src = `https://api.map.baidu.com/api?v=2.0&ak=替换为自己的&callback=baiduMap`;
        script.onerror = reject;
        document.head.appendChild(script);
    });
}

在组件vue代码中引入js，对样式进行调整，添加经纬度

<template>
    <div id="map" :style="{ width: width + 'px', height: height + 'px' }"></div>
</template>
<script>
import {
    baiduMap }