cesium 绘制双箭头
时间: 2023-08-14 21:08:09 浏览: 213
要在Cesium中绘制双箭头,你可以使用Cesium的Primitive API来创建一个具有两个箭头的几何体。下面是一个示例代码:
```javascript
// 创建场景
var viewer = new Cesium.Viewer('cesiumContainer');
// 创建GeometryInstance
var instance = new Cesium.GeometryInstance({
geometry: new Cesium.PolygonGeometry({
polygonHierarchy: new Cesium.PolygonHierarchy(
Cesium.Cartesian3.fromDegreesArray([
-75, 45,
-125, 45,
-125, 30,
-75, 30
])
),
extrudedHeight: 0
}),
attributes: {
color: Cesium.ColorGeometryInstanceAttribute.fromColor(Cesium.Color.RED)
}
});
// 创建双箭头的Primitive
var doubleArrowPrimitive = new Cesium.Primitive({
geometryInstances: [instance],
appearance: new Cesium.PerInstanceColorAppearance({
flat: true,
renderState: {
depthTest: {
enabled: true
},
lineWidth: Math.min(2.0, viewer.scene.maximumAliasedLineWidth)
}
})
});
// 将双箭头添加到场景中
viewer.scene.primitives.add(doubleArrowPrimitive);
```
这段代码会在Cesium的场景中绘制一个具有两个箭头的矩形,你可以根据需要修改顶点坐标和外观属性来调整双箭头的形状和样式。请确保已经引入了Cesium的JavaScript库文件。
阅读全文