vue3+Cesium 添加地面测控站台

李富贵~

于 2024-01-04 11:02:56 发布

阅读量798

点赞数 12

文章标签： javascript 前端开发语言

本文链接：https://blog.youkuaiyun.com/iouytrep/article/details/135381560

版权

本文介绍了如何在Vue项目中利用cesiumRadar.js库创建动态雷达图，通过CesiumAPI添加实体，包括定位点和旋转的圆弧轨迹，展示了多个站点的数据。

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

效果

cesiumRadar.js

import * as Cesium from 'cesium';
export function addentities(viewer, res, index) {
  viewer.entities.add({
    id: index,
    position: Cesium.Cartesian3.fromDegrees(res[0], res[1]),
    wall: {
      positions: new Cesium.CallbackProperty(() => {
        return Cesium.Cartesian3.fromDegreesArrayHeights(positionArr);
      }, false),
      material: new Cesium.Color.fromCssColorString('#00dcff82'),
      distanceDisplayCondition: new Cesium.DistanceDisplayCondition(0.0, 50.5e6),
    },
    ellipsoid: {
      radii: new Cesium.Cartesian3(300000.0, 300000.0, 300000.0),
      maximumCone: Cesium.Math.toRadians(90),
      material: new Cesium.Color.fromCssColorString('#00dcff82'),
      outline: true,
      outlineColor: new Cesium.Color.fromCssColorString('#00dcff82&