基于CesuimJs三维实景ViteVueelementui前端BS架构平台的基础框架搭建,可以加载百度、高德、天地图做为底图,gis和3dtiles二维和三维图层做为图层展示。最终形成一个跨平台的三维实景平台。 第一步搭建基础环境;安装viteplugincesium命名 npmicesiumviteplugincesiumvitesava安装完成后在vite。config中配置引用importcesiumfromviteplugincesium引入插件;在项目中引入相关的css和js即可 页面引入控件方式 再对控件进行封装,隐藏不必显示的控件属性,和默认相机视觉;界面上添加工具、图层、显示鼠标点击或者移动时显示的当前经纬度信息。 封装Cesium3Dmap。js,将控件初始化和属性进行封装如下: 函数回调和隐藏版权等信息 tianj 最终效果如下: