6

我认为谷歌 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.load 和地图调用使用搜索 API，就像脚本块一样？

4

1 回答 1

0

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

接下来的 2 个选项是异步的。

第二个选项指示谷歌地图初始化，然后调用回调参数指定的方法。使用这种方法，您可以决定何时加载地图 api 的最佳时间。因此，无论是按需还是在页面加载后。

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

于 2013-03-11T06:24:46.767 回答