动态缩放d3贴图

时间:2018-08-27 09:33:26

标签: d3.js datamaps

我有一个由纬度和经度定义的数字点:

[
  {"latitude":"46.357707","longitude":"25.7981105"}, 
  {"latitude":"48.2","longitude":"16.3667"}
]

我使用带有d3和datamaps的Mercator投影将它们作为气泡放置在简单的世界地图上。我已将比例尺硬编码为500。这是它的外观:

enter image description here

我需要根据点的经度和纬度动态计算比例尺,以具有如下所示的内容: enter image description here

我已经看到您可以在某些topoJson功能上使用d3.geo.bounds计算比例,但就我而言,我在多个功能上存在多个气泡。怎么办?

以下是当前地图中的一个Codepen:https://codepen.io/n1p/pen/OoNgzK

0 个答案:

没有答案