SuperMap iClient3D for WebGL教程(空间分析)- Sightline通视分析

作者:刘大

通视分析是三维GIS中常用的分析功能,用于判断三维场景中任意两点之间的通视情况。可根据在 3D 空间中相对于某表面或多面体要素类提供的障碍的位置,计算观察点与被观察点之间的通视性,沿着这些点之间的视线确定可见性。

通视分析需要用户指定观察点和被观察点,观察点与被观察点是一对多的关系,一个观察点可对应多个被观察点进行分析,一个被观察点只能对应一个观察点进行通视分析。分析结果输出线将沿着输入视线的可见与不可见部分进行划分,默认绿色表示可见,红色表示不可见

SuperMap iClient3D for WebGL的通视分析只需要两步
1.创建通视分析:(可设置可见月与不可见颜色以及观察者的位置)

// 需要指定scene
var sightline = new Cesium.Sightline(scene);
sightline .hiddenColor = Cesium.Color.YELLOW;
sightline .visibleColor = Cesium.Color.CYAN;
sightline .viewPosition   = [120, 40, 100]
// 执行
sightline.build();

2.添加目标点:

// 添加目标点可添加多个
sightline.addTargetPoint({
postion : [120, 40, 50],
name : “one”
              });
sightline.addTargetPoint({
postion : [120, 40, 50],
name : “one”
              });

这样就会在场景里面展示出通视分析的结果

在这里插入图片描述

看起来不太明显,能否将结果线的宽度设置大一些尼?
通视分析里面没有设置线宽度的参数,这时,我们可以调用getBarrierPoint(name, func) 方法获取到相应目标点的障碍点,结合观测点和目标点构建polyline,设置宽度以及颜色即可
getBarrierPoint(name, func) 的第一个参数是目标点的name ,第二个是返回后的回调函数
回调函数返回的对象里面有isViewer和position两个参数
当isViewer为true 则两点之间都是可见的 此时不会返回position
当isViewer为false 则返回障碍点的position
这里需要注意的是“通视分析需要时间 获取障碍点时需设置延时触发” 以及position里面的经纬度返回的是弧度 故需要*(180/Math.PI)转换成度

// 添加目标点
sightline.addTargetPoint({
position: [longitude, latitude, height],
name: "point" + ss
});
// 通视分析需要时间 这里获取取消设置延时触发
setTimeout(function () {

sightline.getBarrierPoint("point" + ss, function (e) {
	if (!e.isViewer) {
		//不可见部分
		viewer.entities.add({
			id: "test",
			polyline: {
				positions: Cesium.Cartesian3.fromDegreesArrayHeights([sightline.viewPosition[0], sightline.viewPosition[1], sightline.viewPosition[2], e.position.longitude * (180/Math.PI), e.position.latitude * (180/Math.PI), e.position.height]),
				width: 4.0,
				material: Cesium.Color.GREEN.withAlpha(0.9),
                // 指定线实体被模型遮挡的部分的材质 不设置 则遮挡不显示
                depthFailMaterial: Cesium.Color.GREEN.withAlpha(0.9)
			}

		});
		//可见部分
		viewer.entities.add({
			id: "test1",
			polyline: {
				positions: Cesium.Cartesian3.fromDegreesArrayHeights([e.position.longitude * (180/Math.PI), e.position.latitude * (180/Math.PI), e.position.height, longitude, latitude, height]),
				width: 4.0,
				material: Cesium.Color.RED.withAlpha(0.9),
                depthFailMaterial: Cesium.Color.RED.withAlpha(0.9)
			}

		});
	} else {
		// 全部可见
		viewer.entities.add({
			id: "test",
			polyline: {
				positions: Cesium.Cartesian3.fromDegreesArrayHeights([sightline.viewPosition[0], sightline.viewPosition[1], sightline.viewPosition[2], longitude, latitude, height]),
				width: 4.0,
				material: Cesium.Color.GREEN.withAlpha(0.9)
			}

		});
	}
})
}, 50)

在这里插入图片描述
通视分析的介绍就到这里啦。

