博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
Cesium随笔(3)随鼠标实时显示经纬度坐标以及高度【转】
阅读量:6690 次
发布时间:2019-06-25

本文共 1021 字,大约阅读时间需要 3 分钟。

在网页三维地球上进行可视化开发与经纬度坐标以及高度是分不开的,能够实时获取鼠标位置的经纬度对可视化效果有很好的帮助,Cesium当然能做到:

(1)首先在里创建显示坐标的容器 
样式自己调整的合适即可,要注意一点,position必须设成absolute,z-index必须大于1,因为cesiumcontainer的z-index是1.
(2)在
//显示坐标 
 var canvas = scene.canvas; 
  var handler = new Cesium.ScreenSpaceEventHandler(scene.canvas); handler.setInputAction(function (movement) { 
 var cartesian = scene.camera.pickEllipsoid(movement.endPosition, ellipsoid); 
 var ellipsoid = scene.globe.ellipsoid; 
 if (cartesian) { //能获取,显示坐标
 var cartographic = ellipsoid.cartesianToCartographic(cartesian);
 var coords = '经度' + Cesium.Math.toDegrees(cartographic.longitude).toFixed(2) + ', ' + '纬度' + Cesium.Math.toDegrees(cartographic.latitude).toFixed(2) + '
' + '高度' + Math.ceil(viewer.camera.positionCartographic.height); 
 document.getElementByIdx_x_x('coords').innerHTML = coords; document.getElementByIdx_x_x('coords').style.display = ''; 
 } else { //不能获取不显示
document.getElementByIdx_x_x('coords').style.display = 'none'; }
}, Cesium.ScreenSpaceEventType.MOUSE_MOVE);
这里是用了cesium的mousemove事件。
效果图如下:

 

 

转载地址:http://mehao.baihongyu.com/

你可能感兴趣的文章
jeecg入门操作—表单界面
查看>>
如何折分字符串技巧讨论-总结
查看>>
第24课 经典问题解析二
查看>>
Material Design 组件之NavigationView
查看>>
【Android】3.13 路径规划功能
查看>>
工作中记录一 list转树
查看>>
spring踩坑
查看>>
[HDU 2665&POJ 2104]K-th Number(主席树)
查看>>
重读模电教材一_童诗白、华成英
查看>>
linux 常用命令
查看>>
在textarea中鼠标指定的位置插入字符或表情
查看>>
Ansible 安装
查看>>
sychronized关键字
查看>>
C++ 控制台代码输出控制
查看>>
Delphi按名字调用方法高级解决方案
查看>>
用openssl生成SSL使用的私钥和证书,并自己做CA签名(转)
查看>>
HRBUST 1311 火影忍者之~忍者村
查看>>
Android中Java反射技术的使用示例
查看>>
Ajax[1] - 关于 jquery html 动态添加的元素绑定事件
查看>>
Mysql only_full_group_by以及其他关于sql_mode原因报错详细解决方案
查看>>