Google Maps API 만 사용하여 이러한 패널을 만들 수 있습니까?

Question

Google지도에서 마커를 클릭하면 그러한 패널을 실현하는 방법을 알 수 없습니다. http://joxi.ru/D2P6yZnFppyBor 맞춤 함수, CSS 등을 만들지 않고도 가능합니까?

Answer 1

Google MAP API는 기본적으로 해당 패널을 지원하지 않습니다.

그러나 HTML에 숨겨진 DIV 요소를 생성하고 해당 마커를 클릭하면 display 속성을 block으로 표시하여 해당 패널을 만들 수 있습니다. 당신이 이벤트 리스너를 설정할 수

당신이 마커를 만들 때합니다 ( docs 참조)

var marker = new google.maps.Marker({ 
     position: myLatlng, 
     map: map, 
     title: 'Click to zoom' 
    }); 

    marker.addListener('click', function() { 
     document.getElementById('panel').style.display = 'block'; 
    }); 

그러나, 패널 내부의 정보를, 당신은 몇 가지 다른 API를 사용해야합니다.

• Places Photos : 장소 사진을 검색합니다.
• Places : 장소 연락처 정보를 검색하려면.