我正在使用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/观看这里.我想要搜索框在蓝色的容器中.
谢谢.
解决方法
您所需要的就是加载Places库.您甚至不需要显示地图.
new google.maps.places.Autocomplete(
(document.getElementById('autocomplete')),{
types: ['geocode']
});
#autocomplete {
width: 300px;
}
<input id="autocomplete" placeholder="Enter your address" type="text"></input> <script src="https://maps.googleapis.com/maps/api/js?libraries=places"></script>
