DEJA_VU3D - Cesium功能集 之 053-地下模式效果

最新推荐文章于 2024-04-26 15:55:00 发布
最新推荐文章于 2024-04-26 15:55:00 发布
阅读量1.7k 收藏 2
点赞数 1
分类专栏： DEJA_VU3D - Cesium功能集（附源码） 文章标签： Cesium WebGL VUE JavaScript 地下模式
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_34205305/article/details/125503033
版权

前言 

编写这个专栏主要目的是对工作之中基于Cesium实现过的功能进行整合，有自己琢磨实现的，也有参考其他大神后整理实现的，初步算了算现在有差不多实现小130个左右的功能，后续也会不断的追加，所以暂时打算一周2-3更的样子来更新本专栏（尽可能把代码简洁一些）。博文内容如存在错误或者有可改进之处，也希望在这里和各位大佬交流提高一下。

更多内容/样例/demo说明：DEJA_VU3D完整功能目录

介绍

专栏内容本着尽可能简洁的原则，本篇文章我们来介绍基于Cesium实现地下模式效果。实现效果如图

Cesium的地下模式功能效果实现非常的简单，调用Cesium常规接口就可以啦。废话不多说，直接上代码

关键代码

地下模式开启与关闭

viewer.scene.screenSpaceCameraController.enableCollisionDetection = !bool; //相机与地形的碰撞检测
viewer.scene.globe.translucency.frontFaceAlphaByDistance =
  new Cesium.NearFarScalar(1.5e2, 0.5, 8.0e6, 1.0);
viewer.scene.globe.transluce
了解本专栏 订阅专栏 解锁全文
总要学点什么
关注
  • 1
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 1
    评论
