cesium画个空心的圆
时间: 2023-12-27 13:23:21 浏览: 205
以下是使用Cesium画空心圆的方法:
```javascript
this.viewer.entities.add({
position: Cesium.Cartesian3.fromDegrees(113.9236839, 22.528061),
name: "空心圆",
ellipse: {
semiMinorAxis: 1000.0,
semiMajorAxis: 1000.0,
outline: true, // 开启边框线
outlineColor: Cesium.Color.RED, // 边框线颜色
outlineWidth: 5, // 边框线宽度
material: new Cesium.Color(1, 1, 0, 0.7)
}
});```
其中,`outline`属性设置为`true`表示开启边框线,`outlineColor`属性设置边框线颜色,`outlineWidth`属性设置边框线宽度。`material`属性设置圆的填充颜色,这里使用的是黄色半透明。
相关问题
cesium画一个圆
在Cesium中画一个圆可以使用以下代码:
```javascript
// 创建一个圆
var circle = viewer.entities.add({
position: Cesium.Cartesian3.fromDegrees(longitude, latitude),
ellipse: {
semiMinorAxis: radius,
semiMajorAxis: radius,
material: Cesium.Color.RED.withAlpha(0.5),
outline: true,
outlineColor: Cesium.Color.BLACK
}
});
```
其中,`longitude`和`latitude`是圆心的经纬度坐标,`radius`是圆的半径。这段代码会在Cesium的场景中添加一个圆形实体,并设置其样式为红色半透明填充,黑色边框。你可以根据需要调整圆的位置、半径和样式。\[1\]\[2\]\[3\]
#### 引用[.reference_title]
- *1* *2* *3* [使用Cesium动态绘制点、线、面、圆、矩形](https://blog.csdn.net/qwe435541908/article/details/90762066)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insert_down28v1,239^v3^insert_chatgpt"}} ] [.reference_item]
[ .reference_list ]
cesium 用ellipse画半个圆
以下是使用Cesium的代码示例,用于绘制半个圆:
```
var viewer = new Cesium.Viewer('cesiumContainer');
var center = Cesium.Cartesian3.fromDegrees(-75.59777, 40.03883);
var radius = 100000.0;
var semiCircle = viewer.entities.add({
position: center,
ellipse : {
semiMinorAxis : radius,
semiMajorAxis : radius,
height: 0.0,
material : Cesium.Color.RED.withAlpha(0.5),
outline : true,
outlineColor : Cesium.Color.BLACK
}
});
semiCircle.ellipse.rotation = Cesium.Math.toRadians(90.0);
```
这段代码将在Cesium地球上绘制一个位于经度-75.59777,纬度40.03883的半圆,半径为100000米,并使用红色半透明材质进行填充。半圆的边框将呈现出黑色。最后,我们将半圆旋转了90度,以便它成为一个半圆。
阅读全文
相关推荐













