google.maps.places.Autocomplete在fancybox内部无法正常工作

Question

如果您发现google.maps.places.Autocomplete不起作用，但您可以看到API调用正在进行并在输入时在后台返回结果，请检查here以获取解决方案。

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;   
}

希望它有效..

Answer 3

试试这个CSS

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