cesium实现自定义漫游路径

最新推荐文章于 2025-06-10 11:20:33 发布

qq_54499513

最新推荐文章于 2025-06-10 11:20:33 发布

阅读量2.2k

点赞数 1

CC 4.0 BY-SA版权

分类专栏： cesium 文章标签： js javascript

本文链接：https://blog.youkuaiyun.com/qq_54499513/article/details/119328795

本文介绍如何在Cesium中实现自定义的漫游路径，包括添加、删除节点以及调整漫游速度的功能。通过示例展示了记录的漫游效果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

cesium实现自定义漫游路径，实现cesium按照我们自己设置的路径漫游，也可以删除节点，添加节点，加速漫游，减速漫游。效果如下（记录）
在这里插入图片描述

在这里插入图片描述


//公用时间czml，为后面的自定义路径提供模板
var czml = [{
      id: "document",
      name: "CZML2 Path",
      version: "1.0",
      clock: {
          interval: "2020-08-04T10:00:00Z/2020-08-04T11:10:00Z",
          currentTime: "2020-08-04T10:00:00Z",
          multiplier: 2,
      },
  },
  {
      id: "path",
      name: "path with GPS flight data",
      availability: "2020-08-04T10:00:00Z/2020-08-04T11:10:00Z",
      // //显示路径
      // path: {
      //     material: {
      //         polylineOutline: {
      //             color: {
      //                 rgba: [255, 0, 255, 255],
      //             },
      //             outlineColor: {
      //                 rgba: [0, 255, 255, 255],
      //             },
      //             outlineWidth: 1,
      //         },
      //     },
      //     width: 2,
      //     leadTime: 10,
      //     trailTime: 1000,
      //     resolution: 5
      // },
      // //模型
      // model: {
      //     gltf: '../jsn-admin/cesiumapps/GroundVehicle.glb',
      //     scale: 6
      // },
      position: {
          epoch: "2020-08-04T10:00:00Z",
          cartographicDegrees: [
              0, 118.9605, 32.4909, 65.03883,
              10, 118.9621, 32.4932, 55.03883,
              20, 118.9621, 32.4932, 55.03883,
              30, 118.9619, 32.4935, 60.03883,
              40, 118.9624, 32.4944, 65.03883,
              50, 118.9590, 32.4933, 78.03883,
              60, 118.9597, 32.4920, 60.03883,