离线Cesium客户端

14 篇文章 18 订阅

在线天地图底图和高程,天地图缓存路径d:\map_caches
在这里插入图片描述
在线天地图高程

倾斜摄影模型在这里插入图片描述
矢量转三维在这里插入图片描述

平时调试Cesium放入了QT,程序搭建了轻量化的http服务器,使用webviewengine通信使程序与桌面版无异
,菜单实现不全后续补充,工具也简单加了osg转3dtiles的功能,tileset.json拖进程序即可显示

  • 链接失效更新

链接:https://pan.baidu.com/s/1Xs4WYS_7UL8_X4G9LAwutQ
提取码:jtse

  • 2
    点赞
  • 13
    收藏
    觉得还不错? 一键收藏
  • 8
    评论
要在Vue中引入离线Cesium,需要按照以下步骤进行操作: 1. 下载Cesium离线包,可以从官网下载或者使用其他来源获取。将下载的文件解压到项目中的静态资源目录中,例如public目录下的cesium文件夹。 2. 安装cesium库,可以使用npm或者yarn进行安装: ``` npm install cesium --save 或 yarn add cesium ``` 3. 在Vue组件中引入Cesium,并在mounted生命周期钩子中初始化Cesium: ```vue <template> <div id="cesiumContainer"></div> </template> <script> import * as Cesium from 'cesium/Cesium' import 'cesium/Widgets/widgets.css' export default { name: 'CesiumViewer', mounted() { const viewer = new Cesium.Viewer('cesiumContainer', { imageryProvider: new Cesium.UrlTemplateImageryProvider({ url: 'cesium/Assets/Textures/NaturalEarthII/{z}/{x}/{reverseY}.jpg' }), baseLayerPicker: false, geocoder: false, homeButton: false, sceneModePicker: false, timeline: false, navigationHelpButton: false, animation: false, fullscreenButton: false, vrButton: false }) } } </script> <style scoped> #cesiumContainer { height: 100%; width: 100%; } </style> ``` 4. 在Vue组件中使用Cesium,例如添加一个模型: ```vue <template> <div id="cesiumContainer"></div> </template> <script> import * as Cesium from 'cesium/Cesium' import 'cesium/Widgets/widgets.css' export default { name: 'CesiumViewer', mounted() { const viewer = new Cesium.Viewer('cesiumContainer', { imageryProvider: new Cesium.UrlTemplateImageryProvider({ url: 'cesium/Assets/Textures/NaturalEarthII/{z}/{x}/{reverseY}.jpg' }), baseLayerPicker: false, geocoder: false, homeButton: false, sceneModePicker: false, timeline: false, navigationHelpButton: false, animation: false, fullscreenButton: false, vrButton: false }) const modelMatrix = Cesium.Transforms.eastNorthUpToFixedFrame( Cesium.Cartesian3.fromDegrees(-75.62898254394531, 40.02804946899414, 0.0) ) const model = viewer.scene.primitives.add( Cesium.Model.fromGltf({ url: 'cesium/Assets/Models/CesiumAir/Cesium_Air.glb', modelMatrix: modelMatrix, scale: 200.0 }) ) viewer.zoomTo(model) } } </script> <style scoped> #cesiumContainer { height: 100%; width: 100%; } </style> ```

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 8
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值