Google地图自动填充下拉列表

时间:2017-04-26 01:38:19

标签: javascript css google-maps-autocomplete

我正在使用谷歌地图自动完成功能。我有一个div元素,我有一个输入元素来搜索位置。我得到一个可能位置的下拉列表。如何让列表显示在顶部而不是显示在搜索文本字段下方(作为“下拉”列表?)。

参考:https://developers.google.com/maps/documentation/javascript/places-autocomplete#places_searchbox

1 个答案:

答案 0 :(得分:1)

实际上,经过一段时间的反复试验后我才开始工作!对于将来的参考,如果有人有同样的问题,请按照以下方式进行操作。

列出位置的元素的类名为" pac-container"通过谷歌API。 Google API Elements for Autocomplete

所以,只需要使用CSS来播放" pac-container"元素显示在最上面。

这里是CSS:



.pac-container
{
	position:fixed;
	display:block;
	margin-top: -210px;
}




这就是搜索现在的样子:Google Autocomplete Drop-up for Dallas Search