延迟加载谷歌地图API，直到地图在视图中

Question

我正在使用Google Maps JavaScript API v3开发一个插件，并希望尽量减少在流量很大的网站上使用的请求数量。目前，地图是相当远的页面，所以我想推迟加载API和产生请求成本，除非用户实际上向下滚动到它，地图是在视图中。

我可以很容易地检查当地图元素实际上在视图中，我的问题是，是否有人知道当gapi库脚本本身加载时API调用计数为请求?(包含API键的URL被加载到页面中)，或者请求仅在map实际初始化时才计数(即。map = new google.maps.Map() ?

谢谢!

Answer 1

您必须删除API提供给您的callback函数。

<script src="https://maps.googleapis.com/maps/api/js?key=TU_API_KEY&callback=initMap()"></script>

所以它看起来像这样:

<script src="https://maps.googleapis.com/maps/api/js?key=TU_API_KEY"></script>

然后在代码的任意位置调用initMap()函数

a = 45;
b = 2;
initMap(); // Aqui se manda a ejecutar