什么是通过回调加载谷歌API或谷歌的区别.加载或简单的脚本块

Question

我认为google API可以通过三种不同的方式加载到您的页面:

1:使用简单的脚本块。像

<script type="text/javascript" src="http:/googleapis.com/maps/file.js"></script>

2:使用类似

这样的回调

var sc = document.createElement("script");
     sc.type="text/javascript";
     sc.src = "http:/googleapis.com/maps/file.js&callback=func_Name";
    document.getElementsByTagName("head")[0].appendChild(script);

3:然后使用像

这样的东西

 <script type="text/javascript" src="http://www.google.com/jsapi"></script> 
              google.load("maps", "1");

我的问题是:这三种方法之间有什么显著的区别吗?我可以在一个项目中使用搜索和地图API吗?我使用google调用使用搜索API。加载和地图只是作为一个脚本块?

Answer 1

第一个脚本块将阻塞，直到浏览器加载完脚本文件，然后执行它。您将能够在脚本块之后直接使用映射。这是同步加载选项。

下两个选项是异步的

第二个选项指示google maps初始化，然后调用由callback参数指定的方法。通过这种方法，您可以决定何时是加载maps api的最佳时机。因此，无论是按需还是在页面加载后。

第三种方法通过google javascript加载器加载地图api。它实际上提供了与第二个选项相同的好处，只是您不必手动编写脚本标记的插入。关于google加载器的文档还说，当您调用它时，您的页面应该已经加载(https://developers.google.com/loader/)。然而，在这种情况下，你加载一个额外的文件，但你也可以用它来加载其他库，如jquery。Google加载器还提供在第三个对象参数中指定回调参数，当脚本可用时将调用该参数。