Googleマップをd3チャートにリンク

Question

私のページには、Googleマップと棒グラフがあり、d3を使用して描いています。棒グラフの上にマウスを置くと不透明度が変わり、ツールチップが表示されます。私がしようとしているのは同じことですが、マップからそれをトリガーします。したがって、地図のマーカーにカーソルを合わせると、棒グラフの対応する棒が強調表示されます（つまり、不透明度が変更され、ツールチップが表示されます）。

私の棒グラフでは、以下のようにtip関数を呼び出しましたが、マップマーカーからこれをトリガする方法はわかりません。

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

誰もがこの問題に遭遇しましたか？

Answer 1

マーカークラスは、イベントの束をサポートしています。

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

あなたはgoogle.maps.event.addListener（）関数を使用して、あなたのマーカーにリスナーを追加することができます。

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 
});