javascript - 谷歌地图自动完成下拉列表

Question

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

引用:https://developers.google.com/maps/documentation/javascript/places-autocomplete#places_searchbox

Answer 1

实际上，经过数小时的反复试验后，我终于成功了!为了将来引用，如果有人有同样的问题，这里是我如何让它工作的。

列出位置的元素由 google API 赋予类名称“pac-container”。 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