加载Google Maps JavaScript将API放置在页面正在加载时

Question

我使用的是Google Maps将API放置，以便能够自动完成搜索位置。目前，我正在使用以下代码加载Google Maps JavaScript API：

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

上面代码的问题是，在将API加载到页面中之前，我必须等待该页面充分加载。这导致我几秒钟都无法搜索，即使对我来说，似乎该页面已经满载了。

当前将其放置在窗口中的原因是因为JavaScript Ploce API需要一个要附加的输入字段，在我尝试访问它之前需要加载它。

我的问题是，在Google Maps中是否有其他加载方法将JavaScript API放置在页面的几秒钟似乎已经加载了？或者，我还有什么可以避免这个问题的？

Answer 1

您可以从链接中删除 async 和 defer 以同步加载它。我不确定这是正确的事情，但肯定会解决您的问题。

Answer 2

您可以禁用输入字段，和/或在忙碌的指示器上及时覆盖页面，然后仅启用输入字段并摆脱onload中的繁忙指示器功能，设置自动完成后。

Answer 3

我发现，如果我将脚本放置在加载HTML元素之后，则浏览器仍将显示该页面在加载时加载了该页面。>