Laravel 5.8：Google Map API自动完成错误

Question

我在laravel 5.8项目中使用地理位置。

我想在搜索框中使用Google Map API自动完成功能。 我创建了自己的API密钥，并粘贴了链接，但是它不起作用。

我尝试了3个链接。 第一个是

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

然后是下面的错误。

第二，我尝试了这段代码

<script async defer src="https://maps.googleapis.com/maps/api/js?
key=AIzaSyDoas8GY7i156tn8zJyu474OJMEtJI2Uos&callback=initMap"
type="text/javascript"></script>

最后，我把这个

<script src="https://maps.googleapis.com/maps/api/place/autocomplete/json?input=1600+Amphitheatre
&key=AIzaSyDoas8GY7i156tn8zJyu474OJMEtJI2Uos&sessiontoken=1234567890" async defer></script>

和错误点在这里， footer.blade.php

Answer 1

您似乎未在项目中启用Places API。请按照this link中的步骤启用它。在Cloud控制台的库中查找“ Places API”。确保还启用了JavaScript API。

此外，您不能在前端调用Places API Web服务。 Web服务是服务器端的，而不是客户端的。要了解Places API（网络服务）和Places library（JS客户端服务）之间的区别，请参阅Google的文档。

要实施客户端自动完成功能，请检出this example以获得指导。

希望这会有所帮助！