专栏目录
订阅专栏
基于 React hooks + Typescript + Cesium 实现缓冲区分析
jiegiser博客
12-17 563
文章目录功能介绍实现思路实现步骤实现绘制图形方法根据图形类型生成缓冲区绘制缓冲区封装 BufferAnalysisComponent 组件使用 BufferAnalysisComponent 组件 功能介绍 本例子基于 基于 React hooks + Typescript + Cesium 实现缓冲区分析；通过设置缓冲范围半径，进行生成缓冲区；并封装对应缓冲区分析组件，以及暴露外部方法返回缓冲区分析结果。 先上截图： 后续将分享一些下面的功能： 图层管理（√） dom 点扩散（√） 轨迹回放（√）
【精选】摄影测量（三）：单张像片解析基础_deja_vu97的博客-CSDN博客.html
11-05
【精选】摄影测量（三）：单张像片解析基础_deja_vu97的博客-CSDN博客.html
cesium 缓冲分析类 bufferAnalysisUtil
03-16
实现cesium的点、线、面的缓冲分析类的封装
Cesium缓冲区分析
xt3d的博客
11-21 4812
Cesium缓冲区分析前言效果图关键代码 前言 在Cesium中做缓冲区分析其实与在二维地图中做缓存区分析是一样的道理，缓冲后需要将二维坐标转到三维坐标，然后在场景中显示结果。 效果图 关键代码 //初始化点缓冲 initPointBuffer() { let point = [106.422638966289, 29.5698367125623]; this.addPoint(point); let pointF = turf.point(poi
cesium 射线 碰撞检测 拾取 ray drillPickFromRay
最新发布
AllBluefm的专栏
04-26 408
cesium 射线 碰撞检测 拾取 ray drillPickFromRay
Cesium 地下模式
西柚2015地信小白GISer
09-01 2892
解决方法： 设置地球透明度 设置相机可以进入地下 代码: OpenUnderGroup() { //设置鼠标进去地下 this._viewer.scene.screenSpaceCameraController.enableCollisionDetection = false; //设置地球透明 this._viewer.scene.globe.translucency.enabled = true; this._viewer.scene.globe.t...
Cesium 绘制缓冲区 点 线 面缓冲区
04-10
Cesium 绘制缓冲区 点 线 面缓冲区 预览:http://dongnan185.com:8083/videos/draw.mp4 启动:npm i npm run serve
96.（cesium篇）cesium动态单体化-3D建筑物（楼层）.rar
07-08
该资源包的执行效果查看地址：...“地图之家”专栏中的“96.（cesium篇）cesium动态单体化-3D建筑物（楼层）”。如下载有问题，可联系博主。 解压密码：cesium
基于Cesium+VUE实现模拟卫星轨道（高空）效果组件，完整demo和源代码，代码未加密/未压缩，可直接调用运行
06-27
基于Cesium+VUE实现模拟卫星轨道（高空）效果组件，完整demo和源代码，代码未加密/未压缩，可直接调用运行 文章描述：https://blog.csdn.net/qq_34205305/article/details/125493400 代码不易，略收小费，使用过程中...
deja-vu：永无止境的漫画
02-18
deja-vu：永无止境的漫画
Cesium 静止鼠标中键调整视角到地下（带地形时）
05-25
Cesium调整视角时会进入地下，相机会从地下看地上网格，体验很不好。此代码控制相机俯角，禁止相机俯角从下往上看，同时可以再把视角拉高。 使用方法 在页面Cesium初始化viewer后加入代码，Jquery动态加载js方式：$.getScript("js/disableUndergroud.js");
Cesium相机进入地下问题，修改ScreenSpaceCameraController源码
08-23
想赚波分，所以拿出来分享了，真实有效，不坑人。替换scene下的ScreenSpaceCameraController代码，用cesium.js自己打开文件，找到这部分替换，另外上传不能修改，其中pickGlobe函数用下面替换 function pickGlobe(controller, mousePosition, result) { var scene = controller._scene; var globe = controller._globe; var camera = scene.camera; if (!defined(globe)) { return undefined; } var depthIntersection; if (scene.pickPositionSupported) { depthIntersection = scene.pickPositionWorldCoordinates(mousePosition, scratchDepthIntersection); } var ray = camera.getPickRay(mousePosition, pickGlobeScratchRay); var rayIntersection = globe.pick(ray, scene, scratchRayIntersection); var pickDistance = defined(depthIntersection) ? Cartesian3.distance(depthIntersection, camera.positionWC) : Number.POSITIVE_INFINITY; var rayDistance = defined(rayIntersection) ? Cartesian3.distance(rayIntersection, camera.positionWC) : Number.POSITIVE_INFINITY; if (pickDistance < rayDistance) { return Cartesian3.clone(depthIntersection, result); } return Cartesian3.clone(rayIntersection, result); }
cesium-graphicBuffer:基于cesium的缓冲区示例
05-24
cesium-graphicBuffer 基于cesium的图形缓冲区示例 基于cesium的图形缓冲区示例 cesium-graphicBuffer 说明 /cesium-graphicBuffer/src/doc 使用 在项目中引入Cesium.js 然后引入 cesium-graphicBuffer.js 即可   // 初始化 let viewer = new Cesium.Viewer("viewerContainer") // 参数 缓冲范围 let radius = 1, bufferEntity = []; // 创建点缓冲区 let createPointBuffer = () => { // 绘制点 右键结束 Cesium.drawPointGraphics({ viewer: viewer
基于Cesium+VUE实现地下模式效果组件，完整demo和源代码，包括模型数据，代码未加密/未压缩，可直接调用运行
07-03
基于Cesium+VUE实现地下模式效果组件，完整demo和源代码，包括模型数据，代码未加密/未压缩，可直接调用运行 文章描述：https://blog.csdn.net/qq_34205305/article/details/125503033 代码不易，略收小费，使用过程中如果有任何问题欢迎在文章下进行评论或者私信，百分百回复哦
Cesium中禁止相机看到地下
08-17
Cesium中禁止相机看到地下，直接将代码放到viewer初始化完成之后
deja-vu:Vue.js的非常轻量级的组件库
05-26
Deja vu for Vue 2 一个非常轻巧的基于Vue的UI库安装npm install deja-vu --save-dev快速开始 import Vue from 'vue'import DejaVu from 'deja-vu'Vue . use ( DejaVu )供参考这是一个正在开发的项目，请不要使用它...
Vue + Cesium 缓冲分析实现
wangyong_h
03-16 2704
目录 一、缓冲分析效果图 二、部分关键代码 1、点缓冲分析 2、线缓冲分析 3、面缓冲分析 4、生成缓冲区 三、vue中调用 1、引入缓冲分析对应类 2、点线面的缓冲分析调用方法 四、缓冲分析类源码
Cesium开发：地下模式效果
地理信息技术杂谈 博客，欢迎技术交流
05-11 4649
主要是如何修改Cesium的源码，才能达到实现地下模式的效果。 修改完源码后，在执行地下模式的时候，设置地图的底色，要同步将地图影像进行半透明的操作，并且还要刷新一下影像图层，及时显示效果。 //设置地图basecolor为透明色 viewer.scene.globe.baseColor = new Cesium.Color(1, 1, 1, 0); //循环设置影像的透明度 var _mapAlpha = 0.5; if (viewer.imageryLayers) { for (var i = 0; i
cesium+turf.js实现缓冲区分析
leekuikui的博客
05-11 1312
可以在地图上绘制点，线，面，并且根据绘制的点线面绘制缓冲区。
deja_vu3d - cesium功能集
09-19
deja_vu3d - cesium是一款功能强大的地球可视化框架。它基于Cesium.js开发，提供了丰富的功能集，可用于创建令人惊叹的三维地球模型。 deja_vu3d - cesium的主要功能包括： 1. 三维地球可视化：deja_vu3d - cesium...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

总要学点什么

相信每一个技术人员的惺惺相惜

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值