Google Maps API автозаполнение окно поиска

Question

Я следовал учебнику Google Дэв о том, как добавить окно поиска местоположения с автозавершением: Here

Но я не могу показаться, чтобы заставить его работать. Ящик отображается и я могу ввести, но функция автозаполнения не работает так, как предполагалось, и ничего не происходит, когда я печатаю и нажимаю return.

HTML:

<div class="col-md-9"> 
     <input id="pac-input" class="controls" type="text" placeholder="Search Location..."> <!-- Location Search Box --> 
     <div id="map-canvas"></div> 
    </div> 

Javascript:

tidy_maps.initialize = function() { 
// Declare the map and its options 
var myOptions = { 
    center: ireland, 
    zoom: 7, 
    panControl: false, 
    zoomControlOptions: { 
     style: google.maps.ZoomControlStyle.SMALL, 
     position: google.maps.ControlPosition.LEFT_TOP 
    }, 

    streetViewControl: false, 
}; 
map = new google.maps.Map(document.getElementById('map-canvas'), 
     myOptions); 

// Set default bounds for search box - biased towards Ireland 
var defaultBounds = new google.maps.LatLngBounds(
    new google.maps.LatLng(55.51150, -10.22827), 
    new google.maps.LatLng(51.43514, -5.43823)); 

// Add Search Box to Map space 
var input = document.getElementById('pac-input'); 
map.controls[google.maps.ControlPosition.TOP_LEFT].push(input); 

var options = { 
    bounds: defaultBounds 
}; 

// Create Autocomplete for Search 
autocomplete = new google.maps.places.Autocomplete(input, options); 

Answer 1

Исправлено: Я первоначально имел 2 отдельные библиотеки пытаются нагрузки:

<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?libraries=places"></script> 
<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?libraries=drawing"></script> 

Но изменили его, чтобы загрузить как в 1:

<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?libraries=places,drawing"></script>