AnyTools
🗺️

GeoJSON 编辑器

使用交互式地图创建、编辑和可视化 GeoJSON 数据。绘制点、线、多边形，编辑坐标，导出地理数据。

Loading map...
要素数量: 0

❓什么是 GeoJSON？

GeoJSON 是一种使用 JSON 编码地理数据结构的格式。它支持 Point、LineString、Polygon、MultiPoint、MultiLineString、MultiPolygon 和 GeometryCollection 类型。GeoJSON 广泛用于 Web 地图应用、GIS 软件和地理数据 API。它提供了一种简单、人类可读的格式来表示具有属性和坐标的地理要素。

✨功能特点

🗺️

交互式地图

在由 Leaflet 驱动的交互式地图上可视化和交互地理数据。平移、缩放和探索您的 GeoJSON 要素。
✏️

绘制要素

直接在地图上绘制点、线和多边形。支持 Point、LineString、Polygon 及其 Multi 变体。
🔧

编辑要素

通过拖拽顶点、修改坐标和更新属性来编辑现有要素。一键删除不需要的要素。
📝

JSON 编辑器与实时同步

使用语法高亮直接编辑 GeoJSON 代码。地图、JSON 编辑器或表格视图中的更改会在所有视图之间自动同步，实现无缝编辑。
🎯

应用场景

🌍

GIS 应用

为 GIS 应用、地图服务和空间分析工具创建和编辑地理数据。
🗺️

Web 地图

为 Leaflet、Mapbox 和 Google Maps API 等 Web 地图库生成 GeoJSON 数据。
📍

位置服务

为基于位置的服务定义服务区域、配送区域和地理边界。
📊

数据可视化

为数据可视化、等值线地图和交互式仪表板创建地理数据集。

📋使用指南

1️⃣
绘制要素
点击绘制按钮（点、线、多边形）并在地图上点击以创建要素。
2️⃣
编辑要素
点击"编辑模式"并拖拽顶点以修改要素形状。点击"删除模式"以删除要素。
3️⃣
编辑 JSON
切换到 JSON 编辑器标签页直接编辑 GeoJSON 代码。更改会自动与地图同步。
4️⃣
导出数据
点击"另存为"下载您的 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 使用 WGS84（EPSG:4326）坐标系。经度范围从 -180 到 180，纬度从 -90 到 90。编辑器验证坐标，确保多边形闭合（第一个和最后一个坐标匹配），并验证 GeoJSON 结构。无效的几何图形会被拒绝并显示错误消息，以防止数据损坏。
❓

常见问题

❓

什么是 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 数据永远不会上传到任何服务器，确保完全的隐私和数据安全。初始页面加载后，您可以离线工作。

💡How To & Tips

✅

最佳实践：导出前始终验证 GeoJSON

确保您的 GeoJSON 遵循规范且坐标在有效范围内。
✅

最佳实践：使用有意义的属性名称

为要素添加描述性属性，以便更好地组织数据并进行过滤。
✅

最佳实践：保持多边形闭合

确保多边形坐标形成闭合环（第一个和最后一个坐标匹配）。

🔗Related Documents

📖RFC 7946 - GeoJSON 格式-官方 GeoJSON 规范
🗺️Leaflet.js 文档-交互式地图库文档
🌍GeoJSON.io-在线 GeoJSON 编辑器参考
📚OpenStreetMap-免费地图瓦片和地理数据

User Comments

0 / 2000
Loading...