Googleマップ用のSearchboxはまったく表示されていません

Question

私はsearchboxとすべてのサイトでgoogleマップを持っています。 問題は、jqueryを使用しなくても入力が表示されないということです。

<div class="form-group"> 
     <label for="address-map">Enter your property name/property address to plot location</label> 
     <input id="pac-input" class="form-control" type="text" size="50" placeholder="Enter a location" autocomplete="on" style="border:3px solid #f5b9b9"/> 
</div> 
<div id="map"></div> 

とスクリプト：

var input = /** @type {!HTMLInputElement} */(
document.getElementById('pac-input')); 

var types = document.getElementById('type-selector') 
map.controls[google.maps.ControlPosition.TOP_LEFT].push(input); 
map.controls[google.maps.ControlPosition.TOP_LEFT].push(types); 

var autocomplete = new google.maps.places.Autocomplete(input,option); 
autocomplete.bindTo('bounds', map); 

私はTOP_LEFTがそれに何かをやっていると私は入力を表示するには、まだ検索することができます回避策を必要と確信しています。 私は答えを探しましたが、悲しいことに入力があっても地図が表示されませんでした。

------編集-----

私は入力の両方が異なるのdiv内にあるマップの上部になりたいと私は私の質問は明らかにされていなかったと思います..

Answer 1

とにかく私はすでに私自身の質問を解決していたので、私がしたのは入力の位置を排除することでした。それは入力を地図の上に置くことでした。

//this line is commented out 
//map.controls[google.maps.ControlPosition.TOP_LEFT].push(input); 

This is the layout that I wanted