ブートストラップタグにGoogleオートコンプリートを適用する方法 - 入力？

Question

<script src="http://maps.googleapis.com/maps/api/js?sensor=false&amp;libraries=places" type="text/javascript"></script> 
 
<script type="text/javascript"> 
 
    function initialize() { 
 
     var tags_input = document.getElementById('tags'); 
 
     var tag_autocomplete = new google.maps.places.Autocomplete(tags_input); 
 
    } 
 
    google.maps.event.addDomListener(window, 'load', initialize); 
 
</script>

<div class="form-group wish-tags"> 
 
     <label class="col-lg-3 control-label">Already visited:</label> 
 
     <div class="col-lg-8"> 
 
      <input type="text" value="" data-role="tagsinput" id="tags" name="visited_tags" class="form-control"> 
 
     </div> 
 
</div>

私は次のように私のウェブサイトのいずれかでそれを作ったことは、GoogleのオートコンプリートAPIは、このコードを試してみましたinput.iブートストラップタグに適用することは可能ですが、そのworking..pleaseない私に

Answer 1

を導きますこの：

<input type="text" value="" data-role="tagsinput" id="tags" name="visited_tags" class="form-control"> 

<script> 
    function initAutocomplete() { 
     var autocomplete = new google.maps.places.Autocomplete(
      /** @type {!HTMLInputElement} */(document.getElementById('tags')), 
      {types: ['geocode']}); 
    } 
</script> 
<script src="https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY&libraries=places&callback=initAutocomplete" async defer></script> 

明らかにあなたは、外出先でどのようなGoogleのコンソール