d3.js 地理世界地图 - 合并俄罗斯(将一小部分从美国旁边的左边移到右边)

Posted

技术标签:

【中文标题】d3.js 地理世界地图 - 合并俄罗斯(将一小部分从美国旁边的左边移到右边)【英文标题】:d3.js geo worldmap - merge russia (shift small part from the left next to america to the right) 【发布时间】:2016-03-21 17:50:27 【问题描述】:

我用 d3 创建了一个简单的世界地图,你可以在这里看到:http://bl.ocks.org/wiesson/ef18dba71256d526eb42

有没有一种简单的方法可以将俄罗斯的一小部分(如图所示)向右移动,而无需创建新的 topojson?如果没有,还有其他想法吗?

【问题讨论】:

【参考方案1】:

好的,答案很简单。如 api 文档中所述,rotate 方法可以翻转地图。 所以,rotate([-11, 0]) 将地图“旋转”到了我正在寻找的位置。

var projection = d3.geo.mercator().scale(width / 2 / Math.PI)
    .rotate([-11, 0])
    .translate([(width) / 2, height * 1.35 / 2])
    .precision(.1);

【讨论】:

非常感谢!我一直在寻找几天!

以上是关于d3.js 地理世界地图 - 合并俄罗斯(将一小部分从美国旁边的左边移到右边)的主要内容,如果未能解决你的问题,请参考以下文章

d3.js:将 SVG 地理路径转换为画布

将圆的半径(以米为单位)缩放到 D3.js d3.geo.mercator 地图

如何将状态名称放入地理图表/D3.js

D3.js 绘制geojson不正确

在 d3.js 地图中添加工具提示

d3.js 地图:使用 geojson 文件和 CSV 数据