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

Question

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

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

Answer 1

实际上，经过几个小时的反复试验，我让它工作了！对于将来的参考，如果有人有同样的问题，这就是我的工作方式。

列出位置的元素由 google API 赋予“pac-container”类名。用于自动完成的 Google API 元素

所以，只需要使用 CSS 来让“pac-container”元素显示在顶部。

这是CSS：

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

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