使用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坐標，然后使用它們繪制矩形。