2009-08-13 4 views
11

나는 국가 별 그늘을 만들 수있는 대규모 세계지도를 찾고 있습니다. Google Charts에는이 API가 있지만 작은지도 (440x220 픽셀) 만 생성 할 수 있습니다. 누구든지 오픈 소스 라이브러리로 그러한 맵을 생성하는 방법을 알고 있습니까?Google Charts와 같은 SVG Map 라이브러리가 있습니까?

+0

IE를 수용해야합니까? 나는 IE에 SVG 지원이 없기 때문에 그냥 VML을 ... –

+0

IE가 SVG (플래시 기반 shim 사용), http://code.google.com/p/svgweb/을 표시 할 수있게 해주는 svgweb가있다. svgweb을 사용하는 동적 SVG 맵의 예는 다음을 참조하십시오. http://vis.uell.net/gsvg/electionAtlasGermany.html –

답변

1

Google 시각화 API의 Geomap은 원하는만큼 크게 조정할 수 있습니다. 그러나 SVG 대신 Flash를 사용합니다.

0

위키 백과는 SVG Maps을 많이 가지고 있지만 라이브러리가 아닙니다.

2

위키 백과 SVG Maps을 사용하면 단순히 CSS를 사용하여 국가를 "음영"시킬 수 있습니다.

그런지도 (SVG, CSS, HTML, JS)를 사용하는 몇 가지 예는 here입니다. 그러면 전체 맵 또는 맵의 로컬 사본에 적용 할 수있는 스타일 시트 만 내보낼 것입니다. 최상의 시청 경험을 위해 Opera을 사용하는 것이 좋지만 SVG를 지원하는 모든 브라우저에서 작동해야합니다.

+0

+1 정말 멋집니다. –

6

나는이 질문에서 설명한 것과 유사한 기능을 제공하는 라이브러리에서 작업합니다. jVectorMap이라고합니다. 이것은 jQuery 플러그인으로 현대의 브라우저에서는 SVG를, IE 6-8에서는 VML을 사용하여 웹 페이지에 세계지도 구성 요소를 배치 할 수 있습니다. 지도의 모양과 동작을 변경하여 다양한 방법으로 맞춤 설정할 수 있습니다. 불행히도 문서가 아직 준비되지 않았습니다. 여기에 예제와 코드를 확인할 수 있습니다 http://jvectormap.owl-hollow.net/.

2

요즘은 Polymaps 또는 d3을 사용하는 것이 좋습니다. 전자는 SVG와 함께 작동하는 본격적인 "slippy maps"라이브러리입니다. 후자는 SVG와 함께 작동하고 증가하는 지형지 물을 가진 시각화 라이브러리입니다. 팬, 확대/축소 및 기타 "미끄러운"기능이 필요하지 않은 경우 다음 예와 같이 d3을 시도하십시오. http://mbostock.github.com/d3/ex/choropleth.html

3

그동안 Google은 geomap에 대한 업데이트 인 Geochart Maps을 출시했습니다. 그것은 SVG 맵을 생성하고 원하는 가로 세로 비를 가지고 원하는 크기로 만들 수 있습니다. wordpress 용 API를 사용하여지도를 작성하는 플러그인을 개발했습니다. http://cmoreira.net/interactive-world-maps-demo/

0

확인 amMap 그것을 확인 : http://www.ammap.com을 - 우리는 SVG의 세계의 대부분의 국가의지도와 다음지도, 상호 작용 줌이 가능한 만들기위한 API 등

책임의 한계와 법적 고지가 - 나는의 저자 amMap.

0

필자는 SVG 기반 매핑에 http://www.makeclickablemap.com을 권장합니다. iframe을 사용하여 어디서나 삽입 할 수있는지도를 편집 할 수있는 인터페이스가 사용하기 쉬운 나라와 사용하기 쉬운 인터페이스가 늘어납니다.