2014-07-14 7 views
1

나는 아주 기본적인 미국지도를 표시하고 있습니다. 단지 국가. 내가 찾고있는 것은지도를 지역으로 나누고 단일 호버 (지역의 모든 주를 색으로 변경) 및 청취자를 클릭하는 좋은 방법입니다.D3.js를 사용하여 미국지도에 지역 정의

지금까지 발견 된 가장 좋은 옵션의 경우는 여기에 있습니다 : How/Where do I get geoJSON data for states, provinces, and administrative regions of non-US countries? 그것이 있어야보다 훨씬 더 많은 일 것 같아

. 누구나 50 가지 모양의 파일을 가져 와서 수동으로 영역으로 편집하는 것보다 나은 방법에 대한 제안이 있습니까?

+0

지도가 어떻게 설정되어 있습니까? 각 상태가 SVG이면 각 지역에 따라 클래스를 부여 할 수 있습니다. – ckersch

+0

마이크 보스 토크 (Mike Bostock) : [지도를 만들어 봅시다] (http://bost.ocks.org/mike/map/)에서이 게시물을보십시오. 그는 전체 과정을 안내합니다. 데이터를 얻고, topojson 용 명령 줄 도구를 사용하고, d3에서로드하고, 지역 스타일을 지정하고, 레이블을 추가하는 등의 작업을 수행합니다. – jshanley

+0

지도 만들기를 예로 들어 보겠습니다. 내가 원하는 것을 정확히하지 않습니다. 어떻게하는지에 대한 좋은 정보를 찾지 못했습니다. 여러 기능 (주)을 단일 기능 (지역)으로 병합해야합니다. 따라서 D3에서지도를 그릴 때 개별 지역이 아니라 전체 지역을 그리게됩니다. 이것이 D3 문제보다 geojson 문제가 더 많다고 가정 해보십시오. – user3226861

답변

0

이 데모는 당신이 원하는 가까이 :

http://bl.ocks.org/mbostock/4060606
http://bl.ocks.org/mbostock/raw/4060606/
http://bl.ocks.org/mbostock/raw/4090846/us.json

은 당신이하고 싶은거야하면 us.json 파일을 조작하는 것입니다; offhand 나는 주 이름이 보이지 않지만 id를보고, 지역의 상태를 하나의 ID로 병합하여 지역을 만듭니다. 자신 만의 onclick/hover를 적용 해보십시오. 얻을 수 없다면 시도한 것을 공유하면 거기에서 갈 것입니다.

관련 문제