Question

由于我将在移动应用中使用谷歌地图和地点，我不希望任何事情减慢应用程序加载速度。

我在边缘网络上看到过，我的应用启动速度很慢。我所有的js都是本地的，所以只有google maps＆amp;地方需要很长时间才能加载（如果我从html文件中删除地图和地点，则加载速度很快）。

index.html
<script>....</script>
<script src='http://maps.google.com/maps/api/js?key=mykey&amp;sensor=false'></script>
<script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?libraries=places&amp;sensor=false"></script>
</body>

我在Load google maps v3 dynamically with ajax找到了如何异步下载Google地图：

$.getScript("http://maps.google.com/maps/api/js?key=mykey&sensor=false&async=2&callback=MapApiLoaded", function () {});

function MapApiLoaded() {
   $.ajaxSetup({async:false});
   $.getScript("http://maps.googleapis.com/maps/api/js?libraries=places&sensor=false");
   $.ajaxSetup({async:true});
   alert('loading places done');
}

我收到提醒并且我已经检查过$ .getScript（）成功返回但是当我尝试使用地方时，我在javascript控制台中收到以下错误：谷歌地图位置未定义。

我试图只在html文件中放置地点并异步加载谷歌地图，但它也不起作用。

有什么想法吗？提前谢谢。

Answer 1

您正在加载Maps API两次。只需要做一次，包括地点库：

$.getScript("http://maps.google.com/maps/api/js?key=mykey&libraries=places&sensor=false&callback=MapApiLoaded");

function MapApiLoaded() {
    alert('loading Maps API and Places library done');
}

以异步方式加载Google地方信息

1 个答案: