D3.js - Equirectangular投影大小问题

时间:2013-12-13 02:30:05

标签: d3.js projection

所有

我正在开展一个项目,该项目涉及覆盖堪萨斯州的地图(包括县边界和其他一些地理细节),在静态,equirectangular基本地图之上在Adobe Illustrator中设计。

我没有问题生成 equirectangular投影。但是当涉及到调整投影以使其在静态基本地图上方完全时,我似乎无法弄明白。

我猜这些功能中的秘密就在于此。

var projection = d3.geo.equirectangular()
    .scale(1)
    .translate([0, 0]);

如果我的静态基本地图图片的总大小为 1000px×300px ,则投影必须符合的肯塔基州大纲 530px by 230px ,我如何调整缩放/变换和其他功能来调整投影大小?

这是一个概念验证的链接,说明我正在努力实现的目标。

http://i.imgur.com/acRk6RF.png

背景图片显然在宽度/高度上固定。覆盖的堪萨斯透明轮廓将由D3生成,但必须进行调整以适应地图。

任何帮助将不胜感激!

0 个答案:

没有答案