cesium实战(1)、cesium 加载本地json、GeoJson数据

**CESIUM 实战 (1) - 加载本地 JSON 和 GeoJSON 数据**

在前面的文章中，我们已经了解了 CESIUM 的基本概念和使用方法。现在，我们将深入探讨如何加载本地 JSON 和 GeoJSON 数据到 CESIUM 中。

### 加载本地 JSON 数据首先，让我们创建一个名为 `data.json` 的 JSON 文件，内容如下：

json{
 "features": [
 {
 "type": "Feature",
 "geometry": {
 "type": "Point",
 "coordinates": [102.0,0.5]
 },
 "properties": {
 "name": "北京"
 }
 },
 {
 "type": "Feature",
 "geometry": {
 "type": "Point",
 "coordinates": [103.0,1.5]
 },
 "properties": {
 "name": "天津"
 }
 }
 ]
}

这个 JSON 文件定义了两个点的坐标和名称。

接下来，我们需要在 CESIUM 中加载这个 JSON 数据。我们可以使用 `cesium.loadJSON` 方法来实现：

javascript// 加载 JSON 数据var json = {
 "features": [
 {
 "type": "Feature",
 "geometry": {
 "type": "Point",
 "coordinates": [102.0,0.5]
 },
 "properties": {
 "name": "北京"
 }
 },
 {
 "type": "Feature",
 "geometry": {
 "type": "Point",
 "coordinates": [103.0,1.5]
 },
 "properties": {
 "name": "天津"
 }
 }
 ]
};

// 创建一个 Cesium Objectvar viewer = new Cesium.Viewer("cesiumContainer");

// 加载 JSON 数据到 CESIUM 中viewer.entities.add(Cesium.GeoJsonDataSource.load(json));

在上面的代码中，我们首先定义了一个 `json` 变量，包含我们之前创建的 JSON 数据。然后，我们创建一个 Cesium Viewer 对象，并使用 `Cesium.GeoJsonDataSource.load` 方法加载 JSON 数据到 CESIUM 中。

### 加载 GeoJSON 数据接下来，让我们创建一个名为 `data.geojson` 的 GeoJSON 文件，内容如下：

json{
 "type": "FeatureCollection",
 "features": [
 {
 "type": "Feature",
 "geometry": {
 "type": "Point",
 "coordinates": [102.0,0.5]
 },
 "properties": {
 "name": "北京"
 }
 },
 {
 "type": "Feature",
 "geometry": {
 "type": "Point",
 "coordinates": [103.0,1.5]
 },
 "properties": {
 "name": "天津"
 }
 }
 ]
}

这个 GeoJSON 文件定义了两个点的坐标和名称。

接下来，我们需要在 CESIUM 中加载这个 GeoJSON 数据。我们可以使用 `cesium.loadGeoJson` 方法来实现：

javascript// 加载 GeoJSON 数据var geojson = {
 "type": "FeatureCollection",
 "features": [
 {
 "type": "Feature",
 "geometry": {
 "type": "Point",
 "coordinates": [102.0,0.5]
 },
 "properties": {
 "name": "北京"
 }
 },
 {
 "type": "Feature",
 "geometry": {
 "type": "Point",
 "coordinates": [103.0,1.5]
 },
 "properties": {
 "name": "天津"
 }
 }
 ]
};

// 创建一个 Cesium Objectvar viewer = new Cesium.Viewer("cesiumContainer");

// 加载 GeoJSON 数据到 CESIUM 中viewer.entities.add(Cesium.GeoJsonDataSource.load(geojson));

在上面的代码中，我们首先定义了一个 `geojson` 变量，包含我们之前创建的 GeoJSON 数据。然后，我们创建一个 Cesium Viewer 对象，并使用 `Cesium.GeoJsonDataSource.load` 方法加载 GeoJSON 数据到 CESIUM 中。

通过以上两种方式，我们可以轻松地在 CESIUM 中加载本地 JSON 和 GeoJSON 数据，从而实现更复杂的地理信息系统应用。