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

【问题标题】：How do you place a map as an interactive background in d3?如何在 d3 中放置地图作为交互式背景？
【发布时间】：2016-11-16 13:42:08
【问题描述】：

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

Ex) 所以，如果我的圈子位于 (x,y)，那么地图的位置也会在那里，并放大指定的位置。所以，一个非常丑陋的例子是我的墨尔本节点后面显示的图表。

【问题讨论】：

【解决方案1】：

您可以在标记上使用监听器

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

【讨论】：