google.maps.places.Autocomplete가 fancybox 내부에서 작동하지 않음

Question

google.maps.places.Autocomplete가 작동하지 않는 것을 확인했지만 입력하는 동안 API 호출이 백그라운드에서 실행되고 결과가 표시되는 것을 볼 수 있다면 here을 확인하십시오. 솔루션.

Answer 1

기본적으로 pac-container 클래스가있는 div의 Z- 색인을 찾아서 더 높은 값으로 설정해야합니다. 예 : $ ('.pac-container') .css ('z-index', 9999);

이 컨테이너에는 자동 완성 결과가 저장되며 fancybox 내부에 있기 때문에 표시되지 않을 수 있습니다.

Answer 2

는

Answer 3

이

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