SuperMap iClient3D for WebGL沿线飞行飞行(一)

本篇文章主要为通过调用WebGL中的控制相机的相关接口,来实现飞行管理,从而实现WebGL中的飞行管理接口不能实现的功能,如不需要.fpf文件,添加站点等。由于使用都是基础的控制camera接口,因此也适用于Cesium。

1.为何要实现飞行管理

在SuperMap iClient3D for WebGL中已经有可以对飞行进行管理的接口,具体示例可以参考下面的链接:
http://support.supermap.com.cn:8090/webgl/examples/editor.html#flyRoute
通过上面示例可以看到,现有接口已经实现了读取飞行路线,开始飞行,暂停等功能,但是所有功能的实现,都要依托于iDesktop中生成的.fpf文件,并且缺少对站的添加,删除等操作,在真实的项目中很难满足客户需求。

2.主要实现思路

在原生Cesium控制相机的接口中,flyto可以实现从一点飞行到另一点的功能,但是其并不是沿线飞行,导致飞行路径不可控。其他接口,都是通过瞬间切换坐标点来进行移动的,算不上沿线飞行。因此需要使用到setInterval()方法。通过setInterval()不停的调用相机移动方法,来实现沿线飞行

3.各个功能具体实现

1.定义站点和添加站点

首先定义全部站点数组 var allStops=new Array(),主要用于存放所有的站点。然后定义站点变量var Stop = {},用于存放选定的站点信息。设置一个按钮,点击后获取当前相机参数然后存储在全部站点数组中。

                 //获取当前摄像机参数
         var position=viewer.scene.camera.position;
//参数传入站点变量
                  Stop.position_x=position.x;
                  Stop.position_y=position.y; 
                  Stop.position_z=position.z;
                  Stop.heading=viewer.scene.camera.heading;
                  Stop.pitch=viewer.scene.camera.pitch;
                  Stop.roll=viewer.scene.camera.roll;
                  Stop.time=10;
                  //传入站点数组
                  allStops.push(Stop);



                  //获取当前摄像机参数
var position=viewer.scene.camera.position;
//参数传入站点变量
                  Stop.position_x=position.x;
                  Stop.position_y=position.y; 
                  Stop.position_z=position.z;
                  Stop.heading=viewer.scene.camera.heading;
                  Stop.pitch=viewer.scene.camera.pitch;
                  Stop.roll=viewer.scene.camera.roll;
                  Stop.time=10;
                  //传入站点数组
                  allStops.push(Stop);
Time为两个站点的飞行时间,下文会用到。
2.飞行与停止

当allStops中存在两个以上的站点时就可以进行沿线飞行了。飞行之前需要先关闭所有的鼠标控制镜头的方法,避免鼠标操作破坏飞行过程。

	     	scene.screenSpaceCameraController.enableRotate = false;
            scene.screenSpaceCameraController.enableTranslate = false;
            scene.screenSpaceCameraController.enableZoom = false;
            scene.screenSpaceCameraController.enableTilt = false;
            scene.screenSpaceCameraController.enableLook = false;

相机参数,主要分为两类,第一类是坐标参数x,y,z(一般为经纬度和高度),第二类是镜头俯仰角等参数heading,pitch,roll。首先两点飞行最重要的参数是第一类参数,move(direction, amount)是比较方便控制相机移动的方法,这个方法会沿着三维方向移动一个 的步长,两个变量都是笛卡尔坐标系。把move()和setInterval()两个方法结合,可以实现相机沿线飞行的功能。
首先获取两个站点的笛卡尔坐标位置,然后相减,求出距离和方向。

if(l<allStops.length){
   
   
		  	   	  x=allStops[l].position_x-allStops[l-1].position_x;
	              y=allStops[l].position_y-allStops[l-1].position_y;
	              z=allStops[l].position_z-allStops[l-1].position_z
### 回答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
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值