使用d3，在地图上绘制10000 km2多边形的最简单方法是什么？

Question

我想通过在英国地图上绘制适当大小的“正方形”来说明不同区域的大小。 请参阅该想法的非SVG示例 。

理想情况下，我想使用d3.js绘制地图，并使用SVG绘制“正方形”。 理想情况下，我希望“正方形”是为地图投影中的变形进行适当调整的多边形。

我了解了如何绘制地图并投影多边形，所以我想我要尝试的是一个JavaScript函数，该函数将获取一个区域，一个纬度和一个经度，并返回一个我可以进行投影的geoJSON多边形：

function square(area, latitude, longitude) {
   ... something ...
   return geojson_polygon;
}

这是任何现有图书馆的一部分吗？ 还是可以为我指出一些我可以放入婴儿床的示例代码？ 还是我需要实现的数学？

Answer 1

我不会尝试将矩形绘制为geojson对象； 只需使用地图投影将svg的经度和纬度转换为xy坐标，然后在单独的图层上绘制矩形即可。

为了使矩形的大小正确，您可以只关注不同的高度和宽度。 或者，做一些数学运算（ http://jamesmccaffrey.wordpress.com/2012/03/03/the-area-bounded-by-geographical-latitude-longitude-points/ ），以找到一个矩形的经度和纬度正确的区域，将这些数字转换为xy svg坐标，然后使用它们绘制矩形。