2013-04-29 3 views
0

나는 단순히 글로벌지도를 만들 수있는 패키지를 인터넷에서 검색해 왔습니다. 내가 검색 한 것들이 많이 있는데, webgl globe, kartograph, cartodb, R etc.막 대형 차트에서 막대를 좋아하는 나라를 다루는지도 시각화 도구가 필요합니다.

이들 중 누구도 찾고있는 것이 없습니다.

내가 찾고있는 것 : 각국에 2 가지 색상이있는 지구본의지도가 필요합니다. 배경색이 있으면 두 번째 색상이 입력 기준으로 x %만큼 채워집니다. 예를 들어, 미국지도 위에 총 소유자지도를 백분율로 작성한 경우 배경색이 크림색이되고 두 번째 색상이 총 소유자 수를 나타내는지도 55 %를 채 웁니다.

기본적으로지도의 두 번째 색상은 국가/지역에 % 적용된 국가 색상을 채우는 막 대형 차트처럼 작동합니다.

.js 라이브러리 또는 어떤 도구로이를 수행 할 수 있는지 알려주세요.

답변

0

세계의 SVG map 개를 가져 와서 모든 국가를 rects 아래에있는 mask으로 변경하면됩니다. 나머지는 간단한 루프와 svgTopOfTwoElements.style.setProperty("height", heightPercentage, "")으로하십시오. 자바 스크립트에서 SVG를 시작하기 위해 google을 검색하면됩니다 (HTML 요소로 작업하는 것과 거의 동일합니다). 유일하게 가능한 우려는 17% of the users don't support SVG (IE8-) 일 것이지만, 사용의 편리함 때문에이 대가로 받아 들일 수있는 것은 받아 들일만한 가격이라고 믿을 것입니다.

+0

그건 그냥 부분 대신 국가를 완전히 채울 것입니다 – Oktav

+0

죄송합니다. 사과드립니다. svg 국가를 몇 가지 글로벌 대체 마스크로 변환 할 수 있으며 그 아래에는 두 개의 'rect'가 있습니다. 이를 반영하기 위해 답을 편집했습니다. –

+0

Oktav : 일부만 채울 것입니다 (55 % 통계에 비례합니다) –

관련 문제