위 (모달 커버 등) 전체 구글지도 위에 투명 오버레이

Question

헬로 표제 제가 대부분의 절대 위치하는 크기에 달려 내비게이션 바 이외에 화면을 채운다 맵을

을 제안한다.

마커를 클릭하면 정보 상자에 위치 정보가 표시됩니다. 나는 정보 상자를 닫을 때까지지도 클릭을 방지하기 위해지도 위에 검은 투명 레이어를 놓고 싶습니다.

나는 주로 레이어를 추가 정보 상자를 사용하여 사용자 지정 오버레이를 사용하려했지만 정보 상자의 위치를 ​​지정하기 위해 위쪽 및 왼쪽 위치를 오프셋하여 마커를 만나는 것으로 가정합니다.

그래서 지금 당장 붙어있는 부분은 핀의 왼쪽 하단에 나타나는 5000px 크기의 검은 색 투명 상자입니다.

Google지도 캔버스와 일치하도록 오버레이를 설정하는 방법이 있습니까? 위쪽, 왼쪽, 오른쪽, 아래쪽.

Answer 1

어쩌면 오버레이를 사용하는 대신 해결책이 될 수 있습니다. 사용자가지도와 상호 작용할 수 없도록 컨트롤을 해제 할 수 있습니다.

당신이 사용하는 경우 :

map.setOptions({draggable: false, 
     zoomControl: false, 
     scrollwheel: false, 
     disableDoubleClickZoom: true, 
     streetViewControl: false, 
     panControl: false, 
     mapTypeControl:false}); 

당신은지도에 컨트롤을 끕니다. 여기서 map은 맵 객체입니다. 그리고 정보 창을 닫을 때마다이 프로세스를 취소하여 모든 기능을 활성화하십시오.

Answer 2

jquery를 사용하여 위쪽, 왼쪽 위치를 0으로 설정하고 오버레이를지도 창으로 이동했습니다.