本文围绕 Vite、Vue3 与 Cesium 的使用实践展开，介绍了 Cesium 项目安装配置、Viewer 初始化、底图空洞处理、3D Tiles 数据加载、WMS 要素点击查询与高亮显示等核心操作。同时总结了底图颜色调整、相机缩放事件监听、cesium-navigation-es6 导航插件集成以及禁止缩放旋转平移等视图控制方法，为 Cesium 地图应用开发提供了常用实现思路和代码参考。

cesium 加载3dtiles数据 /** * 加载3dtiles数据 */ const loadTiles3d = async () => { const tiles3dLink = "http://192.168.113.100/static/tileset/tileset.json"

本文介绍 Cesium 中添加点实体的方法，通过 viewer.entities.add 创建实体，并设置名称、经纬度位置以及 billboard 图标，实现地图上的点标记展示。代码支持配置图标尺寸、旋转角度、高度参考、偏移量和距离显示范围等属性，还提供可选 label 标签设置，用于控制点位文字样式。通过这些配置，可以灵活调整实体在三维场景中的显示效果和交互表现。

Cesium 1.107 版本后加载地形 基本地形 terrain: Cesium.Terrain.fromWorldTerrain(), // 地形数据 自定义地形数据源 const terrainProvider = await Cesium.CesiumTerrainProvider.fro

vite vue3 使用 cesium 加载 geojson LineString <template> <div id="CesiumContainer" class="CesiumContainer" ref="cesium"></div> </template> <script setu

本文介绍在 Vite + Vue3 项目中集成 Cesium 创建地图的方法。首先通过 npm 安装 `cesium` 和 `vite-plugin-cesium` 插件，并在 `vite.config` 中配置 Cesium 插件。随后在 Vue3 组件中引入 Cesium，使用 `ref` 管理地图容器和 Viewer 实例，在 `onMounted` 生命周期中完成地图初始化。示例展示了关闭默认控件、设置暗色地球背景、调整 WebGL 配置以及通过 `camera.flyTo` 定位指定经纬度和高度的方法。同时在组件卸载时销毁 Cesium 实例，释放资源，避免内存占用。该方案可用于快速搭建基于 Vue3 的 Cesium 三维地图应用。

vue3+vite+ceisum 使用教程 笔记 链接 基础环境配置 1. 安装 pnpm i cesium@1.99 vite-plugin-cesium 2. 修改vite.config.js⽂件, 添加cesium import { defineConfig } from 'vite' im