GeoJSON데이터로 지도 그리기(1)

1. d3로 지도를 그리기 위해서는 다음 형식중 하나를 사용해야한다.

• TopoJSON
• Shapely
• ColorBrewer 
• PostGIS

이중 여기서는 GeoJSON을 쓸것이다. 

GeoJSON이란 JSON포맷 중 지형 데이터를 저장하기에 적합한 형식이다.

https://geojson-maps.kyd.com.au/ 와 같은 곳에서 데이터를 얻을 수 있다.

2. 데이터를 얻었다면 다음과같은 코드로 간단히 흑백 지도를 그릴 수 있다.

d3.json("./custom.geo.json", function(json){

  var w = 1000;

  var h = 500;

  var projection = d3.geo.azimuthalEqualArea().translate([w/2,h/2]);

  var path = d3.geo.path().projection(projection);

  var svg = d3.select("body").append("svg")

                            .attr("width", w)

                            .attr("height", h);

  svg.selectAll("path")

  .data(json.features)

  .enter().append("path")

  .attr("d", path);

});

3. 이때, azimuthalEqualArea()는 데이터가 그리려는 형태에 따라 다른데 이는 

https://github.com/mbostock/d3/wiki/Geo-Paths 

여기를 참조하자.