/**map.js*/
//引入地图
export function MapLoader() {
const mp = new Promise(function (resolve, reject) {
if (window.AMap) {
resolve(window.AMap)
} else {
var url = 'https://webapi.amap.com/maps?v=1.4.15&key=youkey&callback=onLoad&plugin=AMap.DistrictSearch'
var script = document.createElement('script')
script.src = url
script.id = "amap";
script.onerror = reject
document.head.appendChild(script)
}
window.onLoad = () => {
resolve(window.AMap)
}
});
//引入地图UI库
const mpUI = new Promise(function (resolve, reject) {
if (window.AMapUI) {
resolve(window.AMapUI)
} else {
var url = 'https://webapi.amap.com/ui/1.0/main.js'
var script = document.createElement('script')
script.src = url
script.id = 'amapUI';
script.onerror = reject
document.head.appendChild(script)
}
window.onLoad = () => {
resolve(window.AMapUI)
}
});
return Promise.all([mp, mpUI])
.then(function (result) {
return result
}).catch(e => {
console.log(e);
})
}
/**使用map.js*/
import { MapLoader } from './js/map'
MapLoader().then(res => {
console.log('%地图异步加载成功%')
this.AMap = res[0]
this.AMapUI = res[1]
}
vue高德地图异步加载
最新推荐文章于 2023-12-15 10:52:23 发布