谷歌地图搜索框在地图外面

我正在使用 Google Maps API，并且插入了一个具有自动完成功能的搜索表单。问题是输入框卡在地图中。我无法将其显示在地图之外。

<div style=" margin-top:100px;background: #00a6d6; width: 100%; height:100px;"><input id="address" style="position:absolute; left:1000px;"  type="text"
        placeholder="Enter a location"></div>

<div>
<div id="map-canvas" style="height:500px; width:500px;"></div></div>

http://jsfiddle.net/KyMCy/1/ http://jsfiddle.net/KyMCy/1/观看此处。我希望搜索框位于蓝色容器中。

Thanks.

基本上，如果我理解得很好，你想要一个带有自动完成功能的输入来更新谷歌地图。但你想要它在地图之外

这一行是将您的输入绑定到地图的内容。你不需要它

map.controls[google.maps.ControlPosition.TOP_LEFT].push(input);

然后你只需删除left: 1000px根据您的输入，仅此而已。

http://jsfiddle.net/KyMCy/5/ http://jsfiddle.net/KyMCy/5/