InvalidValueError:initAutocomplete不是Google Places和Autocomplete API的功能

Question

希望你能帮助我,因为我已经碰壁了,我也很擅长使用Google的Places API.

我不打算发布任何代码,因为我的代码工作正常,当我要描述的2个部分单独运行时.

除了Google提供的Javascript示例中的Autocomplete API之外,我还在使用Google的地方信息.

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

<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参考,则"地方"功能可以使用.

关于我如何能够将这两者结合起来的任何想法,如图所示合并这些并解决"非功能"问题？

任何建议都会非常感谢,如果您真的需要查看代码,请告诉我.

谢谢,斯蒂芬

Answer 1

你应该只使用include脚本,例如:

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

请注意,在包含脚本时省略了'callback'参数.然后在窗口加载时加载initAutocomplete,如:

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

也许您需要在头部包含gmaps脚本,否则如果您将js内联放置,则会出现"google is not defined"错误.

Answer 2

刚刚尝试了一下，发现删除该asyc属性可以解决这个问题。即使在 Google Places API URL 上使用回调时也是如此。

删除该async属性是一个较小的修复。