海量3dtiles 发布 cesium_【GIS前端01】CesiumEarthSdk简单功能实现建筑物点击（附代码和3dtiles文件）...

最新推荐文章于 2024-05-31 09:32:43 发布
最新推荐文章于 2024-05-31 09:32:43 发布
阅读量1.3k 收藏 2
点赞数 1
文章标签： 海量3dtiles 发布 cesium
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_31880383/article/details/113332366
版权

Cesium-EarthSdk

Cesium-EarthSdk是一款基于Cesium的开源免费三维地球二次开发包，可以搭 配CesiumLab，快速发布三维切片服务，搭建和开发三维场景。 在GIS领域，同类产品主要是SuperMap iClient3D for WebGL(基于Cesium)和ArcGIS API for JavaScript。

Cesium-EarthSdk优劣势(纯主观)

优  势

1、大大降低了Cesium的开发难度，在缺乏图形学的基础知识下，可以通过option配置的方式，快速实现酷炫的三维场景效果，大场景渲染效果好。

2、该团队开发的CesiumLab目前还可以免费做三维切片，这点就很良心。

劣  势

相比游戏引擎，成品的交互体验和小场景渲染效果有局限性。这是这一类框架的弱势。如果项目追求较为丝滑的交互体验，精细的渲染效果，建议直接去找unity或ue4，不要在threejs上和Cesium相关的框架上浪费时间，少走弯路。

简单功能实现-建筑物点击弹出事件

05b6bf29c1e6dccab3b68ee2c234fcff.gif

方法一 ，调用原生接口实现思路

1、设置鼠标左键监听事件，获取点击的建筑物对象(Cesium3DTileFeature)的属性信息

2、构建

