2016-12-27 90 views
-2

遺漏的類型錯誤:無法讀取未定義

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<script type="text/javascript" src="http://maps.google.com/maps/api/js?key=AIzaSyAW2XFdc_uzmVX4RfNjVaJvdOERDYcihSc&sensor=false&libraries=places&language=en-AU"></script> 
 

 
<script> 
 
    var autocomplete = new google.maps.places.Autocomplete($("#institute_city")[0], {}); 
 
    google.maps.event.addListener(autocomplete, 'place_changed', function() { 
 
    var place = autocomplete.getPlace(); 
 
    console.log(place.address_components); 
 
    }); 
 
</script>

+0

看起來你正在運行腳本之前,你的頁面加載 – Bindrid

回答

1

使用的特性「的地方」這樣的

<!DOCTYPE html> 
<html> 
<head> 
    <title></title> 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
    <script type="text/javascript" src="http://maps.google.com/maps/api/js?key=AIzaSyAW2XFdc_uzmVX4RfNjVaJvdOERDYcihSc&sensor=false&libraries=places&language=en-AU"></script> 

</head> 
<body> 
    <input id="institute_city" type="text" size="50"> 
    <script> 
    var input = document.getElementById('institute_city'); 
    var autocomplete = new google.maps.places.Autocomplete(input); 
    google.maps.event.addListener(autocomplete, 'place_changed', function() { 
     var place = autocomplete.getPlace(); 
     console.log(place.address_components); 
    }); 
    </script> 
</body> 
</html> 
相關問題