Cesium中实时显示经纬度及视角高
来源:互联网 发布:呵里巴巴淘宝网 编辑:程序博客网 时间:2024/06/04 23:33
如何在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);
阅读全文
0 0
- Cesium中实时显示经纬度及视角高
- Google Maps Api V3 鼠标事件监听及实时显示当前的经纬度
- Cesium数据根据经纬度下载
- 经纬度定义、经纬度格式、GDAL中地理坐标转换及地理坐标屏幕显示
- 经纬度定义、经纬度格式、GDAL中地理坐标转换及地理坐标屏幕显示
- 度分 格式 转换 GPS 经纬度定义、经纬度格式、GDAL中地理坐标转换及地理坐标屏幕显示
- android 中实时显示
- java lucene实现近实时搜索及高亮显示的代码例子下载
- Android 界面中实现高德地图 要求根据已知的经纬度 显示地图上的点!!!!
- Cesium中ModelGraphics类
- Cesium中Color类
- 高德地图输入提示,POI搜索并显示经纬度
- Cesium
- MFC中List Control控件的使用及实时显示系统时间的方法
- Android手机传感器及实时数据显示
- Cesium中加载动态水
- github中cesium-terrain-builder和cesium-terrain-server使用
- wince中创建高优先级高实时性的线程
- 机器学习sklearn19.0——集成学习——bagging、随机森林算法
- Javascript—基本常识
- 在win10基础上安装Ubuntu16.04双系统(双硬盘)
- 有关组合数越界的问题
- Tensorflow 常见参数
- Cesium中实时显示经纬度及视角高
- LeetCode-015 3Sum
- jQuery结合flex能够碰撞出什么样的火花呢?
- Java: unmappable character for encoding Gp1252错误 改为UTF-8 中文显示“???"
- 自己创建tld标签
- 微信小程序:冒泡事件及其阻止
- 第6章gp_toolkit管理架构-Checking Resource Queue Activity and Status
- 对学生成绩的排序,
- Java学习 java -- 多态