cesium绘制点线面钳形
时间: 2023-11-05 22:02:44 浏览: 42
1. 绘制点:使用Cesium的Entity API创建一个点实体,设置其位置、颜色、大小等属性。
示例代码:
```javascript
var viewer = new Cesium.Viewer('cesiumContainer');
var point = viewer.entities.add({
position: Cesium.Cartesian3.fromDegrees(-75.59777, 40.03883),
point: {
color: Cesium.Color.YELLOW,
pixelSize: 10,
heightReference: Cesium.HeightReference.CLAMP_TO_GROUND
}
});
```
2. 绘制线:使用Cesium的Polyline API创建一条线段,设置其起点、终点、颜色、宽度等属性。
示例代码:
```javascript
var viewer = new Cesium.Viewer('cesiumContainer');
var line = viewer.entities.add({
polyline: {
positions: [
Cesium.Cartesian3.fromDegrees(-75.59777, 40.03883),
Cesium.Cartesian3.fromDegrees(-75.58777, 40.04883)
],
width: 3,
material: Cesium.Color.RED
}
});
```
3. 绘制面:使用Cesium的Polygon API创建一个多边形,设置其边界点、颜色、透明度等属性。
示例代码:
```javascript
var viewer = new Cesium.Viewer('cesiumContainer');
var polygon = viewer.entities.add({
polygon: {
hierarchy: Cesium.Cartesian3.fromDegreesArray([
-75.59777, 40.03883,
-75.58777, 40.03883,
-75.58777, 40.04883,
-75.59777, 40.04883
]),
material: Cesium.Color.ORANGE.withAlpha(0.5)
}
});
```
4. 绘制钳形:使用Cesium的Polygon API创建两个多边形,一个实心,一个镂空,组合成一个钳形。
示例代码:
```javascript
var viewer = new Cesium.Viewer('cesiumContainer');
var polygon1 = viewer.entities.add({
polygon: {
hierarchy: Cesium.Cartesian3.fromDegreesArray([
-75.59777, 40.03883,
-75.58777, 40.03883,
-75.58777, 40.04883,
-75.59777, 40.04883
]),
material: Cesium.Color.ORANGE.withAlpha(0.5)
}
});
var polygon2 = viewer.entities.add({
polygon: {
hierarchy: Cesium.Cartesian3.fromDegreesArray([
-75.59377, 40.04283,
-75.59277, 40.04283,
-75.59277, 40.04683,
-75.59377, 40.04683
]),
material: Cesium.Color.TRANSPARENT,
outline: true,
outlineColor: Cesium.Color.ORANGE,
outlineWidth: 3
}
});
```