GeoJSON 地图查看器

# 工具：GeoJSON 地图查看器 来源：https://simonwillison.net/2026/Sep/1/geojson/ 工具（https://simonwillison.net/elsewhere/tool/）GeoJSON 地图查看器（https://tools.simonwillison.net/geojson）— 在交互式 OpenStreetMap 上查看和可视化 GeoJSON 数据，支持自定义样式选项。将 GeoJSON 对象（Feature、FeatureCollection 或 Geometry）粘贴到编辑器中，调整填充颜色和不透明度，即可直接在地图上渲染要素。 我曾协助 Natalie 收集一些地方政治边界地图（涉及Granada社区服务区 (https://granada.ca.gov/) 和Midcoast社区委员会 (https://midcoastcommunitycouncil.org/)），因此需要将部分 GeoJSON 文件显示在地图上并导出为 PNG。我向 GPT-5.6-Sol 寻求工具建议，它主动构建了一个工具。经过一些迭代（https://tools.simonwillison.net/colophon#geojson.html），使用 Claude Code 进行 Web 开发和 Fable 5.1 后，最终完成了这个工具。 至于 GeoJSON……事实上，如果你让 ChatGPT Work 为几乎任何事物提供边界，它会自动从不同的政府数据源中提取和组合文件，并精确构建你所需的内容。 我从以下查询获得了这个多边形（https://gist.github.com/simonw/27d243c9d1cb5d9047fff7360dd49d3c）： > “我想要一个表示 El Granada GCSD 精确边界的多边形” 以及从这个查询获得了另一个多边形（https://gist.github.com/simonw/b51f9e0190a13932ac64a0cb407a709d）： > “获取 MCC - Midcoast Community Council 在加州半月湾附近运作的边界（或多个边界，如果适用）的 GeoJSON 文件” 这是一个链接（https://tools.simonwillison.net/geojson#url=https%3A%2F%2Fgist.github.com%2Fsimonw%2Fb51f9e0190a13932ac64a0cb407a709d&color=%23028FC3&opacity=50&url=https%3A%2F%2Fgist.github.com%2Fsimonw%2F27d243c9d1cb5d9047fff7360dd49d3c&color=%23E4572E&opacity=50&preset=map&resolution=2&lat=37.52640&lng=-122.48297&zoom=13），可在新的 GeoJSON 地图查看工具中同时显示两者。 截图显示一个 Web 应用程序，左侧是控制面板，右侧是大型地图。左上角：OPENSTREETMAP 覆盖层 GeoJSON 地图查看器。右上角：您的 GeoJSON 数据保留在此浏览器中。侧边栏“形状 1”面板带蓝色强调：形状 1，移除按钮，URL https://gist.github.com/simonw/b51f9 带加载按钮，文本区域包含 { "type": "FeatureCollection", "bbox": -122.51951044732655, 37.47967619478576, -122.44141365271285, 37.55146379902639, 填充颜色 #028FC3 带蓝色色板，不透明度滑块设置为 50%。形状 2 面板带红色强调：形状 2，移除按钮，URL https://gist.github.com/simonw/27d24 带加载按钮，文本区域包含 { "type": "FeatureCollection", "name": "Granada Community Services District boundary", "bbox": -122.500791193774, 37.4803905345399, 填充颜色 #E4572E 带红色色板，不透明度滑块设置为 50%。按钮：渲染地图、添加形状、加载示例、清除。地图显示 Montara、Moss Beach、El Granada 和 Half Moon Bay 附近的海岸线，一个覆盖 Montara、Moss Beach 和 Rancho Corral de Tierra 并延伸至海洋的大面积半透明蓝色多边形，以及一个重叠的覆盖 El Granada 和 Quarry Park 的红色多边形。地图标签包括 Cabrillo Highway、San Pedro Mountain 325 米、Peak Mountain 545 米、South Peak、CA 1、Montara、Rancho Corral de Tierra、Golden Gate National Recreation Area、489 米、Scarper Ridge、552 米、Moss Beach、Montara State Marine Reserve、Ox Hill 542 米、512 米、Fitzgerald Marine Reserve、Airport Street、Pillar Point Bluff、Quarry Park、El Granada、Pillar Point State Marine Conservation Area、Ox Mountain Landfill、Half Moon Bay State Beach，以及缩放按钮加减号，还有归属信息 Leaflet | © OpenStreetMap contributors。