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?
Trả lời
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.
Wikipedia có rất nhiều SVG Maps, nhưng nó không phải là thư viện.
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.
+1 Điều đó khá thú vị. –
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/.
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
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/
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.
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.
- 1. Thư viện vẽ bản đồ Haskell tương tự như MATLAB
- 2. javascript vẽ đồ thư viện
- 3. Thư viện bản đồ 3D cho android
- 4. Charts Google trục y đánh giá cao
- 5. Có thư viện biểu đồ tốt cho Android không?
- 6. Google Charts (GeoChart) - Phóng to gần hơn
- 7. Google Charts và Twitter tab Bootstrap
- 8. Google Charts Api - Single Series Nhiều màu
- 9. Thư viện Bản đồ Phạm vi Haskell
- 10. Google Charts in Rails 3.1 Ajax Partial
- 11. Bảng xếp hạng Google Charts - ẩn cột
- 12. javascript - bản đồ google như di chuyển hình ảnh
- 13. Biểu đồ D3 (có liên kết) trên bản đồ google
- 14. Thư viện biểu đồ JavaScript - Kiểu Google Analytics
- 15. Có thư viện sơ đồ tốt cho Python không?
- 16. Thư viện xây dựng SVG cho Java
- 17. Bản đồ Google và pdf
- 18. Địa chỉ tự động hoàn tất với thư viện bản đồ google ở Primefaces
- 19. Thư viện Haskell như SymPy?
- 20. Tại sao bản đồ google sử dụng Canvas để đo khoảng cách chứ không phải SVG?
- 21. Cách đặt chiều rộng chú thích Google Charts trong JavaScript?
- 22. Có thư viện đồ thị 3D tương tác tốt không?
- 23. Thư viện đồ họa Java
- 24. Xóa đệm hoặc lề từ Google Charts
- 25. Có thư viện javascript để tạo biểu đồ không?
- 26. Có thư viện nào để hiển thị sơ đồ luồng cơ bản trong Javascript/CSS không?
- 27. Có AnnotationUtils của Commons như thư viện không? (Java)
- 28. Thư viện để sử dụng SVG trong Windows Forms/WPF?
- 29. Thư viện Javascript - Sơ đồ cây gia đình
- 30. Thư viện Python để hiển thị bản đồ động
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 ... –
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 –