SuperMap iClient3D for WebGL教程（空间分析）- 地表开挖及修改

2024-02-25 09:32
文章标签 分析 教程 空间 修改 webgl supermap 地表 iclient3d 开挖

本文主要是介绍SuperMap iClient3D for WebGL教程（空间分析）- 地表开挖及修改，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

地表开挖主要是为了显示出地下的场景，比如地下管网，而地形修改通常是为了让地表平整，便于跟模型匹配，接下来我们分别说说如何实现地表开挖和地形修改。

地表开挖
1.引用核心样式文件和库文件

<script type="text/javascript" src="./js/require.min.js" data-main="js/main"></script>
<link href="../Build/Cesium/Widgets/widgets.css" rel="stylesheet">

2.实例化三维球，'cesiumContainer’是三维球所在div的ID，加载地形数据

var viewer = new Cesium.Viewer('cesiumContainer',{terrainProvider : new Cesium.CesiumTerrainProvider({url : "https://www.supermapol.com/realspace/services/3D-stk_terrain/rest/realspace/datas/info/data/path",requestWaterMask : true,requestVertexNormals : true})});

3.用画面工具绘制开挖的区域，获取面的节点，传入globe的开挖区域

    var handlerPolygon = new Cesium.DrawHandler(viewer,Cesium.DrawMode.Polygon, 0);handlerPolygon.activeEvt.addEventListener(function(isActive){if(isActive == true){viewer.enableCursorStyle = false;viewer._element.style.cursor = '';$('body').removeClass('drawCur').addClass('drawCur');}else{viewer.enableCursorStyle = true;$('body').removeClass('drawCur');}});//激活时，鼠标样式变成铅笔工具handlerPolygon.movingEvt.addEventListener(function(windowPosition){if(windowPosition.x < 200 && windowPosition.y < 150){tooltip.setVisible(false);return ;}if(handlerPolygon.isDrawing){tooltip.showAt(windowPosition,'<p>点击确定开挖区域中间点</p><p>右键单击结束绘制,进行开挖</p>');}else{tooltip.showAt(windowPosition,'<p>点击绘制开挖区域第一个点</p>');}});//鼠标移动过程中的提示handlerPolygon.drawEvt.addEventListener(function(result){if(!result.object.positions){tooltip.showAt(result,'<p>请绘制正确的多边形</p>');handlerPolygon.polygon.show = false;handlerPolygon.polyline.show = false;handlerPolygon.deactivate();handlerPolygon.activate();return;};var array = [].concat(result.object.positions);tooltip.setVisible(false);var positions = [];for(var i = 0, len = array.length; i < len; i ++){var cartographic = Cesium.Cartographic.fromCartesian(array[i]);var longitude = Cesium.Math.toDegrees(cartographic.longitude);var latitude = Cesium.Math.toDegrees(cartographic.latitude);var h=cartographic.height;if(positions.indexOf(longitude)==-1&&positions.indexOf(latitude)==-1){positions.push(longitude);positions.push(latitude);positions.push(h);}}var dep = $('#depth').val();viewer.scene.globe.removeAllExcavationRegion();viewer.scene.globe.addExcavationRegion({name : 'ggg' ,position : positions,height : dep,transparent : false});//核心代码，把绘制的面节点，传入globe开挖区域handlerPolygon.polygon.show = false;handlerPolygon.polyline.show = false;handlerPolygon.deactivate();handlerPolygon.activate();});

地表开挖效果如下图：

在这里插入图片描述

地表开挖完整Demo可参考SuperMap iClient 3D for WebGL官方在线范例：

http://support.supermap.com.cn:8090/webgl/examples/editor.html#digTerrain

地形修改

1.引用核心样式文件和库文件

<script type="text/javascript" src="./js/require.min.js" data-main="js/main"></script>
<link href="../Build/Cesium/Widgets/widgets.css" rel="stylesheet">

2.实例化三维球，'cesiumContainer’是三维球所在div的ID，加载地形数据

var viewer = new Cesium.Viewer('cesiumContainer',{terrainProvider : new Cesium.CesiumTerrainProvider({url : "https://www.supermapol.com/realspace/services/3D-stk_terrain/rest/realspace/datas/info/data/path",requestWaterMask : true,requestVertexNormals : true})});

