检查是否可以通过Javascript访问谷歌地图
我正在使用phonegap开发一个移动应用程序。我想开发在线版和离线版。在在线版本中,应用程序连接到谷歌地图API,而在离线版本中,它应该跳过加载地图,继续加载页面的其余元素。如何检查与google maps API的连接 我有以下功能来加载地图:检查是否可以通过Javascript访问谷歌地图,javascript,ajax,google-maps-api-3,google-maps-android-api-2,Javascript,Ajax,Google Maps Api 3,Google Maps Android Api 2,我正在使用phonegap开发一个移动应用程序。我想开发在线版和离线版。在在线版本中,应用程序连接到谷歌地图API,而在离线版本中,它应该跳过加载地图,继续加载页面的其余元素。如何检查与google maps API的连接 我有以下功能来加载地图: function initialize() { var myLatlng = new google.maps.LatLng(98,-33); var mapOptions = { zoom: 11, c
function initialize() {
var myLatlng = new google.maps.LatLng(98,-33);
var mapOptions = {
zoom: 11,
center: myLatlng,
mapTypeId: google.maps.MapTypeId.ROADMAP
}
var map = new google.maps.Map(document.getElementById('map-canvas'), mapOptions);
var marker = new google.maps.Marker({
position: myLatlng,
map: map,
title: 'marker'
});
var infowindow = new google.maps.InfoWindow({
content: "<div style='width:80px;'>Your Location</div>",
minWidth: 500
});
google.maps.event.addListener(marker, 'click', function() {
infowindow.open(map,marker);
});
}
google.maps.event.addDomListener(window, 'load', initialize);
函数初始化(){
var mylatng=newgoogle.maps.LatLng(98,-33);
变量映射选项={
缩放:11,
中心:myLatlng,
mapTypeId:google.maps.mapTypeId.ROADMAP
}
var map=new google.maps.map(document.getElementById('map-canvas'),mapOptions);
var marker=new google.maps.marker({
职位:myLatlng,
地图:地图,
标题:“标记”
});
var infowindow=new google.maps.infowindow({
内容:“您的位置”,
最小宽度:500
});
google.maps.event.addListener(标记'click',函数(){
信息窗口。打开(地图、标记);
});
}
google.maps.event.addDomListener(窗口“加载”,初始化);
当我在有互联网连接的情况下运行应用程序时,它工作正常,但当没有连接时,它会给出错误“Google未定义”,并且它也不会加载页面。请告诉我如何检查连接。我试过使用navigator.onLine,但没用。谢谢 您可以这样做:
<script type="text/javascript" onload="loaded()" src="https://maps.googleapis.com/maps/api/js?v=3.exp"></script>
function loaded(){
//this will only execute if the page loads
}
函数加载(){
//这将仅在页面加载时执行
}
#选项1
既然您提到了PhoneGap
,我建议您使用PhoneGap提供的
这有助于您快速检查网络状态,以及
网络信息
#选择2
您可以简单地将@DaveS在本文中提到的支票放入
if (typeof google === 'object' && typeof google.maps === 'object') {
// Google maps loaded
initialize();
} else {
// Failed to load the Google Maps
}