2016-12-27 95 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> 
相关问题