2017-04-26 6 views
1

私はGoogleマップのオートコンプリートを使用しています。私は場所を検索するinput要素を持つdiv要素を持っています。そして、私は可能な場所のドロップダウンリストを取得します。検索テキストフィールドの下に表示する代わりに、リストを上部に表示するにはどうすればよいですか(「ドロップダウンリスト」として?)。Google Map Autocomplete Drop-Up List

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

答えて

1

、私は試行錯誤の一定時間後の作業それを得ました!将来の参考資料として、誰かが同じ問題を抱えている場合は、ここでどのように動作させるかについて説明します。

場所がリストされている要素には、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