D3.geo: Sphärische Bögen statt gerader Linien für Parallelen?
Ich habe gerade einen D3js Globe Localisator erstellt, der so aussieht:
Wenn Sie genau hinschauen, sieht das rote Quadrat hässlich aus, da es nicht der Erdkurve folgt. Ich habe den Begrenzungsrahmen in Dezimalgraden:
var bb = {W:-5.0, N:50.0, E:10.0, S:40.0 }
Und ich zeichne die Linien wie folgt:
svg.append("path")
.datum({type: "LineString", coordinates:
[[-5, 40], [-5, 50], [10, 50], [10, 40], [-5, 40]]
})
.attr("d", path);
Für größere Flächen ist es sogar die entgegengesetzte Kurve zu den Erwartungen (für einen Begrenzungsrahmen):
Wie füge ich eher elegante Kugelbögen hinzu?