最低0.47元/天 解锁文章
命里雨花
关注
  • 1
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
GIS系列（五）开源三维框架Cesium的介绍和使用
lz5211314121的博客
05-07 9200
开源的二维地图前端框架有很多，但是三维框架基本上就只有cesium了。 这话说的可能有点绝对，但事实就是这样，目前为止互联网开源地图三维 框架屈指可数，cesium独当一面。 那么，本文我们来谈谈cesium和它的使用。 cesium的底层基于webGL，啥叫webGL？网络图形语言，就是指互联网如何绘制传输操作图形的语言。我们知道C/S端有开放图形语言open GL，web GL可以看作是它的网络版本 webGL所能操作的图形和场景是三维的，什么意思，就是除了能绘制矩形以外，还能绘制长方体。因此c
GIS开发入门，OpenLayers、Leaflet、Maplibre-gl和Cesiumjs地图引擎介绍以及几种地图服务vms、vmts、TMS和XYZ介绍
GIS地图技术分享(GIS入门、Openlayers教程、Leaflet教程)，做最好的GIS地图开发教程
04-10 1万+
OpenLayer、Leaflet、Maplibre-gl和Cesiumjs（3d）OpenLayer 对各种地图服务支持较好，比如各种vms,vmts等，动态效果较差。Leaflet 对vue支持较好，与前端交互方便，对地图服务支持不好Maplibre-gl:继承自Mapbox-2d的开源分支，Mapbox商业化后Maplibre-gl项目从Mapbox-2d的开源分支开始继续维护更新，号称地图服务中动态效果最好的库，插件较多，个人感觉像是地图引擎里的游戏引擎，各种动态效果极好。
开源三维GIS平台
07-28
1.WorldWind 知名度很高，介绍也很全。链接在这里NASA World Wind 目前分为.net版本和java版本。 开发语言:c#.java 渲染方式:DirectX,Opengl(Java) .......
EarthSDK 项目开发使用说明
moyebaobei1的博客
11-11 3712
EarthSDK，本系列文章简称sdk。是北京一家公司基于开源Web GIS引擎Cesium扩展、封装后形成的开源SDK。方便快速开发GIS项目。 我也是这个sdk的使用者，使用过程发现一些列问题，这里整理汇总，做个分享。以及针对项目的需求，会更新部分行为逻辑，使得更符合项目的逻辑。项目结束，如果有需要，我会把平台的简化版本的源码共享出来，当然会隐去特定使用场景的业务逻辑。 西部世界经历在GIS数据处理，提供封装的sdk主要用来测试数据的有效性。所以sdk...
推荐开源项目：Unity3DTiles——大型静态模型高效流式渲染解决方案
最新发布
gitblog_00008的博客
05-31 472
推荐开源项目：Unity3DTiles——大型静态模型高效流式渲染解决方案 项目地址:https://gitcode.com/NASA-AMMOS/Unity3DTiles 在3D建模和地理空间数据展示领域，有效的模型加载和渲染技术至关重要。Unity3DTiles是一款基于Unity的开源实现，它支持3DTiles开放格式，用于流式传输和渲染大规模静态模型。这款工具以其强大的数据结构适应性和稀疏...
我和EarthSDK Cesium那点事（序）
开发那点事
09-14 930
是基于Cesium二次开发的框架,相对于基础的Cesium框架，可以很简单的实现各种效果，比如，泛光，视角跟随模型移动，图层切换，等特效，它与Vue之间的契合度很高。在接下来的专栏里，我将会细细品味其中的乐趣。最近接触到了WebGis这块领域。沉睡了五年之久的敲码之心涌动。我将把在项目中实现的三维效果，以及在工作中遇到的问题记录在该专栏里。
地图框架leaflet和cesium实现二三维联动
刘德鹏的博客
05-28 3549
地图框架leaflet和cesium实现二三维联动 最近做个项目，要实现二三维联动。二维是基于leaflet的地图，三维是基于cesium，webgl的场景。要实现的是，平移、缩放二维地图时，三维跟着平移缩放，反过来也一样。 一问题界定 总体看，一共三个问题。 1 要解决二维三维循环联动的问题。就是说，不能拖动二维，三维跟着动，然后二维再跟着三维动，无限循环。 2 二维和三维的平移联动 3 二维和三维的缩放联动 二问题解决 1 使用flag，鼠标进入二维div时，flag为tru...
24.（cesium篇）cesium建筑物3DTile单体化.zip
06-08
该资源包的执行效果查看地址：https://blog.csdn.net/m0_60387551/article/details/123184049 “地图之家”专栏中的“24.（cesium篇）cesium建筑物3DTile单体化”。如下载有问题，可联系博主。 解压密码：cesium
cesium.rar_cesium_cesium3d_cesium引擎_cesium简介_三维cesium开发
07-13
cesium三维引擎入门介绍，介绍ceisum学习方法、学习路线、常见问题。
cesium直接加载的3dtiles格式文件
10-16
总的来说，Cesium加载3DTiles技术是现代GIS和Web应用中处理大规模3D数据的关键工具，它的高效性和灵活性使得复杂的3D场景在Web环境中得以流畅呈现。无论是用于建筑、地形、城市规划，还是地质勘探，Cesium和3DTiles...
CesiumUtil.zip_cesium_gis_made_rodkgo
09-23
Cesium是一个开源的JavaScript库，它提供了丰富的功能，如3D地形和建筑物、时间动态显示、多传感器集成等，使得用户可以在Web浏览器中创建交互式的地球应用。由于其跨平台性和强大的可视化效果，Cesium在科研、教育...
Cesium 3Dtiles加载建筑
03-01
Cesium 3Dtiles加载建筑 建筑渐变色 动态光线，自定义Shader纹理，适合cesium1.87版本以上，因为1.87版本增加了CustomShader，此文档为html，引用了在线cesium cdn，可直接运行，网上版本都是一段一段的，没有基础的...
自用链接：leaflet、cesium
前端技术
12-01 454
一. Leaflet 官网 Leaflet - a JavaScript library for interactive maps API Documentation - Leaflet - a JavaScript library for interactive maps 插件集 Plugins - Leaflet - a JavaScript library for interactive maps Github https://github.com/Leafle.
leaflet 地图
郑州彭于晏
06-09 894
leaflet地图
Cesium中简单的LOD动态加载大量三维模型
热门推荐
l491453302的专栏
03-02 4万+
Cesium中提供了三维模型加载API，但是很显然一般三维场景的模型成千上万，如果单纯采用默认的三维模型加载方案会出现浏览器吃不消致使崩溃或者高延迟低帧率等影响正常可视化交互的问题。诚然官方团队已经开始了一个号称革新技术的3Dtiles的三维模型批量加载处理方案，但目前其一直还在开发中，而且也还没有看到一个数据处理项目，当然github上的相关分支中也能看到运行不错的例子了。从一个公司或者一个团队
第一章：Vue3.0+Openlayers+Cesium创建二三维联动项目
liyajun54的博客
03-30 5920
大家好！从今天开始，我将分享我在GIS开发的过程中如何利用Openlayers和Cesium来创建一个二三维联动的项目，在后面的文章中我会讲解整个项目的搭建过程及每一个功能模块的实现方法，其中包括了很多我在入行几年做的各种特色功能实现方法，我也希望跟大家一起探讨学习，共同进步。
毕设（一）：基于WebGL（Cesium+MongoDB+NodeJS）下的三维城市室内外场景可视化+属性管理
哎呦喂iuv的博客
08-26 2351
前期准备：安装配置Cesium、NodeJS、MongoDB数据库；使用NodeJS中的npm安装express（快捷搭建服务器）和mongoose（快捷操作MongoDB）模块。具体教程网上太多了，总之小白才开始肯定是会踩坑的，特别是npm安装各种模块的时候，经常出错，掌握了套路就好。我在本文结尾附上一些我参考的文章，或许对各位才开始的小伙伴有用。 现在我们已经将开发的所有准备做好了，这时第一步就是创建一个express项目文件。在控制台进入想要创建文件夹的根目录（或在根目录下按住“Shift”按钮点击
Cesium双屏联动、三屏联动、多屏联动
shanshanqwertyuiop的博客
07-20 806
Cesium多屏联动对比
cesium学习记录05-加载数据（矢量、影像、地形、3D模型）
木卯彳亍的博客
08-10 4480
一个基于JSON的地理数据格式，Cesium支持GeoJSON的直接加载。KML (keyhole markup language)是以XML语言为基础开发的一种文件格式，用来描述和存储地理信息数据（点、线、面、图片等），是纯粹的xml文本格式， KMZ是Google Earth默认的输出文件格式，是一个经过ZIP格式压缩过的KML文件。/*** 添加卫星轨迹czml数据*/.add(Cesium.CzmlDataSource.load("../static/卫星轨迹.czml"))},
cesium怎么实现点击获取在线3dtiles服务的模型属性
04-25
要获取在线3DTiles服务中模型的属性，您需要使用Cesium.js的Pick功能。Pick操作是指通过鼠标点击或触摸屏等交互手段来获取场景中特定部位或者物体的信息并进行相关处理。您可以通过以下几个步骤实现该功能： 1. 创建场景和图层：首先，使用Cesium.js创建一个场景，并加载3DTiles服务。您可以使用以下代码来加载3DTiles图层： var viewer = new Cesium.Viewer('cesiumContainer'); var tileset = viewer.scene.primitives.add(new Cesium.Cesium3DTileset({ url: 'https://assets.cesium.com/13731/tileset.json' })); 2. 配置离线模式： 如果您的服务是使用离线模式部署的，可以 config 元数据设置离线资源的地址。Cesium.js支持在线、离线、混合等多种方式的加载，您需要根据自己的需求进行选择。 3. 绑定Pick事件： 将鼠标/触摸事件与Pick操作进行绑定。接下来，您需要绑定鼠标的点击事件与Pick进行关联，这可以通过以下代码来实现： var handler = new Cesium.ScreenSpaceEventHandler(viewer.scene.canvas); handler.setInputAction(function(movement) { var pickedObject = viewer.scene.pick(movement.position); if (Cesium.defined(pickedObject)) { console.log(pickedObject); // 在控制台中打印选中的物体信息。 } }, Cesium.ScreenSpaceEventType.LEFT_CLICK); 4. 获取模型属性： 最后一步，使用Pick返回的对象获取模型属性。对于3DTiles服务，Cesium提供了一种方便的方法来获取模型属性，代码如下： var content = pickedObject.tile.content; var feature = content.getFeature(pickedObject.primitiveId); var properties = feature.getProperty('propertyName'); 其中，'propertyName'是您需要获取的属性名称。通过该方法，您可以轻松地获取模型属性并进行处理。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值