Commit 40d2fbc7 by licheng

fix: 增加卫星轨道2D视图,并取消抗锯齿

parent bb8a11d4
<template> <template>
<div class="cesium-container" ref="cesiumContainer"></div> <div class="cesium-container" ref="cesiumContainer"></div>
<div class="controls absolute top-5 right-5 z-10 space-x-2"> <div class="controls absolute top-10 right-20 z-10 space-x-2">
<el-select v-model="activeSatellite" class="w-[120px]!"> <el-select v-model="activeSatellite" class="w-[120px]!">
<el-option v-for="i in satelliteNum" :key="i" :label="'satellite' + i" :value="i" /> <el-option v-for="i in satelliteNum" :key="i" :label="'satellite' + i" :value="i" />
</el-select> </el-select>
...@@ -11,6 +11,7 @@ ...@@ -11,6 +11,7 @@
<script setup lang="ts"> <script setup lang="ts">
import { onMounted, ref } from 'vue' import { onMounted, ref } from 'vue'
import * as Cesium from 'cesium' import * as Cesium from 'cesium'
import * as satellite from 'satellite.js'
import { computeRandomOrbit } from './satellite-data' import { computeRandomOrbit } from './satellite-data'
// ---------------- Cesium Token ---------------- // ---------------- Cesium Token ----------------
...@@ -236,9 +237,9 @@ onMounted(() => { ...@@ -236,9 +237,9 @@ onMounted(() => {
shadows: true, // 启用阴影 shadows: true, // 启用阴影
shouldAnimate: true, // 启用动画 shouldAnimate: true, // 启用动画
creditContainer: document.createElement('div'), // 去除 Cesium logo creditContainer: document.createElement('div'), // 去除 Cesium logo
sceneMode: Cesium.SceneMode.SCENE3D, // 3D 场景 // sceneMode: Cesium.SceneMode.SCENE3D, // 3D 场景
scene3DOnly: true, // 仅3D模式 // scene3DOnly: true, // 仅3D模式
msaaSamples: 6 // 抗锯齿 msaaSamples: 1 // 抗锯齿,开了抗锯齿的话2D模式下鼠标拖动会有问题,很卡
}) })
viewer.scene.postProcessStages.fxaa.enabled = true viewer.scene.postProcessStages.fxaa.enabled = true
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment