cesium-点线面

2023-11-06 02:40
文章标签 cesium 点线面

本文主要是介绍cesium-点线面,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

    let viewer = new Cesium.Viewer('cesiumContainer');//平面let plane = viewer.entities.add({name: '带边框的平面',position: Cesium.Cartesian3.fromDegrees(-107.0, 40.0, 300000.0),//经纬度转世界坐标plane: {show: true,//是否显示plane: new Cesium.Plane(Cesium.Cartesian3.UNIT_Z, 0.0), //朝向屏幕dimensions: new Cesium.Cartesian2(400000.0, 300000.0), //二维平面material: Cesium.Color.BLUE,//材质fill: true,//填充outline: true,//显示边框outlineColor: Cesium.Color.YELLOW,//边框颜色}});//点let point = viewer.entities.add({name: '点',position: Cesium.Cartesian3.fromDegrees(-75.0, 30.0),//经纬度转世界坐标point: {show: true,color: Cesium.Color.GREEN,pixelSize: 20,outlineColor: Cesium.Color.YELLOW,outlineWidth: 3,}});//线let line = viewer.entities.add({name: '线',polyline: {positions: Cesium.Cartesian3.fromDegreesArray([-75, 30, -125, 30]),//经纬度数组转世界坐标,带高度的话是fromDegreesArrayHeightswidth: 5,material: Cesium.Color.CYAN}});//面let polygon = viewer.entities.add({name: '面',polygon: {hierarchy: {//层次positions: Cesium.Cartesian3.fromDegreesArray([-99.0,30.0,-85.0,30.0,-85.0,40.0,-99.0,40.0,]),holes: [{ //挖洞,可以无限嵌套positions: Cesium.Cartesian3.fromDegreesArray([-97.0,31.0,-97.0,39.0,-87.0,39.0,-87.0,31.0,]),holes: [ {positions: Cesium.Cartesian3.fromDegreesArray([-95.0,33.0,-89.0,33.0,-89.0,37.0,-95.0,37.0,])}]}],},material: Cesium.Color.RED.withAlpha(0.5)}});

请添加图片描述

这篇关于cesium-点线面的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/354007

相关文章

我成功在本地打开了Cesium啦!

1首先下载Node.js,我是跟着这篇下载的,https://zhuanlan.zhihu.com/p/77594251,不过这后面的我没弄对Cesium环境配置也没影响。 另外:我看其他推文说,在终端写node -v和npm-v查node和npm的版本可以检测node和npm是否下载成功。 2然后我在CesiumB站官号看的教学视频,跟着下载Cesium源代码。 Cesium基础入门1-零

GIS圈大事件!Cesium被收购了,是好是坏?

大家好,我是日拱一卒的攻城师不浪,致力于技术与艺术的融合。这是2024年输出的第34/100篇文章。 Cesium开发交流群+V:brown_7778(备注来意) 一觉醒来,突然看到Cesium官方发的消息,宣布通过收购的方式加入Bentley软件公司。 可能小伙伴们对Bentley公司还不是很了解。 Bentley 是数字孪生领域的长期合作伙伴,也是开放生态系统的真正支持者。

Cesium 展示——实现昼夜交替

文章目录 需求分析1. 添加2. 移除 需求 Cesium 展示——实现昼夜交替 分析 1. 添加 <

cesium 使用异步函数 getHeightAtPoint,获取指定经纬度点的地形高度。

这个函数使用 CesiumJS 库的 sampleTerrain 方法来获取地形数据。下面是代码的详细解释: async getHeightAtPoint(LngLat) {// 将经纬度转为 Cartographic 对象let cartographics = [Cesium.Cartographic.fromDegrees(LngLat[0], LngLat[1])];// console.

Cesium中的pick

参考地址–cesium 中的cpupick 和 gpupick 总结: pick ray 射线是利用场景求交集,cpupick,所以可以每次把不需要的mesh 给排除scene pick 基于canvas 二维反算 三维世界坐标的是gpupick 效率会更高

Cesium 展示——绘制等值线图

文章目录 需求分析1. 在指定经纬度范围内进行绘制(两点之间的矩形)2. 在自定义范围内进行绘制(多点之间的不规则范围)升级版 资料 需求 分析 下载安装 引入 npm install cesiumnpm install @turf/turf import *

【GIS开发小课堂】vue3+Cesium.js三维WebGIS项目实战(一)

随着市场对数字孪生的需求日益增多,对于前端从业者的能力从对框架vue、react的要求,逐步扩展到2D、3D空间的交互,为用户提供更紧密的立体交互。近年来前端对GIS的需求日益增多。 本文档详细介绍了使用Vue3和Cesium.js构建三维WebGIS项目的步骤,涵盖Cesium的基础知识、项目搭建、坐标转换、相机系统、地图与地形加载、空间数据管理和交互等内容,旨在为前端开发者提供一个立体交互的

Cesium加载高速公路样式线图层和利用CSS撰写高速公路样式

在ArcGIS软件中是将多个线图层叠加(宽的叠加在下方防止遮盖其他图层)    依照此想法在Cesium中加载高速公路线图层时 在 Cesium 中,直接设置线(如 Polyline)的样式为“高速公路样式”并不直接支持,因为 Cesium 没有内置的特定于高速公路的样式选项。不过,你可以通过自定义线的样式来模拟高速公路的外观,包括在线的外边界添加黑色描边。 要在 Cesium 中实现

利用cesium模拟台风移动路径——以利奇马台风为例

根据cesium官网示例(https://sandcastle.cesium.com/?src=Interpolation.html)改造为台风移动轨迹,台风数据从台风路径实时发布系统获取。模拟台风移动路径从台风发生地开始,动态移动至台风消亡地,之后从起点又开始循环移动。采用实体ellipse模拟台风的旋转,给椭圆背景material贴图,使用CallbackProperty设置rotation和

cesium两种方式鼠标移入移出实体显示提示框

cesium两种方式鼠标移入移出实体显示提示框 第一种方式 采用cesium的label作为提示框 var labelEntity = viewer.entities.add({label : {show : false,showBackground : true,font : '14px monospace',horizontalOrigin : Cesium.HorizontalOrig