Google Maps api не работает для Php Laravel Framework после обновления страницы

Question

Я хочу использовать карты Google Api для поиска в моем приложении, чтобы сделать это, я делаю следующее. Я включил код JavaScript в нижней части моего файла Blade. Вот мой JavaScript для

<script> 
    function initialize() { 

    var input = document.getElementById('myAddressBar'); 
    var autocomplete = new google.maps.places.Autocomplete(input); 
    } 

    google.maps.event.addDomListener(window, 'load', initialize); 
    </script> 

И я включил Api Google с моим ключом, как это в моей голове Tag

<script src="js/jquery.min.js"></script> 

    <script src="https://maps.googleapis.com/maps/api/js? key=AIzaSyBROO3Md6_fZD5_fd1u8VTlRxd4VdJnAWU&libraries=places" 
     async defer></script> 
    <script> 
    function initMap(){} 
    </script> 

Но проблема заключается в том, что это работает, когда я войти в систему или выход из системы. Когда я обновляю страницу, на консоль приходит следующая ошибка

(index):581 Uncaught TypeError: Cannot read property 'event' of undefined 

Любые подсказки об этой проблеме?

Answer 1

1.Change ваш скрипт

<script> 

    var input = document.getElementById('myAddressBar'); 
    var autocomplete = new google.maps.places.Autocomplete(input); 

    google.maps.event.addListener(autocomplete, 'place_changed', function() { 

     var place = autocomplete.getPlace(); 
     var lat = place.geometry.location.lat(); 
     var long = place.geometry.location.lng(); 
     alert(lat + ", " + long); 

    }); 

    </script> 

2. Изменение включения линии на ваш час

<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?key=AIzaSyBROO3Md6_fZD5_fd1u8VTlRxd4VdJnAWU&libraries=places&sensor=false"></script> 

Я надеюсь, что это поможет вам для получения более подробной информации check out this link