cesium primitive 绘制

primitive 绘制多边形

const viewer = new Cesium.Viewer("cesiumContainer");
const scene = viewer.scene;
const primitives = scene.primitives;

let positions = Cesium.Cartesian3.fromDegreesArray([
-107.0,
27.0,
-107.0,
22.0,
-102.0,
23.0,
-97.0,
21.0,
-97.0,
25.0,
]);

let polygonInstance = new Cesium.GeometryInstance({
geometry: Cesium.PolygonGeometry.fromPositions({
positions: positions,
vertexFormat: Cesium.EllipsoidSurfaceAppearance.VERTEX_FORMAT,
}),
});

let primitive = new Cesium.Primitive({
geometryInstances: [
polygonInstance,
],
appearance: new Cesium.EllipsoidSurfaceAppearance({
material: Cesium.Material.fromType("Stripe"),
}),
});
primitives.add(primitive);

primitive.appearance.material = new Cesium.Material({
fabric: {
type: "Image",
uniforms: {
image: "./1.jpeg",
},
},
});

cesium primitive 绘制相关推荐

[Cesium] 使用primitive绘制多段线
cesium里面绘制点线面可以通过entity或者primitive.今天先记录下使用primitive绘制线的代码 //创建多段线和每段颜色let startLng = 100.9636687593 ...
Cesium Primitive API 实践：绘制一个三角形
与调用官方各种参数化 API 不同,本例直接使用 Geometry 和 Appearance 类进行构造图形,灵活度较大. 文章目录 1 目的与结果 2 实现原理坐标系统选择 3 踩坑点 3.1 G ...
cesium动态绘制圆，矩形，自定义区域
cesium动态绘制圆,矩形,自定义区域自己封装了一个类,可以放在js文件中引入项目,具体使用和代码如下 class Draw {constructor(viewer, config) {/**ce ...
cesium实现绘制网格效果
示例效果: 代码演示: //! 网格位置 // var modelMatrixWhereTo = Cesium.Transforms.eastNorthUpToFixedFrame( // Cesiu ...
Cesium: Primitive vs Entity
Primitive vs Entity Entity Cesium Sandcastle: Variety of available entities 更高级别的数据驱动 API,它使用一致性设计的. ...
Cesium开发-绘制墙体
Cesium中绘制图形有两种方式,一可以通过entity自定义图形也可以使用primitives的方式绘制图形,以下是两个示例的代码总结: <!DOCTYPE html> <html ...
Cesium：绘制带洞的多边形
绘制结果如下图所示, 下面来聊一下如何绘制? 先通过Cesium.js API查看PolygonGeometry多边形的配置参数如下, 其中:polygonHierarchy对应的Cesium.Pol ...
便利贴--9{Cesium+js绘制多个点和多个线的图层，加标题}
便利贴--9{Cesium+js绘制多个点和多个线的图层,加标题} 代码代码附加转类型从openlayers线数据转到DC的Polyline数据 changeData(data, name, va ...
Cesium中绘制矩形，根据四角/对角坐标绘制矩形
Cesium中绘制矩形,根据四角/对角坐标绘制矩形 import store from '@/store/index' import * as Cesium from 'cesium'export d ...

cesium primitive 绘制

cesium primitive 绘制相关推荐

最新文章

热门文章