Tổng quan
amCharts 5: Maps bổ sung khả năng hiển thị bản đồ địa lý tương tác cho website và ứng dụng trong hệ sinh thái amCharts 5. Gói này hoạt động như add-on của amCharts 5: Charts và hướng đến các dự án JavaScript cần trực quan hóa dữ liệu theo khu vực địa lý.
Thư viện hỗ trợ sẵn TypeScript và ES6 modules, đồng thời tương thích với Angular, React, Vue.js và cả vanilla JavaScript. Bộ bản đồ đi kèm hàng trăm bản đồ quốc gia và khu vực, mỗi bản đồ có hai mức chi tiết high và low detail để phù hợp nhiều ngữ cảnh hiển thị.
Add-on cho amCharts 5: Charts, hỗ trợ tạo bản đồ tương tác cho website và ứng dụng với JavaScript, TypeScript, ES6, Angular, React, Vue.js và GeoJSON.
Tính năng nổi bật
- Tổ chức polygon, marker và line theo series để quản lý từng lớp dữ liệu bản đồ.
- Áp dụng appearance settings cho nhiều phần tử cùng lúc theo từng series.
- Gắn behavior cho cả nhóm phần tử thay vì cấu hình riêng lẻ từng đối tượng.
- Chọn include hoặc exclude nội dung từ GeoJSON bằng country code.
- Kết hợp nhiều bản đồ trên cùng một chart trong mô hình multi-series.
- Thêm U.S. states vào World map trong cùng một bố cục hiển thị.
- Tạo line series cho routing map giữa marker hoặc các điểm tùy ý.
Ứng dụng thực tế
- Dashboard theo dõi dữ liệu theo quốc gia hoặc khu vực.
- Bản đồ nhiệt thể hiện mật độ, mức độ hoặc chỉ số theo vùng địa lý.
- Bản đồ tuyến đường kết nối các điểm, marker hoặc hành trình.
- Ứng dụng web cần ghép nhiều lớp bản đồ trong cùng một chart.
- Giao diện bản đồ có góc nhìn tùy chỉnh như Pacific-centered world map hoặc rotating globe.
Đối tượng sử dụng phù hợp
- Lập trình viên JavaScript và TypeScript xây dựng ứng dụng web trực quan hóa dữ liệu
- Nhóm frontend sử dụng Angular, React hoặc Vue.js
- Technical lead cần chọn thư viện bản đồ tương thích với hệ sinh thái amCharts 5
- Đội ngũ phát triển dashboard, analytics và ứng dụng hiển thị dữ liệu địa lý
Thông tin kỹ thuật
Câu hỏi thường gặp
AmCharts 5: Maps có dùng độc lập được không?
Không. Phần thông tin giấy phép nêu rõ gói này yêu cầu bạn đã có license cho amCharts 5: Charts.
Thư viện hỗ trợ framework nào?
Gói này tương thích với Angular, React, Vue.js, vanilla JavaScript, đồng thời hỗ trợ TypeScript và ES6 modules.
Có thể dùng dữ liệu bản đồ theo chuẩn nào?
Chức năng bản đồ dựa trên GeoJSON. Nếu dữ liệu ở ESRI shape format, có thể chuyển đổi sang GeoJSON để sử dụng.
AmCharts 5: Maps có hỗ trợ heat map không?
Có. Heat rules cho phép liên kết thuộc tính phần tử với giá trị số từ dữ liệu, kèm heat legend để hiển thị thang màu và giá trị.
Người dùng cuối có thể thao tác bản đồ bằng cách nào?
Bản đồ hỗ trợ điều khiển bằng mouse, touch và keyboard, đồng thời có zoom control, slider và mini map.
Bình luận