vue中通过异步引入script标签的方式创建引入高德地图amap

1.异步创建script标签（amap.js）

export default function MapLoader () { // <-- 原作者这里使用的是module.exportsreturn new Promise((resolve, reject) => {if (window.AMap) {resolve(window.AMap)} else {var script = document.createElement(script)script.type = ext/javascriptscript.async = truescript.src = /maps?v=2.0&callback=initAMap&key=8c365792798cd8c1c517d16d77c2b1cbscript.onerror = rejectdocument.head.appendChild(script)}window.initAMap = () => {resolve(window.AMap)}})}

2.html引入使用

创建一个div容器存放地图画布

<div></div>

js引入创建地图

<script>import MapLoader from @/plugins/amap.js&#