javascript - 刷新页面后，Google map api 不适用于 Php Laravel 框架

Question

我想在我的应用程序中使用谷歌地图 Api 进行搜索，为此我做了以下事情。我已在 Blade 文件的底部包含了 JavaScript 代码。这是我的 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>

我已经将 Google Api 与我的 key 一起包含在我的 head 标签中

   <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>

将包含行更改为您的 h

希望对您有帮助，了解更多详情 check out this link