基于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 ,将控件初始化和属性进行封装如下:
函数回调和隐藏版权等信息
最终效果如下:
页面更新:2024-03-13
本站资料均由网友自行发布提供,仅用于学习交流。如有版权问题,请与我联系,QQ:4156828
© CopyRight 2008-2024 All Rights Reserved. Powered By bs178.com 闽ICP备11008920号-3
闽公网安备35020302034844号