javascript - 如何根据互联网连接可用性切换基础层

Question

我的应用程序（html+ JavaScript）使用谷歌地图作为基础层。我还将 OSM 设置为离线基础层，以便在没有互联网连接时使用。

现在我正在锁定一种让应用程序检查互联网连接的方法，如果有，那么使用谷歌地图作为基础层。如果没有，则使用 OSM。

Answer 1

您需要一个只有在您有连接时才能成功的测试，因此一种测试方法是请求一个已知良好的 Internet 资源。如果测试失败，则您没有连接。

由于跨域限制，XMLHttpRequest 不起作用。什么可以绕过跨域限制？图片！

例如：

var test = new Image();
test.onload = function() { console.log('loaded')};
test.onerror = function() { console.log('error')};
test.src = "http://ds9.ssl.berkeley.edu/imageviewer/images/images2/latest_eit_284_full.jpg";