网站首页 > 技术文章 正文
基于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 ,将控件初始化和属性进行封装如下:
函数回调和隐藏版权等信息
最终效果如下:
- 上一篇: 开发环境搭建
- 下一篇: 推荐 webgis 开发学习路线以及资料,必看
猜你喜欢
- 2024-09-24 推荐 webgis 开发学习路线以及资料,必看
- 2024-09-24 开发环境搭建
- 2024-09-24 cesium地图
- 2024-09-24 使用Vite+Vue3创建Cesium项目
- 2024-09-24 VueCLI3.0干货系列之集成Cesium三维地球框架
- 2024-09-24 Cesium 快速入门
- 2024-09-24 基于 Vue3+TS 构建Cesium组件库VueCesium
你 发表评论:
欢迎- 最近发表
- 标签列表
-
- oraclesql优化 (66)
- 类的加载机制 (75)
- feignclient (62)
- 一致性hash算法 (71)
- dockfile (66)
- 锁机制 (57)
- javaresponse (60)
- 查看hive版本 (59)
- phpworkerman (57)
- spark算子 (58)
- vue双向绑定的原理 (68)
- springbootget请求 (58)
- docker网络三种模式 (67)
- spring控制反转 (71)
- data:image/jpeg (69)
- base64 (69)
- java分页 (64)
- kibanadocker (60)
- qabstracttablemodel (62)
- java生成pdf文件 (69)
- deletelater (62)
- com.aspose.words (58)
- android.mk (62)
- qopengl (73)
- epoch_millis (61)
本文暂时没有评论,来添加一个吧(●'◡'●)