google.maps.places.Autocomplete不能在fancybox內工作

Question

如果您發現google.maps.places.Autocomplete無法正常工作，但您可以看到正在鍵入的API調用發生並在後臺返回結果，請檢查here尋求解決方案。

Answer 1

基本上你需要找到並設置在類與pac容器的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; 
} 

希望工程上..

Answer 3

試試這個CSS

.popup_container{ 
/* Your popup code */ 
    z-index: 1060; 
} 
.pac-container { 
    z-index: 1062 !important; 
}