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

Question

我想通过在英国地图上绘制适当大小的“正方形”来说明有多大不同的区域。请参阅a non SVG example的想法。

理想情况下，我想使用d3.js使用SVG绘制地图和'正方形'。理想情况下，我希望“正方形”是多边形，这些多边形已根据地图投影中的失真进行了适当调整。

我得到了如何绘制地图并投影多边形，所以我想我想要解决的是一个javascript函数，它将获取一个区域，一个纬度和一个经度并返回一个geoJSON多边形，我可以项目：

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

这是任何预先存在的图书馆的一部分吗？或者你能指出一些我可以试用的示例代码吗？或者只是我需要实现的数学？

Answer 1

我不会尝试将矩形绘制为geojson对象;只需使用地图投影将经度和经度转换为svg的x y坐标，并在单独的图层上绘制矩形。

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