D3가있는 ONS 맵 사용

Question

이것은 매우 기본적인 문제 일 것입니다. 죄송 합니다만, 그 사실을 알 수없는 것 같습니다.

D3.js를 사용하여 일부 데이터를 매핑하고 싶었으며 사용하고자하는지도 모양이 영국 통계청에서 제공되었습니다. 나는 geojson 데이터를 표시 할 수 있었지만, 스케일링, 변환, topojson으로 무엇인가하려고하자마자 나는 완전히 실패했습니다.

나는 많은 다른 접근법을 경험 해왔다. 문제의 원인이되는지도 데이터에 관한 것이라고 생각한다. Mapshaper에서 모양 파일을 열면 완벽 해 보입니다. geo 또는 topojson으로 내보내고 다시 가져 오면 완벽 해 보입니다. geojson 내보내기에서 geo2svg를 실행하려고하면 많은 양의 데이터가 생성되지만 보이지는 않습니다. 원래 모양 파일을 mapstarter.com으로 가져 오려고하면 평평한 선이 생성됩니다. 그리고 topojson을 D3 v4 경계 예제에 넣으면 임의의 삼각형이로드됩니다.

http://geoportal.statistics.gov.uk/datasets/1bc1e6a77cdd4b3a9a0458b64af1ade4_3과 같은 ONS 매핑 데이터가 어떻게 표시 되나요? https://bl.ocks.org/iamkevinv/0a24e9126cd2fa6b283c6f2d774b69a2과 같은 d3 예에 표시 하시겠습니까?

감사

Answer 1

이 예상된다에 연결 한 데이터입니다. Mapshaper는 예상 데이터를 지원하지만 예상 데이터로 d3.geoProjection을 사용하면 대부분의 상황에서 데이터가 표시되지 않습니다. d3.geoProjection을 사용하여 적절한 표시를 위해 데이터가 긴 쌍으로 놓여 있는지 확인해야합니다.

다행히 Mapshaper에서 데이터를 재 투영 할 수 있습니다. mapshaper으로 Shape 파일의 모든 파일을 복사하고 콘솔에서 (데이터를 unprojecting) WGS84에 투사을 변경

proj wgs84 

이 데이터는 이제 쉽게 표시하고 d3.geoProjection을 사용하여 조작한다. 귀하가 참조한 데이터를 사용하는 an example입니다. 또한, 스크린 샷 :

마지막 : 그것뿐만 아니라 투영 된 데이터를 표시 할 수 있지만, 훨씬 덜 공통 .