关于开发Cesium造成的电脑风扇狂飙的问题

本文介绍了解决Cesium项目中浏览器渲染3D模型时集显过载的问题,通过调整设置使浏览器使用独显,有效提升了渲染效率并降低了设备温度。

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

最近在开发Cesium的项目,每次一打开浏览器渲染3D 模型。风扇就狂飙起来,进任务管理器查看发现集显使用率100%,独显使用率0%。使用的是集显进行渲染。怪不得风扇会飙起来。既然知道问题所在,解决的办法就很简单了,将浏览器设置为使用独显就可以了。

具体设置方法可以去各种搜索引擎上搜索。百度经验里面就有详细教程,无奈都是谢绝转载,这里还是不给出连接了。各位自行搜索吧。

备注1:不仅是开发Cesium,在浏览器需要渲染大量数据的时候设置使用独显会明显加快渲染速度。不过会造成耗电量增加,建议日常使用设置为使用集显,开发的时候临时设置成独显。

备注2:我觉得选择使用什么显卡应该是浏览器自动选择,而不是靠用户设置。不知道是浏览器没有这个功能还是我没设置好。暂时先这么处理。有更好的办法再贴出来。

 

转载于:https://www.cnblogs.com/-lyl/p/SZDX.html

### Vue集成Cesium 3D地球可视化开发教程 #### 安装依赖包 为了在Vue项目中使用Cesium,需先安装必要的npm包。通过命令行工具执行如下指令来完成安装: ```bash npm install cesium @types/cesium vue-cesium --save ``` 这一步骤确保了所有必需的库都被正确引入到项目环境中[^3]。 #### 配置环境变量 创建或编辑`.env`文件,在其中定义Cesium Ion Token以便访问高级功能和服务。此Token用于认证并获取额外的地图图层和其他服务支持。 ```plaintext VUE_APP_CESIUM_ION_TOKEN=your_token_here ``` 该设置允许开发者充分利用Cesium提供的在线资源和API接口[^1]。 #### 初始化Cesium Viewer组件 在Vue单文件组件(SFC)内编写代码片段以初始化Cesium Viewer对象,并将其挂载至DOM节点。下面是一个简单的例子展示了如何实现这一点: ```html <template> <div id="cesiumContainer"></div> </template> <script lang="ts"> import { defineComponent, onMounted } from 'vue'; import * as Cesium from 'cesium'; export default defineComponent({ name: "CesiumViewer", setup() { let viewer; onMounted(() => { const ionToken = import.meta.env.VITE_CESIUM_ION_TOKEN; Cesium.Ion.defaultAccessToken = ionToken; viewer = new Cesium.Viewer('cesiumContainer', { terrainProvider: Cesium.createWorldTerrain(), }); }); return {}; }, }); </script> <style scoped> #csmContainer { width: 100%; height: calc(100vh - 20px); } </style> ``` 上述代码实现了基本的Cesium Viewer实例化过程,并设置了地形提供商为全球高程模型[^2]。 #### 添加自定义样式与交互逻辑 根据实际需求调整CSS样式表中的容器尺寸以及其他视觉属性;同时可以扩展JavaScript部分加入更多交互行为如鼠标事件监听器、相机控制等操作[^4]。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值