JS지도

Question

오후,

내가, 당신이 지역 (호주, 동 & 동남 아시아 등 남아시아을) 위로 마우스를 이동 할 수있는지도를 가지고 요구 사항을 가지고 "툴팁"이 있거나 일부 정보가있는 "hoverbox"를 클릭 한 다음 클릭하여 지역 페이지로 리디렉션됩니다.

Google 시각화 지오 차트를 클릭 이벤트 하이재킹으로 시작했지만 지역이 아닌 국가 만 선택할 수 있습니다.

JS 라이브러리 등에 대한 제안 사항이 있습니까?

감사합니다.

Answer 1

나는 http://jvectormap.owl-hollow.net/을 사용하고 onLabelShow, oRegionOver, onRegionOut 및 onRegionClick 방법을 재정의 끝났다. 아주 간단하고 우아한 플러그인.

Answer 2

한 가지 방법은지도를 div의 배경 이미지로 설정하고 CSS를 사용하여 치수를 일치시키는 것입니다. 그런 다음 div 이상의 마우스 이동 수신기를 등록하십시오. 이제 마우스가 움직일 때마다 그 좌표를 확인하고 어떤 그림이 그 아래의 그림인지를 사용합니다.

이제 두 번째 문제를 해결하는 것이 흥미로울 것입니다. 불규칙한 모양의 치수를 저장하는 방법. 한 가지 방법으로 이미지를 그리드로 나눌 수 있으며 필요한 정확도에 따라 한 픽셀 두께 또는 여러 픽셀 수 있습니다. 그런 다음 (0 => (1, 5), 1 => (0, 6), ..)과 같은 배열에 저장하십시오. 이 경우 행 0에 대해 영역은 열 1에서 시작하여 열 5에서 끝납니다. 행 1에서 영역은 열 0에서 시작하여 6에서 끝납니다. 등등.

나는 이것이 의미가 있기를 바랍니다.