javascript - 无效值错误 : initAutocomplete is not a function Google Places and Autocomplete API

Question

希望您能提供帮助，因为我遇到了困难，我对使用 Google 的 Places API 也很陌生。

我现在不打算发布任何代码，因为当我将要描述的 2 部分独立运行时，我的代码工作正常。

除了使用 Google 提供的 Javascript 示例的自动完成 API 之外，我还使用 Google 的 Places。

最初我的文档底部有以下脚本:

<script src="https://maps.googleapis.com/maps/api/js?&libraries=places&callback=initAutocomplete" async defer></script>

我文档顶部的这个脚本:

 <script src="https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=false"></script>

这让我想到，“您已在此页面上多次包含 Google Maps API。这可能会导致意外错误。”所以在研究了这个之后，我像这样将两者合并在一起:

<script src="https://maps.googleapis.com/maps/api/js?v=3.exp&libraries=places&callback=initAutocomplete&sensor=false"></script>

但是，既然我已经这样做了，我会收到以下错误:

InvalidValueError: initAutocomplete is not a function
TypeError: searchBox is undefined

当这些脚本未合并时，我没有收到这些错误，但后来我意识到需要 Places API 的函数已停止工作。如果我删除自动完成 API 引用，Places 函数将起作用。

关于如何让这两者协同工作，如所示合并它们并解决“非函数”问题，我有什么想法吗？

如有任何建议，我们将不胜感激，如果您真的需要查看代码，请告诉我。

提前致谢，斯蒂芬

Answer 1

您应该只使用一次包含脚本，例如:

//maps.googleapis.com/maps/api/js?key=__API-KEY__&libraries=places

请注意，您在包含脚本时省略了“回调”参数。然后在窗口加载时加载 initAutocomplete，如:

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

也许您需要在 head 中包含 gmaps 脚本，否则如果您将 js 内联放置，您会收到“google is not defined”错误。