3.用画面工具绘制修改的区域，获取面的节点，传入globe的修改区域

 var handlerPolygon = new Cesium.DrawHandler(viewer,Cesium.DrawMode.Polygon,0);handlerPolygon.activeEvt.addEventListener(function(isActive){if(isActive == true){viewer.enableCursorStyle = false;viewer._element.style.cursor = '';$('body').removeClass('drawCur').addClass('drawCur');}else{viewer.enableCursorStyle = true;$('body').removeClass('drawCur');}});handlerPolygon.movingEvt.addEventListener(function(windowPosition){if(windowPosition.x < 200 && windowPosition.y < 150){tooltip.setVisible(false);return ;}if(handlerPolygon.isDrawing){tooltip.showAt(windowPosition,'<p>点击确定修改区域中间点</p><p>右键单击结束绘制,进行开挖</p>');}else{tooltip.showAt(windowPosition,'<p>点击绘制修改区域第一个点</p>');}});handlerPolygon.drawEvt.addEventListener(function(result){if(!result.object.positions){tooltip.showAt(result,'<p>请绘制正确的多边形</p>');handlerPolygon.polygon.show = false;handlerPolygon.polyline.show = false;handlerPolygon.deactivate();handlerPolygon.activate();return;};var array = [].concat(result.object.positions);tooltip.setVisible(false);var positions = [];for(var i = 0, len = array.length; i < len; i ++){var cartographic = Cesium.Cartographic.fromCartesian(array[i]);var longitude = Cesium.Math.toDegrees(cartographic.longitude);var latitude = Cesium.Math.toDegrees(cartographic.latitude);var h=cartographic.height;if(positions.indexOf(longitude)==-1&&positions.indexOf(latitude)==-1){positions.push(longitude);positions.push(latitude);positions.push(h);}}viewer.scene.globe.removeAllModifyRegion();          viewer.scene.globe.addModifyRegion({name:'ggg',position:positions,});//核心代码，用面的节点传入globe修改区域handlerPolygon.polygon.show = false;handlerPolygon.polyline.show = true;handlerPolygon.deactivate();handlerPolygon.activate();});

地形修改效果如下图：

[外链图片转存失败(img-nYFXTMcF-1569223740278)(D:\博客\SuperMap iClient3D for WebGL教程（空间分析）- 地表开挖及修改\dxxg.png)]

地形修改完整Demo可参考SuperMap iClient 3D for WebGL官方在线范例：

在这里插入图片描述
地形修改完整Demo可参考SuperMap iClient 3D for WebGL官方在线范例：

http://support.supermap.com.cn:8090/webgl/examples/editor.html#modifyTerrain

这篇关于SuperMap iClient3D for WebGL教程（空间分析）- 地表开挖及修改的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！


http://www.chinasem.cn/article/745071。

相关文章

Spring Security 从入门到进阶系列教程

Spring Security 从入门到进阶系列教程

Spring Security 入门系列 《保护 Web 应用的安全》 《Spring-Security-入门（一）：登录与退出》 《Spring-Security-入门（二）：基于数据库验证》 《Spring-Security-入门（三）：密码加密》 《Spring-Security-入门（四）：自定义-Filter》 《Spring-Security-入门（五）：在 Sprin
阅读更多...
Makefile简明使用教程

Makefile简明使用教程

文章目录 规则makefile文件的基本语法：加在命令前的特殊符号：.PHONY伪目标: Makefilev1 直观写法v2 加上中间过程v3 伪目标v4 变量 make 选项-f-n-C Make 是一种流行的构建工具，常用于将源代码转换成可执行文件或者其他形式的输出文件(如库文件、文档等)。Make 可以自动化地执行编译、链接等一系列操作。 规则 makefile文件
阅读更多...
性能分析之MySQL索引实战案例

性能分析之MySQL索引实战案例

文章目录 一、前言二、准备三、MySQL索引优化四、MySQL 索引知识回顾五、总结 一、前言 在上一讲性能工具之 JProfiler 简单登录案例分析实战中已经发现SQL没有建立索引问题，本文将一起从代码层去分析为什么没有建立索引？ 开源ERP项目地址：https://gitee.com/jishenghua/JSH_ERP 二、准备 打开IDEA找到登录请求资源路径位置
阅读更多...
SWAP作物生长模型安装教程、数据制备、敏感性分析、气候变化影响、R模型敏感性分析与贝叶斯优化、Fortran源代码分析、气候数据降尺度与变化影响分析

SWAP作物生长模型安装教程、数据制备、敏感性分析、气候变化影响、R模型敏感性分析与贝叶斯优化、Fortran源代码分析、气候数据降尺度与变化影响分析

查看原文>>>全流程SWAP农业模型数据制备、敏感性分析及气候变化影响实践技术应用 SWAP模型是由荷兰瓦赫宁根大学开发的先进农作物模型，它综合考虑了土壤-水分-大气以及植被间的相互作用；是一种描述作物生长过程的一种机理性作物生长模型。它不但运用Richard方程，使其能够精确的模拟土壤中水分的运动，而且耦合了WOFOST作物模型使作物的生长描述更为科学。 本文让更多的科研人员和农业工作者
阅读更多...
MOLE 2.5 分析分子通道和孔隙

MOLE 2.5 分析分子通道和孔隙

软件介绍 生物大分子通道和孔隙在生物学中发挥着重要作用，例如在分子识别和酶底物特异性方面。 我们介绍了一种名为 MOLE 2.5 的高级软件工具，该工具旨在分析分子通道和孔隙。 与其他可用软件工具的基准测试表明，MOLE 2.5 相比更快、更强大、功能更丰富。作为一项新功能，MOLE 2.5 可以估算已识别通道的物理化学性质。 软件下载 https://pan.quark.cn/s/57
阅读更多...
衡石分析平台使用手册-单机安装及启动

衡石分析平台使用手册-单机安装及启动

单机安装及启动​ 本文讲述如何在单机环境下进行 HENGSHI SENSE 安装的操作过程。 在安装前请确认网络环境，如果是隔离环境，无法连接互联网时，请先按照 离线环境安装依赖的指导进行依赖包的安装，然后按照本文的指导继续操作。如果网络环境可以连接互联网，请直接按照本文的指导进行安装。 准备工作​ 请参考安装环境文档准备安装环境。 配置用户与安装目录。 在操作前请检查您是否有 sud
阅读更多...
线性因子模型 - 独立分量分析（ICA）篇

线性因子模型 - 独立分量分析（ICA）篇

序言 线性因子模型是数据分析与机器学习中的一类重要模型，它们通过引入潜变量（ latent variables \text{latent variables} latent variables）来更好地表征数据。其中，独立分量分析（ ICA \text{ICA} ICA）作为线性因子模型的一种，以其独特的视角和广泛的应用领域而备受关注。 ICA \text{ICA} ICA旨在将观察到的复杂信号
阅读更多...
两个月冲刺软考——访问位与修改位的题型(淘汰哪一页)；内聚的类型；关于码制的知识点；地址映射的相关内容

两个月冲刺软考——访问位与修改位的题型(淘汰哪一页)；内聚的类型；关于码制的知识点；地址映射的相关内容

1.访问位与修改位的题型(淘汰哪一页) 访问位：为1时表示在内存期间被访问过，为0时表示未被访问；修改位：为1时表示该页面自从被装入内存后被修改过，为0时表示未修改过。 置换页面时，最先置换访问位和修改位为00的，其次是01(没被访问但被修改过)的，之后是10(被访问了但没被修改过)，最后是11。 2.内聚的类型 功能内聚：完成一个单一功能，各个部分协同工作，缺一不可。 顺序内聚：
阅读更多...
沁恒CH32在MounRiver Studio上环境配置以及使用详细教程

沁恒CH32在MounRiver Studio上环境配置以及使用详细教程

目录 1.  RISC-V简介 2.  CPU架构现状 3.  MounRiver Studio软件下载 4.  MounRiver Studio软件安装 5.  MounRiver Studio软件介绍 6.  创建工程 7.  编译代码 1.  RISC-V简介         RISC就是精简指令集计算机（Reduced Instruction SetCom
阅读更多...
【软考】希尔排序算法分析

【软考】希尔排序算法分析

目录 1. c代码2. 运行截图3. 运行解析 1. c代码 #include <stdio.h>#include <stdlib.h> void shellSort(int data[], int n){// 划分的数组，例如8个数则为[4, 2, 1]int *delta;int k;// i控制delta的轮次int i;// 临时变量，换值int temp;in
阅读更多...

Copyright China编程 23002807@qq.com

沪ICP备2023033072号-2