Geo Data Viewer 使用教程

Geo Data Viewer 使用教程

1. 项目介绍

Geo Data Viewer 是一个为 VSCode IDE 设计的 Geo Data 分析工具，支持 Kepler.gl 来生成和查看地图。它不需要 Python、IPyWidgets、pandas、Jupyter notebooks 或 ReactJS 应用代码，即可直接在 VSCode 中进行地理数据的可视化。

主要功能

• 地图视图：支持 GeoJSON、TopoJSON、Kepler.gl JSON、KML、GPX、shapefiles、FlatGeobuf、IGC、WKT 和 CSV 地理数据文件。
• 地图样式：提供多种地图样式，包括暗色、亮色、卫星和户外等。
• 地图画廊：内置公共 Kepler.gl 地图配置，方便用户尝试。
• 数据保存：可以将地图保存为 HTML 格式，方便分享。

2. 项目快速启动

安装

1. 打开 VSCode，进入扩展市场（Ctrl+Shift+X）。
2. 搜索 geo 或 geo-data-viewer。
3. 点击安装。

使用

1. 打开一个地理数据文件（如 GeoJSON、TopoJSON 等）。
2. 使用快捷键 Ctrl+Alt+M 或通过命令面板运行 Geo: View Map 命令。
3. 地图将在 VSCode 中显示。

代码示例

{ "type": "FeatureCollection", "features": [ { "type": "Feature", "geometry": { "type": "Point", "coordinates": [102.0, 0.5] }, "properties": { "prop0": "value0" } } ] } 

3. 应用案例和最佳实践

案例1：地理数据可视化

• 场景：在 VSCode 中直接查看和分析 GeoJSON 数据。
• 步骤：
  1. 打开一个 GeoJSON 文件。
  2. 使用 Geo: View Map 命令查看地图。
  3. 通过地图视图分析数据分布。

案例2：地图配置分享

• 场景：将 Kepler.gl 地图配置保存为 HTML 格式，并通过邮件或 Slack 分享。
• 步骤：
  1. 创建一个 Kepler.gl 地图配置。
  2. 使用 Geo: Save Map 命令将地图保存为 HTML 文件。
  3. 分享 HTML 文件。

4. 典型生态项目

1. Data Preview 🈸

• 描述：用于导入、查看、切片、切块、图表化和导出大型 JSON 数组/配置、YAML、Apache Arrow、Avro 和 Excel 数据文件。

2. Tabular Data Viewer 🀄

• 描述：提供快速 DSV 数据加载和自定义表格视图，适用于大型本地和远程 CSV、TSV 和 TAB 数据文件。

3. Leaflet 🍃 Map 🗺️

• 描述：用于 Notebook 数据输出的 Leaflet 地图视图。

4. Vega Viewer 📈

• 描述：用于交互式预览 Vega 和 Vega-Lite 地图和图表的 VSCode 扩展。

5. GistPad 📘

• 描述：用于管理和分享代码片段、笔记和交互式样本的 GitHub Gists 的 VSCode 扩展。