谷歌地图的搜索框根本没有显示

问题描述：

所以我有我的网站与搜索框和所有的谷歌地图.. 问题是，输入不显示自己，即使我没有使用任何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 ..

请提供[MCVE]演示这个问题。你如何包含API？（你包括地方图书馆？） – geocodezip

答

无论如何，因为我已经解决了我自己的问题，所以我所做的只是提出输入的位置，它会让我的输入位于地图div。

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

This is the layout that I wanted

谷歌地图的搜索框根本没有显示

相关推荐