一个用于预览和导出 GeoJSON 地图的小工具

近日，一个名为 GeoJSON Map Viewer 的小工具被用于解决一个很具体的需求：把本地政治边界的 GeoJSON 文件显示在地图上，并导出为 PNG 图片。

工具解决的问题

在整理 Granada Community Services District 和 Midcoast Community Council 等地方边界地图时，作者需要完成几件事：

• 加载 GeoJSON 文件；
• 在地图上显示多边形边界；
• 同时叠加多个边界图层；
• 为不同图层设置颜色和透明度；
• 将最终地图导出为 PNG。

为此，作者先向 GPT-5.6-Sol 询问可用工具建议，随后模型主动生成了一个初版工具。之后又经过多轮迭代，使用 Claude Code、Web 技术和 Fable 5.1 完成了最终版本。

功能特点

从截图和描述来看，这个工具支持：

• 在浏览器中粘贴或加载 GeoJSON；
• 添加多个 Shape 图层；
• 分别设置填充颜色；
• 调整透明度；
• 在 OpenStreetMap 底图上渲染边界；
• 控制地图缩放和视角；
• 导出地图结果；
• GeoJSON 数据保留在本地浏览器中处理。

示例中展示了两个区域边界：

• Midcoast Community Council 附近区域，使用蓝色半透明多边形显示；
• Granada Community Services District 边界，使用红色半透明多边形显示。

两者被同时叠加在 Half Moon Bay、El Granada、Moss Beach、Montara 等沿海区域附近的地图上。

AI 生成 GeoJSON 的尝试

作者还提到，使用 ChatGPT Work 请求特定地区边界时，它可以从不同政府数据源中提取并组合文件，生成所需的 GeoJSON。

示例请求包括：

I want a polygon that represents the exact boundary of the El Granada GCSD

以及：

Get me a GeoJSON file for the boundary (or boundaries if that makes sense) for the MCC - Midcoast Community Council - that operates near Half Moon Bay CA

这些请求生成的多边形随后被加载到 GeoJSON Map Viewer 中，用于地图展示和叠加比较。

适合的使用场景

这类工具适合需要快速查看 GeoJSON 的场景，例如：

• 地方行政边界核对；
• 社区、服务区或选区边界可视化；
• GIS 数据初步检查；
• 将边界图层导出为报告或演示用图片；
• 对多个 GeoJSON 图层做叠加对比。

它不是完整 GIS 软件的替代品，但对于“快速加载、查看、叠加、截图导出”这类轻量任务，使用门槛更低。