javascript - 在网站中加载谷歌地图的最佳方式

Question

我正在使用 Google map v3 并希望它加载速度更快。

我的设置:

在 .js 文件的末尾

google.maps.event.addDomListener(window, 'load', initialize);

在 HTML 页面代码的末尾:

<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
<script type="text/javascript" src="http://www.google.com/jsapi"></script>

如何让 map 更快地出现在屏幕上？

Answer 1

您不需要包含这两个脚本:

<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
<script type="text/javascript" src="http://www.google.com/jsapi"></script>

特别是如果您只使用 Google map 。如果您使用多个 these Google APIs (或这些 JavaScript libraries )，仅包含 http://www.google.com/jsapi。否则，如果您仅使用 Google map ，则仅包含 http://maps.google.com/maps/api/js?sensor=false。这将节省一个请求。

您无法真正让 map 加载得更快，但您可以使用的技巧之一是首先使用 Google map 的 Static Maps API 加载静态 map 。所以它看起来加载速度更快。

另一个技巧是仅在用户要求时加载 map 。但是，如果不知道您网站的要求是什么，就很难判断。使用 Google 库加载器，您可以做

google.load("maps", "3", {other_params:'sensor=false', callback: function(){
  var map; // initialize your map in here
});

或者如果你没有使用库加载器，你可以做 this .