マップをd3のインタラクティブな背景として配置するにはどうすればよいですか？

Question

現在、私はd3.js（サンキーグラフのノード）のいくつかの円で作業しており、それぞれに位置情報（国、都市、州、緯度、経度など）が含まれています。目標はGoogleマップ（または世界地図全体）がクリックされた円の後ろの位置を拡大することです（円がマーカーのように）。可能であれば、追加するのはとてもクールな機能だと思うだけです。どんな助けでも本当に感謝しています。

例）したがって、円が（x、y）に配置されている場合は、マップの位置もそこにあり、指定された場所を拡大します。だから、本当に醜い例はメルボルンのために私のノードの後ろに表示されるグラフでしょう。

Answer 1

あなたは

marker.addListener('click', function() { 
    map.setZoom(18); 
    map.setCenter(marker.getPosition()); 
}); 

は、簡単なサンプルhttps://developers.google.com/maps/documentation/javascript/examples/event-simple