如何根据网络连接的可用性切换基础层

How to switch base layer based on internet connection availability

本文关键字:可用性 何根 网络 连接      更新时间:2023-09-26

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

现在我锁定了一种方法,使应用程序检查互联网连接,如果有,然后使用谷歌地图作为基础层。

你需要一个只有当你有连接时才成功的测试,所以测试的方法是请求一个已知的好的互联网资源。如果测试失败,说明您没有连接。

由于跨域限制,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";