cesium--绘制多边形polygon

前言

在线沙盒案例:
https://cesiumjs.org/Cesium/Apps/Sandcastle/index.html?src=Polygon.html
api查询地址:
https://cesiumjs.org/refdoc/

查询结果截图:

区别:

名称	作用
CoplanarPolygonGeometry
CoplanarPolygonOutlineGeometry
PolygonGeometry	这个好像是给底层用的
PolygonGeometryUpdater	一般客户端不用
PolygonHierarchy	定义多边形及其孔的线性环的层次。这些孔本身也可能有嵌套内部多边形的孔。
PolygonOutlineGeometry	椭球上多边形轮廓的描述。多边形由多边形层次定义。
PolygonGraphics	描述由组成外部形状和任何嵌套孔的线性环层次定义的多边形。多边形符合球体的曲率，可以放置在表面或高度上，也可以随意拉伸成一个体积。

黄色的是我们经常用到的

api详解

名称	作用
hierarchy	指定多边形层次结构,说白了就是多边形的经纬度
height	距离地表高度
heightReference	相对高度的高度
extrudedHeight	厚度
extrudedHeightReference	相对厚度
show	控制显隐
fill	是否填充
material	填充颜色
outline	是否有外边线
outlineColor	外边线颜色
outlineWidth	外边线宽度
stRotation	指定多边形纹理从北逆时针旋转的数值属性。
granularity	指定每个纬度和经度点之间的角度距离的数值属性
perPositionHeight	是否利用每个点的高度,制造幅度?
closeTop	是否关闭多边形的顶部,也就是拿掉盖子
closeBottom	是否关闭底部
shadows	阴影
distanceDisplayCondition	定义与相机的距离
classificationType	一个枚举属性，指定此多边形在地面上时是将地形、三维图块分类，还是两者都分类
arcType	线条类型
zIndex	遮盖顺序

例子

简单的例子就不列举了,这里主要教大家画回环
我们知道,画完了图形,需要添加到实体中,才能在地球上显示

//几何绘制
var gemeotryDraw = {//绘制长方体cuboidDraw: function () {//难点在于回环的理解,画回环,需要先画出这个多边形,然后在这个多边形里,挖出一块来//通过经纬度,笛卡尔坐标系,定义多边形的四个顶点var positions=Cesium.Cartesian3.fromDegreesArray([105,20,117,20,122,30,105,30]);     //同理,定义需要挖的形状的四个顶点var hole=Cesium.Cartesian3.fromDegreesArray([110,23,112,23,115,27,110,27]);//定义需要传给hierrchy的参数var x={positions:positions,//由于挖的这个洞,是x本身的一种数组集合,所以每一个对象里,又是一个x的形式holes:[{positions:hole}]};var cuboid = viewer.entities.add({name: "长方体",polygon:{hierarchy:x,height: 10000,//extrudedHeight: 21000,outline: true,outlineWidth: 100,//fill: false,arcType: Cesium.ArcType.RHUMB,material: Cesium.Color.RED} });viewer.zoomTo(cuboid);},clear: function () {}//绘制圆形}

效果图如下:

cesium--绘制多边形polygon相关推荐

cesium 获取多边形polygon中心点
//创建面支持球面和平面坐标 var polygon = viewer.entities.add({ polygon: { hierarchy: { positions: Cesium.Cartes ...
R语言polygon函数绘制多边形实战
R语言polygon函数绘制多边形实战目录 R语言polygon函数绘制多边形实战 #基本语法 #基础多边形绘制
python绘制多边形样例_Python PIL ImageDraw.Draw.polygon()用法及代码示例
PIL是Python Imaging Library,它为python解释器提供了图像编辑功能.的ImageDraw模块为Image对象提供简单的2D图形.您可以使用该模块来创建新图像,注释或修饰现有 ...
【超图+CESIUM】【基础API使用示例】43、超图｜CESIUM - 绘制编辑面｜读取kml文件绘制编辑｜导出kml面数据
前言缺少前置学习使用资料,请自行查阅:[https://blog.csdn.net/weixin_44402694/article/details/123110136](https://blog.c ...
Cesium绘制矩形
有个项目中,要求绘制多边形和矩形电子围栏.多边形的绘制很快做好了,但矩形花了一天多.官网的矩形示例是给定两个对角点坐标生成矩形,但这个不太对,它是水平垂直方向的. 我想要的效果是点击三次: 设置起点 ...
python绘制如下图形、小三角形边长20_在编程中发现数学之美——使用Python小龟绘制多边形...
在使用数学知识画出很酷的各种图形之前,你需要先学习Python编程语言的基础知识.本文将会带你熟悉以下编程概念:循环.变量.函数.使用小龟模块绘制图像.本文假设你已经安装了Python,如果没有,欢迎 ...
Vue+Openlayer使用Draw实现交互式绘制多边形并获取面积
场景 Vue+Openlayer使用Draw实现交互式绘制线段: Vue+Openlayer使用Draw实现交互式绘制线段_BADAO_LIUMANG_QIZHI的博客-CSDN博客在上面的基础上实 ...
Qt 运用鼠标绘制多边形
文章目录 Qt 鼠标绘制多边形技术要点: 实现过程: Qt 鼠标绘制多边形分析: Qt鼠标绘图,就是要捕获鼠标事件,将捕获到的坐标点传递给场景,然后场景中就可以添加响应的2D图形了. 技术要点: ...
html用css画多边形,Sass绘制多边形_Preprocessor, Sass, SCSS, clip-path, CSS处理器, 会员专栏教程_W3cplus...
CSS画图形在Web运用中时常看到,比如三角形.五角星,心形,Ribbon等.不过以前使用CSS绘制图形一般都是借助于border来绘制,但这样的方式受到一定的限制,而且实用价值也有所限制.这篇文章将 ...
canvas绘制多边形
<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8" ...

cesium--绘制多边形polygon

前言

例子

cesium--绘制多边形polygon相关推荐

最新文章

热门文章