Cesium实现地球自转及添加label文字（动态显示或隐藏）

最新推荐文章于 2023-09-24 04:07:48 发布

原创

最新推荐文章于 2023-09-24 04:07:48 发布 · 7k 阅读

22 ·

CC 4.0 BY-SA版权

文章标签：

#Cesium #地球自转 #label文字动态显示或者隐藏

本文详细介绍了使用Cesium JavaScript库创建交互式地球自转动画及国家标记的地图应用，包括核心代码实现、高精度地理坐标数据集及动态显示国家名称的方法。

如下为核心代码：

var viewer = new Cesium.Viewer('cesiumContainer');

  viewer._cesiumWidget._creditContainer.style.display = "none";
  viewer.clock.multiplier = 200;//速度
  viewer.clock.shouldAnimate = true;
  var previousTime = viewer.clock.currentTime.secondsOfDay;
  
  //地球自转事件
  function onTickCallback() {
	  var spinRate = 1;
	  var currentTime = viewer.clock.currentTime.secondsOfDay;
	  var delta = (currentTime - previousTime) / 1000;
	  previousTime = currentTime;
	  viewer.scene.camera.rotate(Cesium.Cartesian3.UNIT_Z, -spinRate * delta);
  }
  viewer.clock.onTick.addEventListener(onTickCallback);
  
  viewer.imageryLayers.addImageryProvider(new Cesium.UrlTemplateImageryProvider({
	              url: "http://webst02.is.autonavi.com/appmaptile?x={x}&y={y}&z={z}&lang=zh_cn&size=1&scale=1&style=8",
	          }));
  
  var datas = [
              {'lon':104.20,'lat':3