Cesium中实时显示经纬度及视角高

如何在cesium中实时根据鼠标的位置显示经纬度以及视角高

具体效果如下：

具体代码如下：

//html代码

<div id="latlng_show" style="width:340px;height:30px;position:absolute;bottom:40px;right:200px;z-index:1;font-size:15px;"><div style="width:100px;height:30px;float:left;"><font size="3" color="white">经度：<span id="longitude_show"></span></font></div><div style="width:100px;height:30px;float:left;"><font size="3" color="white">纬度：<span id="latitude_show"></span></font></div><div style="width:140px;height:30px;float:left;"><font size="6" color="white">视角高：<span id="altitude_show"></span>km</font></div>
</div>

//相应的js代码

<!-- 经纬度实时显示 -->
var longitude_show=document.getElementById('longitude_show');
var latitude_show=document.getElementById('latitude_show');
var altitude_show=document.getElementById('altitude_show');
var canvas=viewer.scene.canvas;
//具体事件的实现
var ellipsoid=viewer.scene.globe.ellipsoid;
var handler = new Cesium.ScreenSpaceEventHandler(canvas);
handler.setInputAction(function(movement){//捕获椭球体，将笛卡尔二维平面坐标转为椭球体的笛卡尔三维坐标，返回球体表面的点var cartesian=viewer.camera.pickEllipsoid(movement.endPosition, ellipsoid);if(cartesian){//将笛卡尔三维坐标转为地图坐标（弧度）var cartographic=viewer.scene.globe.ellipsoid.cartesianToCartographic(cartesian);//将地图坐标（弧度）转为十进制的度数var lat_String=Cesium.Math.toDegrees(cartographic.latitude).toFixed(4);var log_String=Cesium.Math.toDegrees(cartographic.longitude).toFixed(4);var alti_String=(viewer.camera.positionCartographic.height/1000).toFixed(2);longitude_show.innerHTML=log_String;latitude_show.innerHTML=lat_String;altitude_show.innerHTML=alti_String;}},Cesium.ScreenSpaceEventType.MOUSE_MOVE);

Cesium中实时显示经纬度及视角高相关推荐

基于pyqt5 构建弹窗进度条，在大型计算中实时显示进度
在大型计算时(例如神经网络训练),经常会遇到计算时间过长,无法知道当前的计算进度,无法判断程序是否进入死循环等问题.采用进度条可以在一定程度上了解当前进度,判断后续所需的计算时间,缓解等待过程中的焦虑 ...
【Unity】在Unity中实时显示北京时间
感觉在网上搜到的大部分Unity或者C#获取北京时间的方法都已经不提供服务了,搜到一个可用的稍微拓展下做成了实时显示北京时间的脚本. 但因为只在程序启动的时候有获取北京时间,接下来显示的时间都是每秒钟 ...
Cesium中实时根据鼠标的位置显示经度，纬度，视角高度以及海拔高度
效果图: 样式: html js代码:
在TextView中实时显示数据
//下面实时更新显示在textView中的数据handler = new Handler();runnable = new Runnable(){@Overridepublic void run(){ ...
【UE4】使用Composure插件在场景或UI中实时显示CineCamera画面
RenderTarget(渲染目标)默认只能使用SceneCapture2d(场景捕获2d)相机传输画面,查过资料以后发现可以使用官方的Composure插件来实现把CineCamera(电影相机)的 ...
css中如何实现帧布局_如何在游戏中实时显示硬件占用率和帧数
很多的的硬件评测视频中,游戏画面的左上角会显示硬件的使用情况参数,像CPU和GPU的占用率,内存和显存使用,温度等.有不少的朋友有疑问,这是怎么做到的? 其实这个事情不难,只需要一款软件就可以做到,名 ...
ROS在rviz中实时显示轨迹和点
记录一个简单的例子方便复制: 通过使用 nav_msgs::Path geometry_msgs::PoseStamped geometry_msgs::PointStamped 来实现rviz中可视 ...
python读取摄像头或者视频文件、并在gui中实时显示_python：tkinter显示来自网络摄像头的视频并执行QR扫描...
我一直在尝试创建一个tkinter顶级窗口,用于流式传输视频表单摄像头并执行QR扫描.我从SO和another code得到这个QR扫描代码,它只是从网络摄像头更新图像,而不是在tkinter标签上流 ...
如何在VR场景中实时显示帧率
给场景添加一个3D Text,让它来显示帧率.分为两步: 一.添加GameObject -> 3D Object -> 3D Text,一般会挂在canva下,本例选择挂在"qi ...

Cesium中实时显示经纬度及视角高

Cesium中实时显示经纬度及视角高相关推荐

最新文章

热门文章