현재 web javascript api로 개발을 진행하고 있습니다.
현재 지도 레이아웃 우측상단에 마커들의 정보에 대한 이미지를 올렸습니다.
그런데 마커윈도우를 해당 이미지 위에 나타날 수 있도록 zindex를 조정하고 싶습니다.
css에서 직접 조정해보고 setZindex() 해보고, 생성될때 zIndex를 지정해봤으나
아무런 영향이 없습니다.
이러한 경우 어떻게 인포윈도우 zIndex를 조정할 수 있는지 알고 싶습니다.
인포윈도우를 포함하는 overlayLayer가 이미 position: absolute와 z-index: 1값을 가지고 있습니다.
때문에 외부에서 선언한 엘리먼트의 스타일에 z-index: 0을 넣으면 지도 자체에 가려지고
1이상을 넣으면 무조건 인포윈도우보다 올라가게 되어 있습니다.
만약 infowindow가 지도위에 올라가 있다면
infowindow.getPanels().overlayLayer 로 인포윈도우를 포함하는 overlayLayer를 가져올 수 있습니다.
이 엘리먼트에 appendChild로 z-index가 설정되어 있고 fixed 포지션을 가지는 마커 정보 이미지를 올리면 되기는 할텐데 딱히 추천할만한 사용법은 아닙니다;;
해당 기능을 소화할 수 있는 layer를 추가하는 방향을 논의해 보겠습니다만, 추가 여부가 불확실하고 오래 걸릴 수 있습니다. 다른 우회방법을 사용하시는 걸 추천드립니다.