通过 xhr 加载 Google 地图 v3 并进行错误处理

【问题标题】：Load Google maps v3 via xhr with error handling通过 xhr 加载 Google 地图 v3 并进行错误处理
【发布时间】：2012-03-11 14:30:54
【问题描述】：

我想在 jQuery 移动应用程序中使用 Google 地图 V3，但我很难确保已加载 Google 地图。

我基本上想通过 xhr 加载谷歌地图，这样我就可以处理请求的超时。将脚本标签添加到页面头部的常规方法有一个回调，但这假设文件已成功获取。

有没有办法通过 xhr 加载地图库或处理失败的脚本标签加载？

【问题讨论】：

标签： javascript google-maps-api-3 dom-events

【解决方案1】：

你可以处理onerror事件。

var script = document.createElement("script");
$(script).attr("type", "text/javascript");
script.onerror = function(event){ 
   //************
   //ERROR OCCURED
   //************
}
script.onload = function(event){
   //Script loaded
}
script.src = "http://maps.googleapis.com/maps/api/js?sensor=false";

【讨论】：

那是我的救命稻草。只需添加document.body.appendChild(script); 谢谢！