java - 如何在没有互联网的情况下在javascript中处理谷歌地图API

Question

在我们的应用程序中，我们在 jsp 中使用谷歌地图 api。最近，我们发现在离线模式下，谷歌地图 js 文件无法加载，因此其他应用程序相关的 javascript 文件停止工作。

以下是我尝试解决的方法，但不幸的是这两种方法都不起作用。

我将我的javascript从脚本标记移动到窗口页面加载，但在这种情况下，网络浏览器不断旋转以加载谷歌地图脚本，为了避免这种情况，我设置了窗口超时(不知道它到底做了什么)。即使超时后，浏览器也会继续旋转。

来自:

<script
    src="http://maps.google.com/maps?file=api&v=2&key=<%=mapKey%>"
    type="text/javascript"></script>

致:

function loadScript() {
    var script = document.createElement('script');
    script.type = 'text/javascript';
    script.src = 'http://maps.google.com/maps?file=api&v=2&key=<=%googleMapKey%>';
    document.body.appendChild(script);
  }
  window.onload = loadScript;

或

 $(function(){
        var timeoutId;
        timeoutId = window.setTimeout(function() {
            alert("Script Error!");
            //document.getElementById("myFrame").value = "";

        }, 20);
        var url = 'http://maps.google.com/maps?file=api&v=2&key=<%=googleMapKey%>&callback=initialize';
        $.getScript(url, function(){ window.clearTimeout(timeoutId) });
    });

如果您能帮我处理这个问题，我真的很感激。

Answer 1

您可以通过类似 jQuery 的 getScript 之类的方法异步加载脚本，然后仅在 ajax 调用成功时执行您的函数来加载 google map 内容，如果没有成功，则继续正常运行而不使用 google map 内容。

$.getScript( "http://maps.google.com/maps?file=api&v=2&key=<%=googleMapKey%>&callback=initialize" )
  .done(function( script, textStatus ) {
    //load your google maps stuff
  })
  .fail(function( jqxhr, settings, exception ) {
    //hide placeholder for google maps / display error
});

(无耻地取自 http://api.jquery.com/jquery.getscript/ )