如何在d3中将地图作为交互式背景放置？

Question

我目前正在使用d3.js中的几个圈子（Sankey图的节点），每个圈子都包含位置数据（国家，城市，州，纬度，经度等）。目标是让Google地图（或一般的世界地图）放大点击圈后面的位置（就像圈子是标记一样）。我认为如果有可能的话，添加它将是一个非常酷的功能。任何帮助都会非常感激。

Ex）因此，如果我的圆圈位于（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