jquery - google.maps.places.Autocomplete がファンシーボックス内で機能しない

Question

google.maps.places.Autocomplete が機能していないにもかかわらず、API 呼び出しが発生し、入力中にバックグラウンドで結果が返されていることがわかる場合は、こちらで解決策を確認してください。

Answer 1

基本的に、クラス pac-container を使用して div の z-index を見つけて、より高い値に設定する必要があります。例: $('.pac-container').css('z-index', 9999);

このコンテナーはオートコンプリートの結果を保持しますが、fancybox の内部にあるために表示されない場合があります。

Answer 2

このコードをポップアップ ページに配置します

.pac-container {
   background-color: #FFF;
   z-index: 50;
   position: fixed;
   display: inline-block;
 }

.modal{
 z-index: 20;   
}

それがうまくいくことを願っています..