cesium加载BIM模型

自己尝试用cesium引擎加载BIM模型，操作步骤如下:
第一步: 下载一个BIM模型

第二步:
将BIM模型转换成FBX格式

转成gltf格式
在如下网站进行转换:
https://products.aspose.app/3d/conversion/fbx-to-gltf/

第三步：
在cesium app项目中加载gltf模型。
源码如下:

<!DOCTYPE html>
<html lang="en">
<head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no"><title>加载gltf数据</title><script src="./scripts/Cesium/Cesium.js"></script><style>@import url(./scripts/Cesium/Widgets/widgets.css);html, body, #cesiumContainer {width: 100%; height: 100%; margin: 0; padding: 0; overflow: hidden;}</style>
</head>
<body><div id="cesiumContainer"></div><script>var viewer = new Cesium.Viewer('cesiumContainer',{animation:false,       //是否显示动画控件homeButton:true,       //是否显示home键//geocoder:false,         //是否显示地名查找控件        如果设置为true，则无法查询baseLayerPicker:false, //是否显示图层选择控件timeline:false,        //是否显示时间线控件fullscreenButton:true, //是否全屏显示scene3DOnly:true,     //如果设置为true，则所有几何图形以3D模式绘制以节约GPU资源infoBox:true,         //是否显示点击要素之后显示的信息sceneModePicker:false,  //是否显示投影方式控件  三维/二维navigationInstructionsInitiallyVisible:false,navigationHelpButton:false,     //是否显示帮助信息控件selectionIndicator:false,        //是否显示指示器组件//加载谷歌卫星影像imageryProvider : new Cesium.UrlTemplateImageryProvider({url:"http://mt1.google.cn/vt/lyrs=s&hl=zh-CN&x={x}&y={y}&z={z}&s=Gali"})});viewer._cesiumWidget._creditContainer.style.display = "none";  //   去除版权信息viewer.imageryLayers.addImageryProvider(new Cesium.WebMapTileServiceImageryProvider({   //调用影响中文注记服务url: "http://t0.tianditu.com/cia_w/wmts?service=wmts&request=GetTile&version=1.0.0&LAYER=cia&tileMatrixSet=w&TileMatrix={TileMatrix}&TileRow={TileRow}&TileCol={TileCol}&style=default.jpg",layer: "tdtAnnoLayer",style: "default",format: "image/jpeg",tileMatrixSetID: "GoogleMapsCompatible",show: false}));//加载gltf格式数据到cesium   var scene=viewer.scene;     var modelMatrix = Cesium.Transforms.eastNorthUpToFixedFrame(  Cesium.Cartesian3.fromDegrees(110.62898254394531, 40.02804946899414, 6.0));        //gltf数据加载位置var model = scene.primitives.add(Cesium.Model.fromGltf({  url : 'FBX2.gltf',        //如果为bgltf则为.bgltf     modelMatrix : modelMatrix,  scale : 3.0     //放大倍数}));     viewer.camera.flyTo({  destination : Cesium.Cartesian3.fromDegrees(110.62898254394531, 40.02804946899414, 6000.0)     //相机飞入点});  </script>
</body>
</html>

结果如下所示，位置有点不对哈，下次会逐步改进的

cesium加载BIM模型相关推荐

cesium 加载bim模型_构建统一CIM数字底盘，实现基于BIM的全流程管控
▲点击关注,收获更多GIS精彩 2009年,SuperMap发布了首款二三维一体化GIS软件,首次提出了二三维一体化GIS技术.随后,二三维一体化的应用系统不断涌现,二三维一体化技术逐步成为三维GIS ...
cesium加载 gltf模型
cesium加载 gltf模型首先自己配置一个iis环境 :http://www.xitongcheng.com/jiaocheng/win10_article_60912.html,其他环境比如 ...
cesium加载批量模型
cesium加载批量模型 class CreateModel {constructor() { }// 添加单条数据addEntity(item) {// 删除实体// viewer.entities ...
Cesium加载3Dtiles模型-大疆智图
Cesium加载3Dtiles模型 Cesium加载3Dtiles模型步骤: (一)如果您使用的是大疆智图,则该软件可以直接输出3Dtiles格式(B3DM切片)的数据,如图所示: var viewe ...
Cesium加载建筑物模型（shp转Geojson\3Dtiles）
本文主要介绍cesium加载Geojson和3dtile格式的建筑物模型文件,除此之外还介绍了Cesium工具栏的屏蔽方法.天地图的加载.地球初始状态设置等几个部分的内容,其中又不乏参照.优化诸如: ...
cesium加载3dtiles模型贴图到地图
<template><div id="cesiumContainer"> </div> </template><script& ...
cesium加载CAD模型(.dwg)
1.用3dmax软件将dwg文件转成obj格式 2.用cesium自带的obj2gltf工具转成(或cesiumlab的个人模型切片工具) 3. 转载于:https://www.cnblogs.com ...
37.（cesium之家）cesium加载gltf模型（贴地）
听老人家说:多看美女会长寿 cesium之家总目录(订阅之前建议先查看该博客) 文章末尾处提供保证可运行完整代码包,运行如有问题,可"私信"博主. 效果如下所示: 该示例运行需要下 ...
Cesium.js 加载3D模型
一.Cesuimjs介绍 Cesiunjs是一套GIS行业中进行地图渲染的js库,该库使用的WebGL进行地图渲染.并且结合HTML5进行相应,从而实现3D中渲染地图.本篇文章则介绍如何将后缀名为ma ...

cesium加载BIM模型

cesium加载BIM模型相关推荐

最新文章

热门文章