Tạo, chỉnh sửa và trực quan hóa dữ liệu GeoJSON với bản đồ tương tác. Vẽ điểm, đường và đa giác, chỉnh sửa tọa độ và xuất dữ liệu địa lý của bạn.
Features
- Bản đồ tương tác: Trực quan hóa và tương tác với dữ liệu địa lý trên bản đồ tương tác được cung cấp bởi Leaflet. Di chuyển, phóng to và khám phá các đối tượng GeoJSON của bạn.
- Vẽ đối tượng: Vẽ điểm, đường và đa giác trực tiếp trên bản đồ. Hỗ trợ Point, LineString, Polygon và các biến thể Multi của chúng.
- Chỉnh sửa đối tượng: Chỉnh sửa các đối tượng hiện có bằng cách kéo các đỉnh, sửa đổi tọa độ và cập nhật thuộc tính. Xóa các đối tượng không mong muốn bằng một cú nhấp chuột.
- Trình chỉnh sửa JSON và đồng bộ thời gian thực: Chỉnh sửa mã GeoJSON trực tiếp với tô sáng cú pháp. Các thay đổi trong bản đồ, trình chỉnh sửa JSON hoặc chế độ xem bảng được đồng bộ tự động trên tất cả các chế độ xem để chỉnh sửa liền mạch.
Use Cases
- Ứng dụng GIS: Tạo và chỉnh sửa dữ liệu địa lý cho ứng dụng GIS, dịch vụ lập bản đồ và công cụ phân tích không gian.
- Lập bản đồ web: Tạo dữ liệu GeoJSON cho thư viện lập bản đồ web như Leaflet, Mapbox và Google Maps API.
- Dịch vụ vị trí: Xác định khu vực dịch vụ, khu vực giao hàng và ranh giới địa lý cho dịch vụ dựa trên vị trí.
- Trực quan hóa dữ liệu: Tạo bộ dữ liệu địa lý cho trực quan hóa dữ liệu, bản đồ choropleth và bảng điều khiển tương tác.
Usage Guide
- Vẽ đối tượng: Nhấp vào các nút vẽ (Điểm, Đường, Đa giác) và nhấp vào bản đồ để tạo đối tượng.
- Chỉnh sửa đối tượng: Nhấp vào 'Chế độ chỉnh sửa' và kéo các đỉnh để sửa đổi hình dạng đối tượng. Nhấp vào 'Chế độ xóa' để xóa đối tượng.
- Chỉnh sửa JSON: Chuyển sang tab Trình chỉnh sửa JSON để chỉnh sửa mã GeoJSON trực tiếp. Các thay đổi được đồng bộ tự động với bản đồ.
- Xuất dữ liệu: Nhấp vào 'Lưu thành' để tải xuống tệp GeoJSON của bạn, hoặc 'Sao chép GeoJSON' để sao chép vào clipboard.
Technical Details
Đặc tả định dạng GeoJSON
GeoJSON dựa trên JSON và tuân theo đặc tả RFC 7946. Nó sử dụng hệ thống tham chiếu tọa độ WGS84 (CRS:84). Tọa độ được lưu trữ dưới dạng mảng [kinh độ, vĩ độ]. Định dạng hỗ trợ FeatureCollection (mảng các đối tượng), Feature (hình học + thuộc tính) và các đối tượng Geometry. Mỗi hình học có trường 'type' (Point, LineString, Polygon, v.v.) và trường 'coordinates' chứa mảng tọa độ.
Tích hợp Leaflet
Trình chỉnh sửa sử dụng Leaflet.js, thư viện JavaScript mã nguồn mở cho bản đồ tương tác. Leaflet cung cấp kết xuất bản đồ, lớp tile (OpenStreetMap) và điều khiển tương tác. Plugin leaflet-draw cho phép vẽ và chỉnh sửa đối tượng trên bản đồ. Các đối tượng được kết xuất dưới dạng lớp Leaflet (Marker, Polyline, Polygon) và được đồng bộ với cấu trúc dữ liệu GeoJSON.
Đồng bộ thời gian thực
Trình chỉnh sửa duy trì đồng bộ hai chiều giữa trực quan hóa bản đồ, mã JSON và chế độ xem bảng. Khi các đối tượng được vẽ trên bản đồ, GeoJSON được cập nhật. Khi JSON được chỉnh sửa, bản đồ được kết xuất lại. Các thay đổi trong chế độ xem bảng cập nhật cả bản đồ và JSON. Điều này được thực hiện thông qua trình nghe sự kiện và quản lý trạng thái sử dụng React hooks.
Frequently Asked Questions
- GeoJSON là gì và được sử dụng để làm gì?
- GeoJSON là định dạng dựa trên JSON để mã hóa cấu trúc dữ liệu địa lý. Nó được sử dụng cho: 1) Ứng dụng lập bản đồ web (Leaflet, Mapbox, Google Maps); 2) Trao đổi dữ liệu phần mềm GIS; 3) API và dịch vụ địa lý; 4) Trực quan hóa dữ liệu và bảng điều khiển; 5) Dịch vụ dựa trên vị trí; 6) Phân tích không gian và cơ sở dữ liệu địa không gian. GeoJSON dễ đọc, dễ phân tích và được hỗ trợ rộng rãi trên tất cả các nền tảng.
- GeoJSON sử dụng hệ thống tọa độ nào?
- GeoJSON sử dụng hệ thống tham chiếu tọa độ WGS84 (Hệ thống trắc địa thế giới 1984), còn được gọi là EPSG:4326. Tọa độ được lưu trữ dưới dạng mảng [kinh độ, vĩ độ]. Kinh độ từ -180° (tây) đến 180° (đông), vĩ độ từ -90° (nam) đến 90° (bắc). Đây là cùng hệ thống tọa độ được sử dụng bởi GPS và hầu hết các dịch vụ lập bản đồ web.
- Làm thế nào để vẽ đa giác trên bản đồ?
- Nhấp vào nút 'Vẽ đa giác', sau đó nhấp vào bản đồ để đặt các đỉnh. Nhấp lại vào điểm đầu tiên hoặc nhấp đúp để hoàn thành đa giác. Bạn có thể chỉnh sửa đa giác bằng cách nhấp vào 'Chế độ chỉnh sửa' và kéo các đỉnh. Để xóa, nhấp vào 'Chế độ xóa' và nhấp vào đối tượng.
- Tôi có thể nhập tệp GeoJSON hiện có không?
- Có, nhấp vào nút 'Mở' và chọn tệp GeoJSON từ máy tính của bạn. Tệp sẽ được tải và hiển thị trên bản đồ. Định dạng được hỗ trợ: tệp .geojson, .json chứa dữ liệu GeoJSON hợp lệ. Trình chỉnh sửa xác thực định dạng tệp trước khi nhập.
- Dữ liệu của tôi có được lưu trữ trên máy chủ không?
- Không, tất cả xử lý xảy ra cục bộ trong trình duyệt của bạn. Dữ liệu GeoJSON của bạn không bao giờ được tải lên bất kỳ máy chủ nào, đảm bảo quyền riêng tư và bảo mật dữ liệu hoàn toàn. Bạn có thể làm việc ngoại tuyến sau khi tải trang ban đầu.
Related Documentation
- RFC 7946 - Định dạng GeoJSON - Đặc tả GeoJSON chính thức
- Tài liệu Leaflet.js - Tài liệu thư viện bản đồ tương tác
- GeoJSON.io - Tham chiếu trình chỉnh sửa GeoJSON trực tuyến
- OpenStreetMap - Tile bản đồ miễn phí và dữ liệu địa lý