谷歌地圖的搜索框根本沒有顯示

Question

所以我有我的網站與搜索框和所有的谷歌地圖.. 問題是，輸入不顯示自己，即使我沒有使用任何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

無論如何，因爲我已經解決了我自己的問題，所以我所做的只是提出輸入的位置，它會讓我的輸入位於地圖div。

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

This is the layout that I wanted