Google지도에서 d3 차트로 연결

Question

내 페이지에는 Google지도와 막대 차트가 있으며, d3을 사용하여 그려져 있습니다. 막 대형 차트 위로 마우스를 가져 가면 불투명도가 변경되고 툴팁이 나타납니다. 제가하려고하는 것은 똑같은 일이지만지도에서 시작하는 것입니다. 따라서지도에서 아이콘 위에 마우스를 올려 놓으면 막 대형 차트의 해당 막대가 강조 표시됩니다 (예 : 불투명도가 변경되고 툴팁이 표시됨).

내 바 차트에서 팁 기능을 호출했지만 다음과 같이 맵 마커에서이 기능을 트리거하는 방법을 모르겠습니다.

tip = d3.tip() 
.attr('class', 'd3-tip') 
.offset([-10, 0]) 
.html(function(d) { 
return hrTip(d); 
}) 

제발 전에이 문제를 보지 못한 사람이 있습니까?

https://developers.google.com/maps/documentation/javascript/reference#Marker

당신은 google.maps.event.addListener() 함수를 사용하여 마커에 리스너를 추가 할 수 있습니다

Answer 1

마커 클래스는 이벤트의 무리를 지원합니다.

https://developers.google.com/maps/documentation/javascript/reference#event

일예

google.maps.event.addListener(marker, 'mouseover', function (event) { 
    //Implement your logic here 
}); 
google.maps.event.addListener(marker, 'mouseout', function (event) { 
    //Implement your logic here 
});