1.异步创建script标签(amap.js)
export default function MapLoader () { // <-- 原作者这里使用的是module.exports
return new Promise((resolve, reject) => {
if (window.AMap) {
resolve(window.AMap)
} else {
var script = document.createElement('script')
script.type = 'text/javascript'
script.async = true
script.src = 'http://webapi.amap.com/maps?v=2.0&callback=initAMap&key=8c365792798cd8c1c517d16d77c2b1cb'
script.onerror = reject
document.head.appendChild(script)
}
window.initAMap = () => {
resolve(window.AMap)
}
})
}
2.html引入使用
创建一个div容器存放地图画布
<div id="container" style="height:300px;width:300px;"></div>
js引入创建地图
<script>
import MapLoader from '@/plugins/amap.js&#