使用交互式地圖创建、編輯和可视化 GeoJSON 数据。繪製点、线、多边形,編輯座標,匯出地理資料。
工具功能
- 交互式地圖: 在由 Leaflet 驅動的交互式地圖上可視化和交互地理資料。平移、縮放和探索您的 GeoJSON 要素。
- 繪製要素: 直接在地圖上繪製點、線和多邊形。支援 Point、LineString、Polygon 及其 Multi 變體。
- 編輯要素: 通過拖拽頂點、修改座標和更新屬性來編輯現有要素。一鍵刪除不需要的要素。
- JSON 編輯器與即時同步: 使用語法高亮直接編輯 GeoJSON 程式碼。地圖、JSON 編輯器或表格視圖中的更改會在所有視圖之間自動同步,實現無縫編輯。
適用場景
- GIS 应用: 为 GIS 应用、地圖服务和空间分析工具创建和編輯地理資料。
- Web 地圖: 为 Leaflet、Mapbox 和 Google Maps API 等 Web 地圖库生成 GeoJSON 数据。
- 位置服务: 为基于位置的服务定义服务区域、配送区域和地理边界。
- 数据可视化: 为数据可视化、等值线地圖和交互式仪表板创建地理資料集。
使用方法
- 繪製要素: 点击繪製按钮(点、线、多边形)并在地圖上点击以创建要素。
- 編輯要素: 點擊"編輯模式"並拖拽頂點以修改要素形狀。點擊"刪除模式"以刪除要素。
- 編輯 JSON: 切换到 JSON 編輯器标签页直接編輯 GeoJSON 代码。更改会自动与地圖同步。
- 匯出数据: 點擊"另存為"下載您的 GeoJSON 文件,或點擊"複製 GeoJSON"複製到剪貼板。
生成原理
GeoJSON 格式规范
GeoJSON 基于 JSON 并遵循 RFC 7946 规范。它使用 WGS84 座標参考系统(CRS:84)。座標存储为 [经度, 纬度] 数组。该格式支持 FeatureCollection(要素数组)、Feature(几何+属性)和 Geometry 对象。每个几何都有一个 'type' 字段(Point、LineString、Polygon 等)和一个包含座標数组的 'coordinates' 字段。
Leaflet 集成
編輯器使用 Leaflet.js,一个用于交互式地圖的开源 JavaScript 库。Leaflet 提供地圖渲染、瓦片图层(OpenStreetMap)和交互控件。leaflet-draw 插件支持在地圖上繪製和編輯要素。要素渲染为 Leaflet 图层(Marker、Polyline、Polygon)并与 GeoJSON 数据结构同步。
实时同步
編輯器在地圖可视化、JSON 代码和表格視圖之间保持双向同步。当在地圖上繪製要素时,GeoJSON 会更新。当編輯 JSON 时,地圖会重新渲染。表格視圖中的更改会更新地圖和 JSON。这是通过事件监听器和使用 React hooks 的状态管理实现的。
常見問題
- 什么是 GeoJSON,它用于什么?
- GeoJSON 是一种基于 JSON 的地理資料结构编码格式。它用于:1) Web 地圖应用(Leaflet、Mapbox、Google Maps);2) GIS 软件数据交换;3) 地理 API 和服务;4) 数据可视化和仪表板;5) 基于位置的服务;6) 空间分析和地理空间数据库。GeoJSON 是人类可读的,易于解析,并在各平台广泛支持。
- GeoJSON 使用什么座標系?
- GeoJSON 使用 WGS84(世界大地测量系统 1984)座標参考系统,也称为 EPSG:4326。座標存储为 [经度, 纬度] 数组。经度范围从 -180°(西)到 180°(东),纬度从 -90°(南)到 90°(北)。这与 GPS 和大多数 Web 地圖服务使用的座標系相同。
- 如何在地圖上繪製多边形?
- 點擊"繪製多邊形"按鈕,然後在地圖上點擊以放置頂點。再次點擊第一個點或雙擊以完成多邊形。您可以通過點擊"編輯模式"並拖拽頂點來編輯多邊形。要刪除,請點擊"刪除模式"並點擊要素。
- 我可以导入现有的 GeoJSON 文件吗?
- 可以,點擊"打開"按鈕並從計算機中選擇 GeoJSON 文件。文件將被載入並顯示在地圖上。支持的格式:包含有效 GeoJSON 數據的 .geojson、.json 文件。編輯器在導入前會驗證文件格式。
- 我的数据是否存储在服务器上?
- 不会,所有处理都在浏览器本地进行。您的 GeoJSON 数据永远不会上传到任何服务器,确保完全的隐私和数据安全。初始页面載入后,您可以离线工作。
相關文件
- RFC 7946 - GeoJSON 格式 - 官方 GeoJSON 规范
- Leaflet.js 文档 - 交互式地圖库文档
- GeoJSON.io - 在线 GeoJSON 編輯器参考
- OpenStreetMap - 免费地圖瓦片和地理資料