Uncaught TypeError：無法讀取使用Laravel定義的屬性'event'5.3

我是laravel的新手。這是我的腳本代碼。我正在使用此腳本來檢索我的輸入字段中的位置。Uncaught TypeError：無法讀取使用Laravel定義的屬性'event'5.3

<script type="text/javascript"> 


     google.maps.event.addDomListener(window, 'load', function() { 
     var places = new google.maps.places.Autocomplete(document.getElementById('job_location')); 
     google.maps.event.addListener(places, 'place_changed', function() { 
      var place = places.getPlace(); 
      var address = place.formatted_address; 
      var latitude = place.geometry.location.A; 
      var longitude = place.geometry.location.F; 
      var mesg = "Address: " + address; 
      mesg += "\nLatitude: " + latitude; 
      mesg += "\nLongitude: " + longitude; 
      $('#latitude').val(latitude); 
      $('#longitude').val(longitude); 
      // alert(mesg); 
     }); 
    });

我在把費爾德的名字是「job_location」但在控制檯我有這樣

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

錯誤，請指導我。

來源

2017-02-21 user7597883

包括谷歌地圖庫嗎？ – motanelu

你是否在jquery和jquery min js後添加了jquery ui js –

@motanelu如何添加庫 – user7597883

如何使用谷歌地圖的搜索結果在您輸入文本費爾德

Generae API金鑰爲您的網站aplication
給ID到您的文字費爾德例如像id =「myAddress」在blade.php結束

粘貼下面的代碼，你必須接取位置

<script> 
    function initialize() { 

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

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

在mycase main.blade.php佈局文件中添加這些行標籤

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

如果在包括jQuery的文件在你main.blade.php「在@yield（」 page_scripts'）請刪除它。享受:)

來源

2017-02-21 11:54:31

感謝哥們它完美的工作。 @qadeer_Sipra – user7597883

不客氣 –

請檢查谷歌自動完成工作代碼：

 <label for="searchTextField">Please Insert an address:</label> 
     <br> 
     <input id="searchTextField" type="text" size="50"> 

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

    <script> 

     var input = document.getElementById('searchTextField'); 
var options = { 
    componentRestrictions: { 
     geocode:[] 
    } 
}; 

var autocomplete = new google.maps.places.Autocomplete(input, options); 

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>

這裏正在鏈接如下：

http://jsfiddle.net/uxvMF/39/

感謝

來源

2017-02-21 10:19:13

Uncaught TypeError：無法讀取使用Laravel定義的屬性'event'5.3

回答

相關問題