加载Google Maps JavaScript Places API正在加载

Question

我正在使用Google Maps Places API来自动填写地点搜索功能。目前，我正在使用以下代码加载Google Maps JavaScript API：

＆＃13;

＆＃13;

window.onload = function () {
                var autocomplete = new google.maps.places.Autocomplete(input);
             

＆＃13;

＆＃13;

＆＃13;

上面代码的问题是，在将Places API加载到页面之前，我必须等待页面完全加载。这导致几秒钟我无法搜索，即使对我来说，用户，似乎页面已完全加载。

它当前放在window.onload中的原因是因为JavaScript Places API需要一个要附加的输入字段，在我尝试访问它之前需要加载它。

我的问题是，Google Maps Places JavaScript API中是否还有其他任何加载方法可能会让页面看起来像是加载了几秒钟？或者，我还能做些什么来避免这个问题？

Answer 1

您可以从链接中删除异步和延迟以同步加载它。我不确定这是否是正确的做法，但它肯定会解决你的问题。

Answer 2

您可以在早期禁用输入字段和/或使用某种忙碌指示符覆盖您的页面，然后仅启用输入字段并删除onload功能中的忙碌指示符设置自动完成功能。

Answer 3

我发现如果我在加载HTML元素后放置脚本，浏览器仍然会在加载Google Maps Places API时显示正在加载页面。