Google Maps InfoWindow가 모달 창처럼 동작하도록 만드는 방법이 있습니까? 여기 내 목표는 다음과 같습니다Infowindow가 모달 창 (Google Maps API v3)처럼 동작하도록하십시오.
- 가져 가라 전부 또는 마커가
을 클릭 할 때 누군가가 날 지점 수 있다면 폭과 화면의 높이의 대부분은
Google지도 그것의 소리에 의해 API v3의
Google Maps InfoWindow가 모달 창처럼 동작하도록 만드는 방법이 있습니까? 여기 내 목표는 다음과 같습니다Infowindow가 모달 창 (Google Maps API v3)처럼 동작하도록하십시오.
을 클릭 할 때 누군가가 날 지점 수 있다면 폭과 화면의 높이의 대부분은
Google지도 그것의 소리에 의해 API v3의
당신은 사용자 정의 대신 정보 창을 사용하는 모달해야 할 것이다.
이렇게하려면 부트 스트랩을 사용하는 것이 좋습니다. 문서에서는 예제를 통해 모달을 사용하는 방법을 매우 잘 설명합니다. 또한 매우 멋지게 스타일링되었습니다.
대부분의 화면 공간을 차지하려면 모달을 완전히 사용자 정의해야합니다.
클릭 이벤트에서 사용자 정의 모달을 숨기기()/표시() 할 수 있습니다.
실제로는 매우 간단합니다. 지도 정보 상자를 무시하고 너비와 높이가 100 % 인 0,0에 고정 된 고정 HTML에 별도 div를 넣으십시오.
CSS에서 마커 '클릭'이벤트 기능으로 숨기고 div를 표시하고 내용을 삽입하십시오.
전체 화면을 완료했습니다.