Cesium态势标绘专题-普通点（标绘+编辑）

**Cesium态势标绘专题-普通点（标绘+编辑）**

**概述**

本文将介绍如何使用Cesium创建一个普通点的标绘专题，包括标绘和编辑功能。我们将使用Cesium的JavaScript API来实现这一点。

**环境准备**

* Cesium版本：1.104* JavaScript引擎：Chrome91**步骤一：创建场景**

首先，我们需要创建一个新的Cesium场景。

javascript// 创建场景var scene = new Cesium.Scene({
 // 指定场景的分辨率 canvas: document.getElementById('cesiumContainer'),
 // 指定场景的投影方式 projection: new Cesium.WebMercatorProjection()
});

**步骤二：创建普通点**

接下来，我们需要创建一个普通点。我们将使用Cesium的`Entity`类来实现这一点。

javascript// 创建普通点var point = scene.primitives.add(new Cesium.Entity({
 // 指定点的位置 position: Cesium.Cartesian3.fromDegrees(116.397428,39.90923),
 // 指定点的属性 attributes: {
 color: new Cesium.ConstantProperty({ r:255, g:0, b:0 })
 }
}));

**步骤三：添加标绘功能**

现在，我们需要添加一个标绘功能来显示普通点。我们将使用Cesium的`Label`类来实现这一点。

javascript// 添加标绘功能var label = new Cesium.Label({
 // 指定标签的位置 position: point.position,
 // 指定标签的文本 text: '普通点',
 // 指定标签的样式 style: {
 font: '12px sans-serif'
 }
});
scene.primitives.add(label);

**步骤四：添加编辑功能**

最后，我们需要添加一个编辑功能来允许用户编辑普通点。我们将使用Cesium的`Editor`类来实现这一点。

javascript// 添加编辑功能var editor = new Cesium.Editor({
 // 指定编辑器的位置 position: point.position,
 // 指定编辑器的属性 attributes: {
 color: new Cesium.ConstantProperty({ r:255, g:0, b:0 })
 }
});
scene.primitives.add(editor);

**完整代码**

以下是完整的代码：

javascript// 创建场景var scene = new Cesium.Scene({
 // 指定场景的分辨率 canvas: document.getElementById('cesiumContainer'),
 // 指定场景的投影方式 projection: new Cesium.WebMercatorProjection()
});

// 创建普通点var point = scene.primitives.add(new Cesium.Entity({
 // 指定点的位置 position: Cesium.Cartesian3.fromDegrees(116.397428,39.90923),
 // 指定点的属性 attributes: {
 color: new Cesium.ConstantProperty({ r:255, g:0, b:0 })
 }
}));

// 添加标绘功能var label = new Cesium.Label({
 // 指定标签的位置 position: point.position,
 // 指定标签的文本 text: '普通点',
 // 指定标签的样式 style: {
 font: '12px sans-serif'
 }
});
scene.primitives.add(label);

// 添加编辑功能var editor = new Cesium.Editor({
 // 指定编辑器的位置 position: point.position,
 // 指定编辑器的属性 attributes: {
 color: new Cesium.ConstantProperty({ r:255, g:0, b:0 })
 }
});
scene.primitives.add(editor);

**注释**

* `Cesium.Scene`类用于创建一个新的Cesium场景。
* `Cesium.Entity`类用于创建一个普通点。
* `Cesium.Label`类用于添加标绘功能。
* `Cesium.Editor`类用于添加编辑功能。

以上就是使用Cesium创建一个普通点的标绘专题，包括标绘和编辑功能的步骤。