jVectorMap 이라는 jQuery plugin 을 소개해 드립니다.

세계 지도를 SVG 형식으로 제공하여 Vector 그래픽의 깔끔/정교함을 보실 수 있습니다.
SVG 뿐만 아니라 VML 형식으로도 제공하는 것이 강점입니다. ( 역시 jQuery 식구 답습니다!!)

jVectorMap

 

SVG와 VML 엔진을 갖고 있기에 대부분의 브라우저에서 잘 돌아 갑니다.

  • Firefox
  • Safari
  • Chrome
  • Opera
  • IE6,7,8,9
  • iPhone Safari
IE 6,7,8 에서는 VML 엔진으로 돌아가겠군요.
눈치 채셨겠지만, Android 만 빠져 있습니다.
SVG,VML 어떤 엔진도 갖고 있지 않기 때문인데, 문제 입니다.
다행스러운 것은 내년도에 아이스크림센드위치에서 지원하니 상황은 조금 나아질 것 같습니다.
지도를 클릭하시거나 아무스를 올려놓으시면 국가명도 나오고요
미국와 독일 같은 경우는 별도로 상세 지도도 서비스 하네요
혹시나 Raphael(Raphaeljs.com) 이 사용되었을까 싶어 소스 열어 봤는데요. 보이진 않았습니다.
아무리 확대해도 꺠지지 않는 Vector의 특징을 잘 살려주는 분야가 바로 Map 서비스 입니다.
jQuery 를 이용하여 쉽게 구현 할 수 있는 장점까지 있으니 상당히 매력적인 서비스라 할 수 있습니다.