Cesium反向遮罩指定区域挖空---Primitive、PolygonGeometry、PolylineGeometry实现

已于 2024-02-21 16:09:21 修改
阅读量518 收藏
点赞数
分类专栏： Cesium 文章标签： 前端 javascript 开发语言
于 2024-01-27 11:41:17 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_37312180/article/details/135880594
版权
本文介绍了在Cesium中利用Primitive、PolygonGeometry和PolygonHierarchy进行反向遮罩指定区域挖空时遇到的问题及解决方案。当遮罩区域过大时，会出现意料之外的效果。为解决此问题，可以尝试缩小遮罩区域范围，从而达到预期的挖空效果。同时提到了使用./data/安徽省.json数据作为示例。
摘要由CSDN通过智能技术生成

使用Primitive、PolygonGeomet、PolygonHierarchy实现反向遮罩指定区域挖空时可能会出现如下图问题：

 问题原因：遮罩区域范围太大导致

 解决办法：适当缩小遮罩区域范围

了解本专栏 订阅专栏 解锁全文 超级会员免费看
Cesium反向遮罩指定区域挖空---Entity实现
qq_37312180的博客
01-27 189
【代码】Cesium反向遮罩指定区域挖空---Entity实现。
cesium 卫星动态遮罩（primitives 加载方法）
God's asylum的博客
05-07 806
【代码】cesium 卫星动态遮罩（primitives 加载方法）
cesium区域反选遮罩+凸起效果+飞线
weixin_37507461的博客
07-28 4446
效果演示
Cesium创建geometry（一）
最新发布
m0_52059072的博客
09-20 2158
Cesium封装了PolygonGeometry、RectangleGeometry、EllipseGeometry等​​​​​多种类型的geometry供用户使用。本文则根据官网已有案例进行整合，利用primitive展示各种geometry的具体使用方法。
Cesium地图反选遮罩，支持自定义遮罩颜色
09-26
Cesium地图反选遮罩，支持自定义遮罩颜色
Cesium反选遮罩
xt3d的博客
11-29 2581
Cesium反选遮罩 效果图 详情参见 Cesium实战专栏
Cesium 区域掩膜
瑾&凌
03-14 631
Cesium 掩膜，隐藏边界之外
Cesium实现掩膜效果
XFIRR的博客
11-21 1779
1、优化了一下边界线的生成，从entity改为了primitive，应该对性能会有所优化。也不用担心点击边界线弹出infoBox，感觉获取边界线的情况应该还是比较少的。我目前只测试了全中国和陕西省这一块，如果运行不了或者还有什么其它的问题的话可以评论区留一下言。如果有更好的优化性能的方式也欢迎留言告诉我一下。2、考虑到多面体的情况，比如上图中的西安，就会出现飞地。代码中我改了一些，有的没有用到的变量可以自行删除。想更改具体的使用地点的话就复制对应的url就行。
Cesium基础代码段（四）反选遮罩
ly510812的博客
08-13 2173
CesiumJS反选遮罩
cesium-ion-rest-api-examples:使用铯离子 REST API 的代码示例
07-24
Cesium 是一个快速、简单、端到端的平台，用于平铺、可视化和分析 3D 地理空间数据。 此存储库包含用于使用 Cesium ion REST API 的示例代码。 如果您是 Cesium 的新手，请查看。 有一个问题？ 在是从 Cesium 团队...
cesium-wind.rar_cesium 风_cesium 绘制风场_cesium-wind_curiousx2p_渲染中
07-15
这个“cesium-wind.rar”压缩包文件显然包含了关于如何在Cesium中实现风场渲染的相关资源，这允许用户在三维场景中动态展示风的流动模式和方向。下面将详细介绍这个主题涉及的关键知识点。 首先，**Cesium风场渲染*...
93.（cesium篇）cesium动态单体化-倾斜摄影（楼栋）.rar
07-05
该资源包的执行效果查看地址：...“地图之家”专栏中的“93.（cesium篇）cesium动态单体化-倾斜摄影（楼栋）”。如下载有问题，可联系博主。 解压密码：cesium
cesium实现地图反选遮罩效果
专注GIS开发
04-28 6974
cesium实现地图反选遮罩效果
Cesium实现地图反选遮罩
西柚2015地信小白GISer
05-12 1955
实现原理： 绘制一个面（遮罩范围）中间挖出我们需要使用的区域，然后把这个面设置成遮罩层，如上图所示： 实现代码： 范围可自行定义控制 AddConvertLayer(points) { let cs = Cesium.Cartesian3.fromDegreesArray(points); let hole = new Cesium.PolygonHierarchy(cs); this.viewer.entities.add({ name: "conver...
基于 React hooks + Typescript + Cesium 实现绘制反选遮罩层
jiegiser博客
01-11 1017
文章目录效果截图功能介绍实现思路实现步骤获取数据绘制反选遮罩层 效果截图 先上截图： 功能介绍 本例子基于 React hooks + Typescript + Cesium 实现绘制反选遮罩层；并通过封装对应的组件，完成反选遮罩层的绘制； 图层管理（√） dom 点扩散（√） 轨迹回放（√） 测量（√） 坐标拾取（√） 加载模型数据，拾取三维模型（√） geoserver 结合实现属性查询（√） geoserver 结合实现空间查询（√） 地下模式（√） 单体化 / 倾斜模型分户单体化（√） 缓冲区
cesium只展示某个区域市省地图
yy_1028的博客
02-18 6952
效果如下所示： 主要是调用_c_add_geojson_area方法 代码如下：geojson数据获取：DataV.GeoAtlas地理小工具系列 <template> <div class="mapBox"> <div id="cesium" ref="cesium"></div> </div> </template> <script> import mapMixin from "./js/map
cesium雷达遮罩（轨迹球效果）
God's asylum的博客
05-08 375
通过修改“material”材质来实现轨迹球效果。
Cesium反选遮罩实现局部地图凸显，原来Entity这么好用
前端、nodejs、3D、GIS、人工智能
07-16 1513
先来解释一下什么是遮罩反选。在实际的项目工作中，产品经理或者项目经理经常会要求开发将地图要展示的某个区域做突出重点显示，然后不属于这个区域的周边做暗化处理，但又不能简单的用纯色覆盖。数据筛选：突出显示特定区域的数据或信息，而将其他区域进行忽略，防止信息混乱干扰；视觉突出：通过反选遮罩，可以突出显示用户选择的区域，使这些区域在视觉上更加醒目，便于用户识别和分析。产品美化：如果只是单独展示某个区块或者说让周边区域都是纯色覆盖，用户在视觉美观体验上会有很大的不足。
Cesium 指定显示区域部分（不让显示整个地球）
piaomiaozaitianya的博客
07-20 4756
Cesium 指定显示区域部分（不让显示整个地球）
Cesium.Cartesian3.lerp
04-18
Cesium.Cartesian3.lerp是Cesium.js中的一个函数，用于在两个Cartesian3对象之间进行线性插值。它接受三个参数：起始点、结束点和插值因子。插值因子是一个介于0和1之间的值，表示在起始点和结束点之间的插值位置。 具体而言，Cesium.Cartesian3.lerp函数会根据插值因子计算出一个新的Cartesian3对象，该对象位于起始点和结束点之间。插值因子为0时，返回的结果为起始点；插值因子为1时，返回的结果为结束点；插值因子为0.5时，返回的结果为起始点和结束点的中点。 这个函数在Cesium.js中的应用场景很广泛，例如在动画过程中平滑地移动物体、计算两个位置之间的中间点等。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

打赏作者

vitenode

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

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

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

打赏作者

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

抵扣说明：

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

余额充值