高版本浏览器使用百度地图推荐的 script加载方式,提示加载异常,跨域,后面的瓦片全加载失败
引入代码截图
export function map() {
return new Promise(function(resolve, reject) {
// vue-router跳转不刷新页面,onload事件不会被触发
window.onload = function() {
// eslint-disable-next-line
resolve(BMapGL)
}
var script = document.createElement('script')
script.type = 'text/javascript'
script.src =
'https://api.map.baidu.com/api?v=1.0&type=webgl&ak=yourak&callback=initialize'
script.onerror = reject
document.head.appendChild(script)
})
}
运行结果及报错内容
cross-origin-resource-policy
为了从另一个来源使用此资源,服务器需要在响应标头中指定跨域资源政策:
Cross-Origin-Resource-Policy: same-site如果资源和文档由同一网站提供,请选择此选项。
Cross-Origin-Resource-Policy: cross-origin仅当包括此资源在内的任意网站不会带来安全风险时,才可选择此选项。