2009-08-13 32 views
11

Tôi đang tìm các bản đồ thế giới có quy mô lớn mà tôi có thể tô màu theo quốc gia. Google Charts có API cho điều này nhưng nó chỉ cho phép bạn tạo một bản đồ nhỏ (440x220 px). Có ai biết cách tạo các bản đồ như vậy với thư viện nguồn mở không?Có thư viện Bản đồ SVG như Google Charts không?

+0

Bạn có cần điều chỉnh IE không? Tôi hỏi vì không có hỗ trợ SVG trong IE, chỉ VML ... –

+0

Có svgweb cho phép IE hiển thị SVG (sử dụng flash shim), http://code.google.com/p/svgweb/. Ví dụ về bản đồ SVG động bằng cách sử dụng svgweb, xem tại đây: http://vis.uell.net/gsvg/electionAtlasGermany.html –

Trả lời

1

Geomap, từ API hình ảnh hóa của Google, có thể có kích thước lớn như bạn muốn; tuy nhiên, nó sử dụng Flash thay vì SVG.

2

Với Wikipedia SVG Maps bạn có thể "tô bóng" các quốc gia chỉ bằng cách sử dụng CSS.

Một số ví dụ về việc sử dụng các bản đồ như vậy (SVG, CSS, HTML, JS) có thể được tìm thấy here. Điều đó sẽ xuất bản đồ đầy đủ hoặc chỉ bản định kiểu có thể được áp dụng cho bản sao cục bộ của bản đồ. Tôi khuyên bạn nên sử dụng Opera để có trải nghiệm xem tốt nhất, nhưng nó sẽ hoạt động trong tất cả các trình duyệt hỗ trợ SVG.

+0

+1 Điều đó khá thú vị. –

6

Tôi làm việc trên thư viện cung cấp chức năng tương tự như được mô tả trong câu hỏi. Nó được gọi là jVectorMap. Đây là một plugin jQuery, cho phép đặt các thành phần bản đồ thế giới trên các trang web sử dụng SVG trong các trình duyệt hiện đại và VML trong IE 6-8. Bạn có thể tùy chỉnh nó theo nhiều cách, thay đổi giao diện và hành vi của bản đồ. Thật không may tài liệu chưa sẵn sàng. Bạn có thể xem ví dụ và mã tại đây http://jvectormap.owl-hollow.net/.

2

Những ngày này, tôi khuyên bạn nên sử dụng Polymaps hoặc d3. Trước đây là một thư viện "bản đồ nhanh" chính thức hoạt động với SVG. Sau này là một thư viện trực quan làm việc với SVG và có một số lượng ngày càng tăng các tính năng địa lý. Nếu bạn không cần pan, zoom và các tính năng "nhanh nhẹn" khác, hãy thử d3, như ví dụ này: http://mbostock.github.com/d3/ex/choropleth.html

3

Trong khi đó, google phát hành Geochart Maps, bản cập nhật cho geomap. Nó tạo ra các bản đồ SVG, và bạn có thể làm cho chúng bất kỳ kích thước nào bạn muốn, với tỷ lệ khung hình hay không. Tôi đã phát triển một plugin để xây dựng bản đồ bằng API này cho wordpress. Check it out tại http://cmoreira.net/interactive-world-maps-demo/

0

Kiểm tra amMap: http://www.ammap.com - chúng tôi có bản đồ SVG của hầu hết các nước trên thế giới và một API để làm những tấm bản đồ tương tác, Zoomable vv

Disclaimer - Tôi là tác giả của amMap.

0

Là tác giả của nó, tôi khuyên bạn nên http://www.makeclickablemap.com để lập bản đồ dựa trên SVG. Ngày càng có nhiều quốc gia và giao diện dễ sử dụng đẹp mắt để chỉnh sửa bản đồ của bạn mà bạn có thể nhúng bất kỳ nơi nào bằng iframe.

Các vấn đề liên quan