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

时间:2016-09-23 10:37:36

标签: jquery html google-maps

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

1 个答案:

答案 0 :(得分:0)

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

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

This is the layout that I wanted