cesium在二维模式下绘制多边形并背景色设为透明
时间: 2024-03-28 17:37:37 浏览: 23
要在 Cesium 中以二维模式绘制多边形并将背景色设为透明,您可以使用 Cesium 的 `PolygonGraphics` 对象,并将其 `material` 属性设置为 `ColorMaterialProperty`,并将其 `alpha` 值设置为 `0`。以下是一个示例代码:
```javascript
var viewer = new Cesium.Viewer('cesiumContainer', {
sceneMode : Cesium.SceneMode.SCENE2D // 设置场景模式为二维模式
});
var polygon = viewer.entities.add({
name : 'Polygon',
polygon : {
hierarchy : Cesium.Cartesian3.fromDegreesArray([
-115.0, 37.0,
-115.0, 32.0,
-107.0, 33.0,
-102.0, 31.0,
-102.0, 35.0
]),
material : new Cesium.ColorMaterialProperty(Cesium.Color.RED.withAlpha(0)), // 将材质设为红色透明
outline : true,
outlineColor : Cesium.Color.BLACK
}
});
viewer.zoomTo(polygon); // 将相机视角调整到多边形位置
```
这将在 Cesium 中绘制一个红色透明的多边形,并在二维模式下显示。
相关推荐
![js](https://img-home.csdnimg.cn/images/20210720083646.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)