1
我使用谷歌地圖自動完成。我有一個div元素,我有一個輸入元素來搜索位置。我得到可能位置的下拉列表。我如何讓列表在頂部而不是在搜索文本字段下方顯示(作爲「下拉」列表?)。Google地圖自動完成刪除列表
參考:https://developers.google.com/maps/documentation/javascript/places-autocomplete#places_searchbox
我使用谷歌地圖自動完成。我有一個div元素,我有一個輸入元素來搜索位置。我得到可能位置的下拉列表。我如何讓列表在頂部而不是在搜索文本字段下方顯示(作爲「下拉」列表?)。Google地圖自動完成刪除列表
參考:https://developers.google.com/maps/documentation/javascript/places-autocomplete#places_searchbox
其實,我得到了它一定的時間的反覆試驗後工作!對於將來的參考,如果有人有同樣的問題,這是我如何得到它的工作。
位置列出的元素通過google API被賦予類名稱「pac-container」。 Google API Elements for Autocomplete
所以,只需要使用「pac-container」元素的CSS來顯示頂部。
這裏的CSS:
.pac-container
{
\t position:fixed;
\t display:block;
\t margin-top: -210px;
}
這是一個搜索現在的樣子:Google Autocomplete Drop-up for Dallas Search