【WebGIS】Cesium：GeoJSON加载

GeoJSON 是一种常用的地理空间数据格式，它用于表示简单的地理要素及其属性，并且被广泛应用于 Web 地图和 GIS 系统中。在 Cesium 中，GeoJSON 文件可以很方便地加载到三维场景中展示，并且可以添加样式和事件处理。本文将为你提供详细的渐进式学习教程，帮助你逐步掌握如何在 Cesium 中加载和使用 GeoJSON 数据。

初识 GeoJSON

GeoJSON 是一种基于 JSON（JavaScript Object Notation）的格式，用于表示地理要素，它支持点、线、面（Polygon）、多点、多线和多面等几何对象。GeoJSON 的数据结构包括以下基本部分：

Feature：一个地理要素。
FeatureCollection：多个 Feature 的集合。
几何类型：Point（点）、LineString（线）、Polygon（面）等。

GeoJSON 示例

一个简单的 GeoJSON 文件可能像这样：

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

Cesium 中加载 GeoJSON

在 Cesium 中，加载 GeoJSON 非常简单。Cesium 提供了 GeoJsonDataSource 类，用于解析和加载 GeoJSON 数据。通过该类，你可以轻松地将 GeoJSON 文件加载到场景中。

基础用法

以下是加载一个简单 GeoJSON 文件的代码示例：

const viewer = new Cesium.Viewer('cesiumContainer');

// 加载 GeoJSON 文件
Cesium.GeoJsonDataSource.load('path/to/your/geojson-file.geojson')
    .then(function(dataSource) {
        viewer.dataSources.add(dataSource);
        viewer.flyTo(dataSource);  // 自动飞到数据范围
    })
    .catch(function(error) {
        console.error(error);
    });

这段代码演示了如何使用 GeoJsonDataSource.load() 方法加载一个 GeoJSON 文件并将其添加到 Cesium 场景中。如果加载成功，Cesium 将会自动将视角飞到加载的 GeoJSON 数据的范围。

本地加载与远程加载

除了加载本地的 GeoJSON 文件外，GeoJsonDataSource 也支持从远程服务器加载 GeoJSON 文件。例如：

Cesium.GeoJsonDataSource.load('https://example.com/your/geojson.geojson')
    .then(function(dataSource) {
        viewer.dataSources.add(dataSource);
    });

GeoJSON 的样式自定义

加载 GeoJSON 后，Cesium 允许你自定义要素的样式，比如点的颜色、线条的宽度和多边形的填充颜色等。样式通过 GeoJsonDataSource.clampToGround、GeoJsonDataSource.stroke 等属性来设置。