Cesium中的pick

原创 于 2024-09-05 10:38:53 发布 · 278 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#Cesium

参考地址–cesium 中的cpupick 和 gpupick

  • 总结：

    • pick ray 射线是利用场景求交集，cpupick，所以可以每次把不需要的mesh 给排除
    • scene pick 基于canvas 二维反算 三维世界坐标的是gpupick 效率会更高
94.（cesium篇）cesium动态单体化-倾斜摄影（楼层）
GIS之家家长
07-06 868
地图之家：cesium+leaflet+echart+地图数据+地图工具等相关内容的介绍 文章末尾处提供保证可运行完整代码包，运行如有问题，可“私信”博主。 效果如下所示：下面献上完整代码，代码重要位置会做相应解释 完整代码包下载...
DEJA_VU3D - Cesium功能集 之 027-Cesium加载Geojson鼠标划过和点击提示
总得学点什么的博客
05-09 2038
在Cesium里以geojson的形式加载了一堆点数据，并以billboard广告版的形式在前端展示，鼠标滑过或者鼠标点击的时候我们实现让当前对象高亮展示并放大展示。包括完整源代码
Cesium 坐标拾取Pick（1）
苹果园dog
02-22 2153
在Cesium中坐标的拾取非常重要，比如在标绘、测量等功能中需要获取地球表面、地形、三维模型、实体元素等物体表面的经纬度和高程，这样绘制的图形才能准确，拿到的坐标才可以使用。
cesium拾取pick系列（拾取坐标和对象）
挣钱花388的博客
10-18 3642
1window.viewer.scene拾取 1.1 window.viewer.scene.pick 1.2 window.viewer.scene.pickPosition 1.3 window.viewer.scene.drillPick 2window.viewer.scene.camera拾取 3window.viewer.scene.globe拾取 4window.viewer.imageryLayers.pickImageryLayerFeatures 拾取
Cesium 中的pick
冰雪为融的博客
10-08 1883
在cesium中，想获取不同的对象，需要通过pick方法来进行拾取，但是Cesium中有多种pick的方法，例如 scene中有pick、pickPosition、及drillPick等，camera中有getPickRay、pickEllipsoid等，globel中有pick； 先来分类说一下各个pick的作用： scene中（一般用来获取entity对象）： pick：scene.pick可以通过此方法获取到pick对象，通过pick.id即可拾取当前的entity对象，也可以获取Cesium3
Cesium 点击获取/拾取（PICK）的不同用法
qq_17627195的博客
01-11 9156
可以理解为穿透拾取，是从当前拾取位置获取所有对象的对象列表（entity的集合），列表按其在场景中的视觉顺序（从前到后）排序（通过for循环可以获取当前坐标下的所有entity）。），否则在没有3dTile模型的情况下，会出现空间坐标不准的问题，如果不开启深度检测，只能在3dTile模型上获取准确的空间坐标。在加载地形的情况下有误差，地形凹凸程度越大，误差越大，所以不要用来获取有地形的坐标。只能获取一个对象，并且获取的是最顶部的对象。主要是用于拾取对应位置的世界坐标，例如：拾取点击模型表面的坐标。
cesium中pick整理
leo的博客
03-31 287
cesium中pick整理。
Cesium 中 实体类entity多种实例对象-实现点击事件
06-04
在Cesium这个强大的3D地球可视化库中，实体类（Entity）是其核心概念之一，用于表示场景中的各种对象，如点、线、多边形、模型等。本主题将深入探讨如何在Cesium中利用Entity类创建不同的实例对象，并实现点击事件...
Cesium中文教程－Cesium Workshop（三）
newston的博客
06-04 2253
(8)加载和设计实体(Loading and Styling Entities) 既然我们已经使用视图配置、影像和地形，这已经为应用程序做好了准备，那么我们可以添加应用程序的主焦点--样例geocache数据（藏宝点数据）。 为了简单可视化，Cesium支持流行的矢量格式数据GeoJson和KML，还有我们特地为描述Cesium中场景所开发的开源数据格式CZML。 无论初始化格式如何，Cesium中所有空间数据都使用实体API表示（the Entity API）。实体API提供了一种灵活可视化格式，这
Cesium的Picking过程原理
03-15 629
这时，会更新screenSpaceRectangle，只对点击的相关区域进行渲染,也就是只会更新局部区域，并返回PickFramebuffer中的FBO，因此渲染结果都是保存在PickFramebuffer的帧缓冲中，完成ID纹理。其实拾取的思路很简单，就是来一张“ID”纹理，对每一个渲染的Object赋予一个唯一的ID并将ID转为RGBA，在渲染到“ID纹理”时，渲染的是ID颜色。这时用户点击想要拾取每一个地物，则查找对应ID纹理中的颜色值并转为ID，根据ID找到对应的地物。
Cesium学习笔记
08-06 5671
一、Cesium简介 Cesium 是一个JavaScript库用于在Web浏览器创建 3D 地球和 2D 地图，无需任何插件。Cesium 使用 WebGL 来进行硬件加速图形化；跨平台；跨浏览器；实现真正的动态数据进行可视化。Cesium 基于 Apache 开源协议，支持商业和非商业免费使用。该框架不需要任何插件支持，但是浏览器必须支持WebGL。 Cesium 主要特性
Cesium 同时拾取多个对象与 1024*1024 个坐标
总要开始写的博客
10-24 2509
如果直接使用 Cesium 定义的方式实现同时拾取 m 个点，就需要额外增加 m 个渲染批次，如果 m 为上百万，那计算损耗是非常大的。但是，如果我们可以定义 pick 的视锥，并规定深度图的大小为 n*n，通过一次离屏的深度测试后，再将深度图上的点全部转化为世界坐标，就可以实现仅通过增加一趟额外的渲染，就能够拾取到一定范围内的 n*n 个坐标点。
Cesium——PICK不同使用场景
等花开一起压花路
03-02 1653
拾取有多个方法，下面比较pick的不同使用场景pick方法参数场景ps鼠标位置拾取EntityPrimitive3D-Tiles对象只能获取一个对象，并且获取的是最顶部的对象鼠标位置拾取点击模型表面的Cartesian3坐标一定要开启深度检测鼠标位置获取所有对象的对象列表entity集合），列表按其在场景中的视觉顺序（从前到后）排序drillPick可以设置limit参数，限制获取的对象个数射线找到射线与渲染的地球表面之间的交点。
cesium 模型拾取pickPosition 地形拾取getPickRay pick
AllBluefm的专栏
03-25 764
【代码】cesium 模型拾取pickPosition 地形拾取getPickRay pick。
cesium学习记录04-坐标系
木卯彳亍的博客
08-09 1433
根据具体的投影方法，这种扭曲可能影响到面积、形状、距离或方向（也有属性不发生改变，故有等角、等积、任意投影）。在 GIS 中，经常需要在这两种坐标系统之间进行转换，当我们将地理空间数据从一个坐标系转换到另一个坐标系时，我们通常说是在执行"坐标转换"或"坐标投影"。投影是一个过程，通过它，地理坐标系（GCS）中的数据（经纬度）可以转换为投影坐标系（PCS）中的数据（X, Y坐标）。定义：投影坐标系是一个基于二维平面的坐标系统。（依此类推，每隔3°一个投影带，直到东经 132° - EPSG:4543）
cesium常见操作：鼠标点击获取对象
happy81997的博客
02-27 4448
在 Cesium 的场景组织中，有那么几个容器构成了三维世界：Scene：包括了 Globe，除了 Globe 的元素外，还加上了 Primitive、Entity、DataSource 等三维物件Globe：包括了 Ellipsoid，还包括了所有的影像图层、地形瓦片，可以算是椭球体上面的皮肤Ellipsoid：一个数学公式所定义的旋转椭球体，代表一个纯粹的地球椭球形状。
cesium 4种拾取坐标的方法
weixin_43845059的博客
07-14 3608
cesium 4种拾取坐标的方法
cesium的四种点击拾取方法
DTCloud
04-20 2627
通过坐标位置，拾取实体（Entity），图元（Primitive）,3DTiles对象，返回的是scene中指定位置最上层的对象。例如点击获取Entity的pick对象，通过pick.id可以拾取当前的entity对象。拾取后，可以用于改变对象的属性参数，如颜色，图片等。：只能获取一个对象，并且是最顶部的对象。如果拾取点没有对象，则会返回undefined。
cesium pick多选
最新发布
01-22
### Cesium 多选功能的实现方法 在 Cesium 中，多选功能通常依赖于离屏渲染技术和特定的颜色编码来识别被点击的对象。为了实现在三维场景中的多选操作，可以采用拖拽选择框的方式，在此过程中动态计算并高亮显示位于选择区域内的实体。 对于 Cesium 的多选机制而言，颜色缓存起到了至关重要的作用[^2]。当用户绘制了一个矩形或其他形状的选择范围时，程序会创建一个新的画布用于捕捉该区域内所有可见物体的颜色信息。由于每个可交互对象都被赋予了一种独一无二的颜色作为其标识符，因此可以根据这些特殊色彩反推出哪些模型处于当前鼠标划定的边界之内。 下面是一个简单的 JavaScript 代码片段展示如何利用 `viewer.scene.pickPositionSupported` 和自定义事件监听器完成基本的多选逻辑： ```javascript // 初始化Cesium Viewer实例 const viewer = new Cesium.Viewer('cesiumContainer'); let selectionBox; let selectedEntities = []; function startSelection() { const canvas = viewer.canvas; // 开始绘制选择框 let startX, startY; function onMouseDown(event) { startX = event.clientX; startY = event.clientY; // 创建半透明的选择框 selectionBox = document.createElement('div'); Object.assign(selectionBox.style, { position: 'absolute', pointerEvents: 'none', border: '1px dashed white', backgroundColor: 'rgba(255, 255, 0, 0.3)', zIndex: 1, }); document.body.appendChild(selectionBox); } function onMouseMove(event) { if (!selectionBox) return; const endX = Math.min(startX, event.clientX), endY = Math.min(startY, event.clientY); selectionBox.style.left = `${endX}px`; selectionBox.style.top = `${endY}px`; const width = Math.abs(event.clientX - startX), height = Math.abs(event.clientY - startY); selectionBox.style.width = `${width}px`; selectionBox.style.height = `${height}px`; } function onMouseUp(event) { if (selectionBox) { selectEntitiesWithinBounds(); // 清理DOM节点 document.body.removeChild(selectionBox); selectionBox = null; } } canvas.addEventListener('mousedown', onMouseDown); canvas.addEventListener('mousemove', onMouseMove); canvas.addEventListener('mouseup', onMouseUp); } startSelection(); async function selectEntitiesWithinBounds() { const entities = []; const boundingRectangle = getBoundingRectFromSelectionBox(); await Promise.all( viewer.entities.values.map(async entity => { if (entity.position && isEntityInBoundingBox(entity, boundingRectangle)) { entities.push(entity); // 高亮所选实体 highlightSelectedEntity(entity); } }) ); console.log(`Selected ${entities.length} entities`); } ``` 上述脚本实现了基于鼠标的拖动动作来进行批量选取的功能，并且能够实时更新已选定的目标列表。需要注意的是，实际应用中可能还需要考虑性能优化以及更复杂的碰撞检测算法等问题。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

打赏作者

Webgiserin

你的鼓励将是我创作的最大动力

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

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

打赏作者

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

抵扣说明：

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

余额充值