- 博客(4)
- 资源 (3)
- 收藏
- 关注
原创 【Cesium系列第四篇】Cesium常用影像加载方法详解
本文是Cesium三维场景开发系列第四篇,重点介绍了影像加载的核心方法。文章首先讲解了ImageryProvider、ImageryLayer等核心概念,并总结了通用的影像加载三步流程。随后提供了三种常用影像加载的完整代码示例:1)加载Cesium内置的ArcGIS卫星影像;2)加载第三方地图服务(如高德电子地图);3)加载需要申请密钥的天地图卫星影像。每种方法都包含详细的Vue组件实现代码,可直接集成到现有项目中。这些方法覆盖了从快速测试到生产环境的不同需求,开发者可根据业务场景灵活选择适合的影像源。
2026-01-07 14:57:19
945
原创 【Cesium系列第三篇】Cesium Camera常用设置方法详解
本文是Cesium系列第三篇,重点讲解Camera相机的核心概念与使用方法。Camera作为三维场景的"眼睛",控制着视角和观察姿态,其核心属性包括position(位置)、heading(航向角)、pitch(俯仰角)和roll(翻滚角)。文章详细介绍了四种常用视角设置方法:setView实现瞬间定位、flyTo提供平滑过渡动画(推荐使用)、lookAt固定观察目标点,以及直接修改属性。
2026-01-04 13:10:18
1232
原创 【Cesium系列第二篇】搭建简单三维场景及Viewer参数详解
本文基于上一篇搭建的开发环境,完成了两个核心目标:通过「创建组件→初始化Viewer→挂载组件」三步流程,快速实现了简单三维场景,代码简洁可复用,支持基础的鼠标交互和视角调整。详细讲解了Cesium.Viewer的option配置参数,重点分类了「控件显示类」和「基础配置类」两类核心option参数,给出了简单场景的推荐配置,帮助大家精准理解option参数的含义和使用场景。
2025-12-31 16:00:22
1019
原创 【Cesium系列第一篇】基于vue3的cesium 开发环境搭建
本文档详细介绍了基于Vue3+Vite+TypeScript+vite-plugin-cesium搭建Cesium开发环境的完整流程。主要内容包括:环境准备(Node.js≥18.0.0)、项目初始化、Cesium集成(通过vite-plugin-cesium插件)、基础功能开发(创建3D地球视图组件)以及打包部署。重点讲解了Cesium组件的封装实现,包括初始化Viewer、设置相机视角和资源释放等关键配置。该方案利用现代前端工具链,为开发高性能3D地理信息应用提供了清晰的实现路径,最终可构建出全屏交互的
2025-12-26 14:02:12
1202
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人
RSS订阅