Google Maps API在刷新頁面後不能用於Php Laravel Framework

Question

我想在我的應用程序中使用Google Maps API進行搜索，以執行以下操作。我在我的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> 

JavaScript和我已經包括了谷歌API和我的鑰匙像這樣在我的腦海標籤

<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.更改你的腳本

<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.變化納入行您的H

<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