D3.jsには上記のような地図を表示するためのProjection(投影法)関数が用意されているのですが……なかなか思うように使いこなせません。 投影法を指定する際の一番難しいポイントは正しい数値を指定しないと、すぐ地図が画面外へ消えてしまうところですね。 Satellite Projectionの各値(rotateやtiltなど)を変更すると、どのように地図の見え方が変わるのか確認するためにテストをつくってみました。 var path, map, xy; var map = d3.select("body").append("svg:svg").attr("width", 960).attr("height", 600); //地図用のステージ(SVGタグ)を作成 d3.json("japan.geojson", function(json) { map.selectAll("path"