cesium 设置地球默认区域为中国 一键返回默认区域

直接上代码啦

Cesium.Camera.DEFAULT_VIEW_RECTANGLE = Cesium.Rectangle.fromDegrees(90, -20, 110, 90);
const viewer = new Cesium.Viewer('cesiumContainer', {
selectionIndicator: false,
  infoBox: false,
  animation: false,
  baseLayerPicker: false,
  timeline: false,
  geocoder: false,
  homeButton: false,
  sceneModePicker: false,
  navigationHelpButton: false,
  orderIndependentTranslucency: false,
  contextOptions: {
    webgl: {
      alpha: true,
      preserveDrawingBuffer: true
    }
  },
  imageryProvider: new Cesium.UrlTemplateImageryProvider({
    url: '//www.google.cn/maps/vt?lyrs=s@726&x={x}&y={y}&z={z}',
    enablePickFeatures: false,
    maximumLevel: 20
  })
});

一键返回,官方文档

viewer.camera.flyHome(2);
  • 6
    点赞
  • 7
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
Cesium是一个用于创建地球、地图和空间可视化的开源JavaScript库。要设置地球的自转,可以使用Cesium提供的`Clock`对象和`ClockViewModel`对象来控制时间和动画效果。 首先,你需要创建一个`Clock`对象来管理时间。`Clock`对象包含了当前时间、速度和是否暂停等属性。你可以通过设置`Clock.currentTime`属性来改变当前时间。 然后,你可以创建一个`ClockViewModel`对象来控制动画效果。`ClockViewModel`对象提供了一些方便的方法和属性来控制时间的流逝和动画的播放。你可以通过设置`ClockViewModel.clock`属性来关联到之前创建的`Clock`对象。 接下来,你可以使用Cesium的实体对象(例如`Entity`)来表示地球,并设置其旋转角度。你可以通过设置实体对象的`orientation`属性来实现地球的自转。例如,你可以使用`Quaternion`对象来表示旋转角度,并将其赋值给实体对象的`orientation`属性。 最后,你需要在Cesium的场景中添加这个实体对象,并启动Cesium的渲染循环,让地球开始自转。 下面是一个示例代码,展示了如何使用Cesium设置地球的自转: ```javascript // 创建一个Clock对象 var clock = new Cesium.Clock(); // 创建一个ClockViewModel对象,并关联到Clock对象 var clockViewModel = new Cesium.ClockViewModel(clock); // 创建一个实体对象表示地球 var earthEntity = new Cesium.Entity({ name: 'Earth', position: Cesium.Cartesian3.fromDegrees(0, 0, 0), orientation: Cesium.Quaternion.IDENTITY, // 初始旋转角度为单位四元数 model: { uri: 'path/to/earth/model' // 地球模型的路径 } }); // 将实体对象添加到场景中 viewer.scene.primitives.add(earthEntity); // 启动Cesium的渲染循环 viewer.clockViewModel = clockViewModel; viewer.clock.shouldAnimate = true; ```

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值