Cesuim三维实景平台

基于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 ,将控件初始化和属性进行封装如下:


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

tianj


最终效果如下:


展开阅读全文

页面更新:2024-03-13

标签:实景   经纬度   平台   初始化   控件   架构   函数   属性   基础   信息

1 2 3 4 5

上滑加载更多 ↓
推荐阅读:
友情链接:
更多:

本站资料均由网友自行发布提供,仅用于学习交流。如有版权问题,请与我联系,QQ:4156828  

© CopyRight 2008-2024 All Rights Reserved. Powered By bs178.com 闽ICP备11008920号-3
闽公网安备35020302034844号

Top