### 回答1: SuperMap iClient 3D for WebGL 是一款基于 WebGL 技术的三维地图开发工具,主要用于构建具有三维效果的地图应用程序。该工具提供了丰富的 API 接口和示例代码,可以帮助开发者快速上手,实现各种三维地图功能,如地形展示、建筑物模型、动态效果等。同时,SuperMap iClient 3D for WebGL 还支持多种数据格式,包括 SuperMap iServer 数据、OGC 标准数据、KML、GeoJSON 等,可以满足不同应用场景的需求。 ### 回答2: SuperMap iClient3D for WebGL是一个基于WebGL技术的三维地图开发框架。它提供了一系列的API和工具,使开发人员能够更加轻松地构建出高质量的三维地图应用。下面,我将从以下几个方面介绍SuperMap iClient3D for WebGL教程。 一、环境配置 SuperMap iClient3D for WebGL的开发需要先配置开发环境,包括安装Node.js、下载安装SuperMap iServer、下载安装SuperMap iClient3D资源包、创建Web应用程序。 二、基本概念 在学习SuperMap iClient3D for WebGL之前,需要了解一些基本概念。这些概念包括:场景(Scene)、层(Layer)、覆盖物(Overlay)等。在使用SuperMap iClient3D for WebGL时需要理解这些概念。 三、API使用 SuperMap iClient3D for WebGL提供了众多的API,使用这些API能够快速构建出一个三维地图应用。这些API包括:场景相关的API,如创建场景、设置场景属性等;层相关的API,如加载图层数据、隐藏、显示图层等;覆盖物相关的API,如创建点、线、面等覆盖物。 四、进阶应用 在掌握SuperMap iClient3D for WebGL的基础之后,可以通过进阶应用来进一步加深对这个框架的理解。进阶应用包括地球的三维测量、地球的动态效果、地球的热点区域等。 总之,SuperMap iClient3D for WebGL是一个非常实用的三维地图开发框架。通过学习其教程,开发人员可以更加方便、快速地构建出高质量的三维地图应用。 ### 回答3: SuperMap iClient 3D for WebGL是一款基于WebGL技术的开源GIS JavaScript库,用于构建高效、功能强大的3D GIS应用程序。这个库支持在Web浏览器里实现高质量的三维可视化效果,包括三维地形、建筑物、模型、标签等。现在,我来为你们讲解一下关于SuperMap iClient 3D for WebGL教程。 一、前置知识 在接触SuperMap iClient 3D for WebGL之前,建议你先学习基本的WebGL知识和JavaScript语言,也应该具备计算机图形学基础和3D模型制作知识。 二、环境配置 在使用SuperMap iClient 3D for WebGL前,我们需要进行环境配置,在编写和运行项目时可以根据需要安装一系列依赖项,例如Node.js、npm包管理器、Gulp自动化工具、webpack工具和TypeScript编译器等。 三、基本使用 SuperMap iClient 3D for WebGL提供了丰富的API以实现3D可视化应用程序的开发,其中包括地图、图层、标注、工具、渲染等方面。同时,它还提供了多种数据格式的支持,如XYZ、OGC、JSON、KML、GML等。此外,SuperMap iClient 3D for WebGL还支持多种操作和交互方式,如平移、旋转、缩放、选取、编辑等,让用户可以更加自由地探索和编辑地图数据。 四、示例应用 SuperMap iClient 3D for WebGL提供了一系列的示例应用程序,可以帮助用户更好的理解其使用方法和特点,其中包括一些经典的三维场景展示和实时数据可视化等。例如,用户可以体验到城市三维建模、天气预报、热力图、空气质量监控等实用的功能。此外,SuperMap iClient 3D for WebGL也提供了一些模板和组件,供用户快速搭建自己的3D GIS应用程序。 总之,SuperMap iClient 3D for WebGL是一款非常优秀的基于WebGL技术的GIS JavaScript库,具有开源、高效、功能强大、易用等特点,可以为用户提供丰富多彩的三维GIS应用程序。当然,在使用前,建议用户先了解基本的WebGL和JavaScript知识,同时还需配置好开发环境。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值