Google 处 API 键突然停止工作

Question

下午好，

我正在构建一个 laravel 项目，我需要使用 google 位置 API 来获取输入数据。

我已经按照以下方式设置了所有内容：

<script type="text/javascript"
src="https://maps.google.com/maps/api/js?key={{env('GOOGLE_MAPS_API_KEY')}}&libraries=places">
</script>
<script>
    $( document ).ready(function() {
        google.maps.event.addDomListener(window, 'load', initialize);
    
        function initialize() {
            var input = document.getElementById('property_address');
            var autocomplete = new google.maps.places.Autocomplete(input);
    
            autocomplete.setComponentRestrictions({
                   country:"it",
               });
    
            autocomplete.addListener('place_changed', function () {
                var place = autocomplete.getPlace();
                $('#latitude').val(place.geometry['location'].lat());
                $('#longitude').val(place.geometry['location'].lng());
                $('#city').val(place.address_components['1'].long_name)
                $('#country').val(place.address_components['5'].long_name)
                $('#province').val(place.address_components['4'].short_name)
                $('#zip_code').val(place.address_components['6'].short_name)

                console.log(place)
            });
        }
    });
</script>

在我的.env

GOOGLE_MAPS_API_KEY= MY_API_KEY

一切正常，就像 needed.Suddenly 一样，一切都停止了，我的控制台出现以下错误：

Console errors

我已经阅读了错误提供的链接中的所有文档，但一切似乎都配置良好，项目的计费已启用，密钥也已启用。我什至尝试取消并创建一个新项目，但我仍然遇到同样的问题。

我已经尝试 google 错误，但似乎找不到解决方法。

你对我为什么会收到这些错误有什么想法吗？从某一天开始我就变得疯狂了。

谢谢

Answer 1

从控制台日志报告 env 可以清楚地看出： {{环境('GOOGLE_MAPS_API_KEY')}}

return 空值，因此要确保代码正常工作，请使用 api 键作为硬代码实际上，使用 {{env('GOOGLE_MAPS_API_KEY')}} 直接写你的 api 密钥例如：

<script type="text/javascript" src="https://maps.google.com/maps/api/js?key=AJodAWJDoajd&libraries=places"></script>

如果在 {{env()}} 中一切正常，您必须解决问题

Google 处 API 键突然停止工作

Google places API key suddenly stopped working

javascript

google-maps

google-places-api

laravel