Cesium 海拔经纬度展示

最新推荐文章于 2024-08-01 15:30:17 发布

失独者

最新推荐文章于 2024-08-01 15:30:17 发布

阅读量2.6k

点赞数

分类专栏： cesium 文章标签： cesium 海拔经度维度

cesium 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

通过参考http://gishome.net.cn/cesium/cesium-coordinates/，整理修改后

<!DOCTYPE html>
<html lang="en">
<head>

<meta charset="utf-8">

<meta http-equiv="X-UA-Compatible" content="IE=edge">

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">
<title>Hello World!</title>
<link rel="stylesheet" href="Bootstrap/css/bootstrap.css">
<script src="Bootstrap/js/jquery-1.11.3.min.js"></script>

//地图底部工具栏显示地图坐标信息
var elementbottom = document.createElement("div");
$("#cesiumContainer").append(elementbottom);
elementbottom.className = "mapfootBottom";
var coordinatesDiv = document.getElementById("_coordinates");
if (coordinatesDiv) {
coordinatesDiv.style.display = "block";
}
else {
//var scale;
var _divID_coordinates = "_coordinates";
coordinatesDiv = document.createElement("div");
coordinatesDiv.id = _divID_coordinates;
coordinatesDiv.className = "map3D-coordinates";
coordinatesDiv.innerHTML = "<span id='cd_label' style='font-size:13px;text-align:center;font-family:微软雅黑;color:#edffff;'>暂无坐标信息</span>";
//document.getElementById(this.mapDivId).appendChild(coordinatesDiv);
$("#cesiumContainer").append(coordinatesDiv);
var handler3D = new Cesium.ScreenSpaceEventHandler(
viewer.scene.canvas);
handler3D.setInputAction(function(movement) {
var pick= new Cesium.Cartesian2(movement.endPosition.x,movement.endPosition.y);
if(pick){
var cartesian = viewer.scene.globe.pick(viewer.camera.getPickRay(pick), viewer.scene);
if(cartesian){
//世界坐标转地理坐标（弧度）
var cartographic = viewer.scene.globe.ellipsoid.cartesianToCartographic(cartesian);
if(cartographic){
//海拔
var height = viewer.scene.globe.getHeight(cartographic);
//视角海拔高度
var he = Math.sqrt(viewer.scene.camera.positionWC.x * viewer.scene.camera.positionWC.x + viewer.scene.camera.positionWC.y * viewer.scene.camera.positionWC.y + viewer.scene.camera.positionWC.z * viewer.scene.camera.positionWC.z);
var he2 = Math.sqrt(cartesian.x * cartesian.x + cartesian.y * cartesian.y + cartesian.z * cartesian.z);
//地理坐标（弧度）转经纬度坐标
var point=[ cartographic.longitude / Math.PI * 180, cartographic.latitude / Math.PI * 180];
if(!height){
height = 0;
}
if(!he){
he = 0;
}
if(!he2){
he2 = 0;
}
if(!point){
point = [0,0];
}
coordinatesDiv.innerHTML = "<span id='cd_label' style='font-size:13px;text-align:center;font-family:微软雅黑;color:#edffff;'>"+"视角海拔高度:"+(he - he2).toFixed(2)+"米"+"    海拔:"+height.toFixed(2)+"米"+"    经度：" + point[0].toFixed(6) + "  纬度：" + point[1].toFixed(6)+ "</span>";
}
}
}
}, Cesium.ScreenSpaceEventType.MOUSE_MOVE);
}