cesium学习之 Entity 画卫星轨道（一）

最新推荐文章于 2024-08-02 18:45:38 发布

浮夸年华....

最新推荐文章于 2024-08-02 18:45:38 发布

阅读量3.3k

点赞数 5

分类专栏： cesium学习笔记文章标签：学习 javascript css3

本文链接：https://blog.csdn.net/qq_48048603/article/details/125239875

版权

初步认识cesium,做好笔记

摘要由CSDN通过智能技术生成

cesium学习之 Entity 画卫星轨道（一）

最近公司想做个卫星轨迹展示大屏，原型图看上去确实比较逼真，然后我就惨了，开始学习cesium，满满的English文档，看着头大。
B站上面有入门级讲解视频，挺适合刚学习的，我也是看了才慢慢的了解cesium，但是也仅仅是了解，要到达项目要求，这快乐的学习路程（其实很苦逼的）开始了。
因为已经入门了，懂得一些基本的常识之后，现在我就一点点记载接下来更深的知识。

Entity

中文API

基本属性

我现在要做的就是使用entity创建如下的卫星以及轨道
卫星轨道
废话不多说

使用entity绘画一条线

先来一个地球

<template>
  <div class="satewrap">
    <div id="entityCesium" class="satebox"></div>
  </div>
</template>
<script>


import * as Cesium from "cesium/Source/Cesium.js";
var viewer = null
export default {
   
  name: "CesiumContainer",
  data() {
   
    return {
   };
  },
  methods: {
   
    // 渲染卫星
    initSateliteHan() {
   
      viewer = new Cesium.Viewer("entityCesium");
      //去掉版权信息
      viewer._cesiumWidget._creditContainer.style.display = "none";
      // 设定了模拟时间的边界
      var start = new Cesium.JulianDate.fromDate(new Date()); // 当前时间
      start = Cesium.JulianDate.addHours(start, 8