cesium支持服务发布/离线数据的s3mb模型(引入s3m_sdk)

最新推荐文章于 2024-07-03 15:34:27 发布
最新推荐文章于 2024-07-03 15:34:27 发布
阅读量4.4k 收藏 5
点赞数 3
分类专栏： cesium 文章标签： js html5
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_39044241/article/details/116528386
版权

目录

引入超图sdk

超图sdk项目地址: github.
（项目包括很多东西：有处理b3dm转s3m格式的工具，我们这里需要的是S3M_Parser_JS这个js插件的东西。）
然后把需要用到的cesium的build包放到跟js文件同一个目录下就可以了
cesium.js引入

也可以通过改变helloworld.html中cesium.js的文件路径来改变
在这里插入图片描述

功能改动

解决s3mb能请求但是在地图上没有显示的问题

已解决√

之前去超图的qa社区问，上面的超图工作人员回答说是他们这个sdk插件已经很久没维护了。虽然s3m，s3mb开源，但是自20

最低0.47元/天 解锁文章
十万懵懵皮
关注
  • 3
    点赞
  • 踩
  • 5
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
19.（cesium篇）cesium接入加载3D城市建筑物（离线）
地图之家
07-22 4747
19.（cesium篇）cesium接入加载3D城市建筑物（离线）
能够使用Cesium开发一个多线程加载3DTiles模型的样例程序么？
weixin_35749440的博客
12-16 534
是的，Cesium 支持多线程加载 3DTiles 模型。Cesium 使用 Web Worker API 实现多线程加载。下面是一个使用 Cesium 开发多线程加载 3DTiles 模型的样例程序： // 创建 Cesium 场景 var viewer = new Cesium.Viewer('cesiumContainer', { terrainProvider : new Cesi...
Cesium加载超图S3M
01-11
Cesium加载超图S3M
原生Cesium加载S3M倾斜模型数据
weixin_44716194的博客
08-12 5189
原生Cesium加载S3M倾斜模型数据使用方法 利用超图提供的插件可以使用原生Cesium加载scp配置文件。 使用方法 在Cesium官网下载release包， 将包中Build文件夹放在根目录，与3M_Parser_JS同级。 准备数据，数据目录为S3M_Parser_JS的data文件夹里。 将源码包放在服务端（比如tomcat）的webapp文件夹下发布。 若使用精模数据，范例为CBD.html，若使用实例化数据，范例为instance.html。 核心代码如下： // 引入cesium &lt
SuperMap GIS基础产品FAQ集锦(20240513)
SuperMap技术控
05-14 1549
SuperMap GIS基础产品FAQ集锦(20240513)
Cesium----加载SuperMap的S3M地形
最新发布
LongJ_Sir的博客
07-03 184
原生Cesium加载SuperMap的S3M地形
cesium加载S3M白膜，通过分层设色实现渐变效果，设置点光源
weixin_39150852的博客
05-12 4527
var hyp = null; var layer = null; //加载白膜 function fnOpenSCENE() { var promise = scene.open('http://www.supermapol.com/realspace/services/3D-CBDbuilding/rest/realspace'); Cesium.when.all(promise, function () { //切换视角至模型位置 scene.camera.setView({
supermap开放三维地理空间数据格式S3M搭配cesium使用教程
weixin_44265800的博客
01-26 4030
1.项目简介 地址：https://github.com/SuperMap/s3m-spec 简介 2.数据转换 1）下载项目 2）打开项目里的转换软件 3）选择输入输出 4）加载转换后的数据，项目里有提供helloword示例文件，但是没有提供数据，需要自己生成。 5）注意事项，使用前需要将cesium的Build目录，放在与js文件的同级目录下。 6）es6的使用方法，因为原项目是使用requirejs写的，不方面现有的项目使用，所以我将其转换成了es6的。 项目地址：https://gi
cesium 新建模型_TerraExplorer Pro 7.2版本输出的3D Tiles模型如何在Cesium中使用？
weixin_31697021的博客
01-18 920
在TerraExplorer Pro 7.2版本中，增加了三维模型导出功能，能够将3DML模型导出成Cesium支持的3D Tiles和Esri支持的I3S格式，方便大家做三维模型(包括传统人工模型、BIM、倾斜实景三维模型等)的共享服务。随着这几年基于Cesium应用项目的增多，这个功能也更方便大家将以前3dml格式的成果数据转移到新的项目中来应用，同时也简化了模型的处理流程，更易于应...
Mars3D(含Cesium)数据及服务篇：人工建模模型转为3DTiles格式
木遥的专栏
01-17 4859
数据来源于3dmax、Maya等建模软件建模，建好的三维模型导出为fbx或dae或obj数据后，再转换为3DTiles数据格式。
倾斜摄影测试数据，s3m切片数据
12-23
Cesium支持多种三维模型格式，包括S3M，使得用户可以直接在网页上查看和操作倾斜摄影数据。通过Cesium，开发者可以构建交互式的地图应用，展示丰富的地理信息，如建筑物、地形、道路等，并能够进行动态分析和模拟。 ...
Cesium加载OSGB倾斜摄影数据Demo
06-01
Cesium加载OSGB倾斜摄影数据Demo，内附由OSGB倾斜摄影数据转换的Cesium3DTile数据，可直接运行。另：原始的OSGB倾斜摄影数据以及转换工具也可以由本人提供的资源进行下载。
通过Tomcat发布CesiumLab 地形数据
06-09
配置`url`属性指向你的Tomcat服务器上发布的地形服务URL，如`http://yourserver.com/cesium/terrain?tile={x},{y},{z}`。 6. **加载和显示地形**：在Cesium的场景中，使用`viewer.terrainProvider`设置刚才创建的...
BIM模型一键输出 3D Tiles (Cesium) 和 glTF/blg
01-15
基于 Autodesk Navisworks Manager 平台，支持 60+种源BIM模型格式，一键输出 svf/f2d, 3D Tiles(Cesium) 或 glTF/glb 格式数据
Revit 模型一键输出 3D Tiles (for Cesium) 和 glTF/glb
01-15
原始模型支持 *.rvt/*.rfa 支持一键输出 svf/f2d, glTF/glb, 3D Tiles(Cesium)
CesiumJs和SuperMap Desktop结合的三维显示的优化
我们不只是GISER
08-16 8985
前段时间要做一个三维相关的项目，侧重三维场景的展示以及数据查询，对三维场景中的空间分析并没有涉及，而且甲方不想花几十万买套三维平台进行二次开发，只能借助开源的。所有针对需求，筛选了现有的三维引擎或三维平台，OSG太过底层，babylonjs、threejs适用于数据量小的小场景，webglearth简单实用，但是demo较少、更新慢，openwebglobe加载不流畅、效果不怎么好...
三维缓存OSGB、S3M、S3MB有什么区别
weixin_45666126的博客
03-23 3026
1. 文件格式：OSGB使用的是OpenSceneGraph二进制格式，而S3M和S3MB使用的是自己的二进制格式。5. 应用领域：OSGB主要应用于游戏、虚拟现实等领域，而S3M和S3MB则更适用于工程设计、GIS等领域。4. 功能：OSGB具备更加丰富的功能，例如纹理、光照、动画等，而S3M和S3MB则更注重精度和效率。3. 适用范围：OSGB适用于大规模的三维场景，而S3M和S3MB则更适用于小规模的三维模型。
Cesium.js 加载3D模型
热门推荐
wozipa的博客
02-29 1万+
一、Cesuimjs介绍Cesiunjs是一套GIS行业中进行地图渲染的js库，该库使用的WebGL进行地图渲染。并且结合HTML5进行相应，从而实现3D中渲染地图。本篇文章则介绍如何将后缀名为max的文件加载到Cesiumjs中去。二、加载过程因为cesium只支持GLTF格式的3D描述文件，而笔者拿到的.max文件。因此要实现从max文件转换到gltf文件过程，然后通过cesium相应的api...
【Cesium for Supermap】S3MTiles图层box裁剪
心生的小鱼专栏
03-08 336
【代码】【Cesium for Supermap】S3MTiles图层box裁剪。
cesium如何加载s3m
09-12
要在Cesium中加载S3M文件，可以使用以下代码： ```javascript // 引入cesium <script src="https://cesium.com/downloads/cesiumjs/releases/1.84/Build/Cesium/Cesium.js"></script> <link href="https://cesium.com/downloads/cesiumjs/releases/1.84/Build/Cesium/Widgets/widgets.css" rel="stylesheet"> // 创建Cesium Viewer对象 let viewer = new Cesium.Viewer('cesiumContainer'); let scene = viewer.scene; window.scene = scene; // 引入S3MTilesLayer.js文件 require(['./js/S3MTiles/S3MTilesLayer'], function(S3MTilesLayer) { // 创建S3MTilesLayer实例并配置相关参数 let layer = new S3MTilesLayer({ context: scene._context, url: './data/comModel/comModel.scp' // S3M文件地址 }); }); ``` 这段代码中，首先引入Cesium库，并创建一个Viewer对象。然后引入S3MTilesLayer.js文件，并在回调函数中创建S3MTilesLayer实例，通过配置url参数指定S3M文件的地址，即可加载S3M文件到Cesium场景中。请确保将S3M文件放在正确的路径下，并将路径配置到url参数中。 引用

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值