Translate

[Leaflet] Interactive Choropleth Map



인터랙티브 등치 지역도

이번에는 GeoJSON과 사용자지정컨트롤을 이용하여 미국 주 인구밀도의 인터랙티브 등치 지역도를 만들어 본다.



데이터 소스

 - 미국의 주당 인구밀도의 시각화를 만들기 위해 가장 편리하고 간단한 저장 및 표시방법은 GeoJSON 이다.

 - (us-states.js 샘플파일) GeoJSON 데이터의 (일부)기능은 아래와 같으며 전체 GeoJSON데이터는 페이지 제일 하단에 있다.


기본 상태지도


색상 추가

 - 이제 인구밀도에 따라 주를 색칠한다. 색상은 ColorBrewer 사이트의 도움을 받는다.


인터랙션 추가


커스텀 컨트롤 (Info)


커스텀 컨트롤 (Legend)


전체 데이터 소스




참고: https://leafletjs.com/examples/choropleth/


댓글