计算机系统应用教程网站

网站首页 > 技术文章 正文

Cesuim三维实景平台

btikc 2024-09-24 08:30:43 技术文章 20 ℃ 0 评论

基于Cesuim Js 三维实景+Vite Vue element ui 前端B/S架构平台的基础框架搭建,可以加载百度、高德、天地图做为底图,gis 和 3dtiles 二维和三维图层做为图层展示。最终形成一个跨平台的三维实景平台。

第一步搭建基础环境;安装 vite-plugin-cesium 命名
npm
i cesium vite-plugin-cesium vite --sava 安装完成后 在vite.config 中配置引用 import cesium from 'vite-plugin-cesium' // 引入插件;在项目中引入相关的css和js 即可

再对控件进行封装,隐藏不必显示的控件属性,和默认相机视觉;界面上添加工具、图层、显示鼠标点击或者移动时显示的当前经纬度信息。

封装Cesium3Dmap.js ,将控件初始化和属性进行封装如下:


函数回调和隐藏版权等信息


最终效果如下:


Tags:

本文暂时没有评论,来添加一个吧(●'◡'●)

欢迎 发表评论:

最近发表
标签列表