引用网站代码,云虚拟主机搭建wordpress,wordpress权限设置管理,做下一个盗版小说网站终于有时间开始整理下知识点了。
开搞
本地环境 vue3vitecesiumvite和cesium都是最新版本这里有个问题需要注意#xff0c;就是如何为Cesium配置Vite#xff0c;随便检索一下#xff0c;大部分都时通过插件【vite-plugin-cesium】作为解决方案#xff0c;我本地创建新的示…终于有时间开始整理下知识点了。
开搞
本地环境 vue3vitecesiumvite和cesium都是最新版本这里有个问题需要注意就是如何为Cesium配置Vite随便检索一下大部分都时通过插件【vite-plugin-cesium】作为解决方案我本地创建新的示例项目使用这个插件的时候总是报错虽然能正常加载场景但是控制台确实会输出错误 ε(´ο*)))后来翻了下Cesium官方的blog已经有人贡献了解决方案。也有示例代码 本章节代码 templatediv idcesiumContainer stylewidth: 100%; height: 100vh;/div
/templatescript setup
import { onMounted } from vue;
import {Ion, Viewer} from cesium;
import cesium/Build/Cesium/Widgets/widgets.css;
onMounted(() {// 设置 Cesium Ion 访问令牌Ion.defaultAccessToken eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJqdGkiOiJhNmQ5NDYyNi1lZTdhLTRiYTItODFiZi1mYzNiYWNjNDFjMzgiLCJpZCI6NTk3MTIsImlhdCI6MTY2MDE4MDAyNX0.bDTaHEah0hRjUyJWz0hyxIL0Fg63awPXV26OmQ5MCdM; // 替换为你的访问令牌const viewer new Viewer(cesiumContainer, {animation: false, // 移除动画控件timeline: false, // 移除时间轴控件geocoder: false, // 移除地理编码控件homeButton: false, // 移除主页按钮sceneModePicker: false, // 移除场景模式选择器selectionIndicator: false, // 移除选择指示器fullscreenButton: false, // 移除全屏按钮vrButton: false // 移除 VR 按钮});
});
/scriptstyle
/* 隐藏页面底部的 Cesium logo 和数据归属 */
.cesium-viewer .cesium-widget-credits {display: none !important; /* 隐藏整个 Cesium 控件 */
}/* 隐藏 右上角的 Imagery 和 Navigation instructions */
.cesium-viewer .cesium-viewer-toolbar {display: none !important; /* 隐藏工具栏 */
}
/style源码
