使用d3，在地圖上繪製10000平方公里多邊形的最簡單方法是什麼？

Question

我想通過在英國地圖上繪製適當大小的「正方形」來說明大不同的區域有多大。見a non SVG example的想法。

理想情況下，我想使用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/）以找到具有正確區域的矩形的經度和緯度，將這些數字轉換爲x y svg座標並使用它們繪製矩形。