Cesium特效:实时移动目标信息显示—经纬度高度信息标牌

知识共享许可协议 版权声明:署名,允许他人基于本文进行创作,且必须基于与原先许可协议相同的许可协议分发本文 (Creative Commons

主要利用viewer.clock.onTick.addEventListenerclock增加监听事件,实时获取目标entity的经纬度高度等信息。最后显示到标牌中即可。

核心代码如下

function tarInfo(tarentity){
   viewer.clock.onTick.addEventListener(function(clock){
   var curtime = viewer.clock.currentTime;
   var pos = tarentity.position.getValue(curtime,result);
   var cartographic = Cesium.Ellipsoid.WGS84.cartesianToCartographic(pos);
   var lon = Cesium.Math.toDegrees(cartographic.longitude);
   var lat = Cesium.Math.toDegrees(cartographic.latitude);
   var height = cartographic.height;
   var pmpos = Cesium.SceneTransforms.wgs84ToWindowCoordinates(scene, pos)

   var info =  '<h4>'+tarentity.name+'</h4>'+
        '<p>
经度:<span class="text-color-blue-light">'+lon.toFixed(8)+'</span></p>' +
        ' <p>
维度:<span class="text-color-blue-light">'+lat.toFixed(8)+'</span></p>' +
        ' <p>
高度:<span class="text-color-blue-light">'+height.toFixed(8)+'</span></p>';
      tipDiv.showAt(pmpos, info);
     
   });

猜你喜欢

转载自blog.csdn.net/mingxingHAHA/article/details/95327858
今日推荐