mago3DJS 应用
用于3D多块可视化的开源JavaScript库
生成3D GIS平台,集成和可视化AEC(建筑,工程,建筑)区域和传统的3D空间信息(3D GIS)。将AEC和3D GIS集成到Web浏览器中,室内,室外,无法区分。您可以浏览和协作进行大规模BIM(建筑信息模型),JT(Jupiter Tessellation)和3D GIS文件,而无需在Web浏览器上安装任何程序。
特性
- AEC和3D GIS的集成
- 室内和室外空间的无缝连接
- 在Web浏览器上运行,不需要单独的插件或ActiveX安装
- 它基于开源(Cesium,Web World Wind)开发,具有出色的开放性和可扩展性
- 高效管理和超高速渲染高容量3-D文件
支持的格式格式
- IFC(工业基础课程)
- JT(木星镶嵌)
- OBJ
- 3DS
- COLLADA
入门
1.发展环境
2.来源下载
- 使用git通过git clone https://github.com/Gaia3D/mago3djs.git将源安装到C:\ git \ repository \ mago3djs 。
- 运行eclipse并导入mago3djs
Project Import File -> import -> General -> Projects from Folder or Archive。 - 如果您不使用git,请单击“下载ZIP”链接进行安装。
3.节点安装
- 节点安装窗口安装(.msi)64位。
- 安装完成后,转到C:\ git \ repository \ mago3djs目录。
- 使用节点包管理器为mago3DJS安装node_modules。
C:\git\repository\mago3djs> npm install - gulp在Terminal中全局安装以使用模块的模型。
C:\git\repository\mago3djs> npm install -g gulp
4. F4D转换器安装
- 安装程序:F4D转换器64位(此安装需要Windows 7或更高版本)
- 安装路径:C:\ F4DConverter \
5.数据转换
- 创建一个目录来存储已更改的f4d(outputFolder)
C:\f4d\projectname (Create a directory for each project under the data folder, the root folder) - 保存要转换为C:\ demo_data(inputFolder)的数据
- 以管理员身份运行命令行提示符(cmd.exe)并移至安装F4D Converter的目录
- 运行
※有关F4D Conveter参数F4D Conveter的描述C:\F4DConverter>F4DConverter.exe #inputFolder C:\demo_f4d #outputFolder C:\f4d\projectname #log C:\demo_f4d/logTest.txt #indexing y - 创建符号链接以将转换后的F4D文件用作mago3D JS项目中的Web服务
- 使用管理权限运行命令行提示符(cmd.exe)并转到mago3D JS项目
C:\mago3djs
C:\mago3djs>mklink /d "C:\git\repository\mago3djs\f4d" "C:\f4d"
(delete is rmdir data) - 使用管理权限运行命令行提示符(cmd.exe)并转到mago3D JS项目
6.编辑配置文件
添加两个配置文件。(data.json,policy.json)
data.json
- 它分为三个主要领域。存储属性值的属性,存储子节点信息的子节点,存储位置信息的其他区域
- - attributes字段的isPhysical属性是必需属性
- json的根节点的data_key与f4d文件夹下的项目名称匹配
{
//attributes area
"attributes" : {
"isPhysical" : false,
"nodeType": "root",
"projectType": "project Type"
},
//Child node area
"children" : [
],
//Location information area
"data_key" : "Project name",
"data_name" : "Project name"
}
C:\f4d\projectname找到要渲染的目录- 目录名称中F4D_之后的字符是唯一标识符
- 将data.json文件中child的data_key值修改为唯一标识符
- 将纬度,经度,高度,航向,俯仰和滚动值修改为适当的值
//Child node area
"children" : [
{
"attributes" : {
"isPhysical" : true,
"nodeType" : "..."
},
"children" : [
],
"data_key" : "Unique identifier",
"data_name" : "Data name",
"latitude" : Enter latitude,
"longitude" : Enter longitude,
"height" : Enter height,
"heading" : Enter heading,
"pitch" : Enter pitch,
"roll" : Enter roll
}
]
policy.json
- 要在初始化时加载的项目,Init Camera Latitude,Longitude,CallBack Function,Geo Server setup
,如果要加载多个项目,请在初始化页面时输入要加载的键值
"geo_data_default_projects": [
"data.json"
]
- 修复网页启动时移动的位置(lattiude,经度)
"geo_init_latitude": "Enter latitude",
"geo_init_longitude": "Enter longitude"
- 铯离子地形访问令牌设置
- 下载maago3D JS源代码时,默认使用Cesium World Terrain。
- 在mago3D JS中发布用于铯地形应用的Cesium离子令牌。(https://cesium.com/ion/signin)
"geo_cesium_ion_token": "cesium ion token"
7.运行节点服务器
// If you run the server privately
C:\git\repository\mago3djs>node server.js
// If you run the server as public
C:\git\repository\mago3djs>node server.js --public true
8.浏览器验证
// Cesium
http:localhost/sample/cesium.html
// WorlWind
http:localhost/sample/worldwind.html
mago3DJS 应用的更多相关文章
- Cesium资料大全
前言 Cesium是一个用于显示三维地球和地图的开源js库.它可以用来显示海量三维模型数据.影像数据.地形高程数据.矢量数据等等.三维模型格式支持gltf.三维瓦片模型格式支持3d tiles.矢量数 ...
随机推荐
- IDEA开发、测试、生产环境pom配置及使用
pom文件 一般放在最下面,project里 <!--开发环境.测试环境.生产环境--> <!--生产环境--> <profiles> <profile> ...
- 深入理解 Java 枚举
- openwrt_在PPPOE上网的同时_访问光猫
openwrt_在PPPOE上网的同时_访问光猫 转载注明来源: 本文链接 来自osnosn的博客,写于 2019-11-14. 参考文章: 光猫桥接模式下,通过路由器访问光猫.简单设置 设置Open ...
- 【STM32H7教程】第34章 STM32H7的定时器应用之TIM1-TIM17的PWM实现
完整教程下载地址:http://www.armbbs.cn/forum.php?mod=viewthread&tid=86980 第34章 STM32H7的定时器应用之TIM1-T ...
- git常用情景和基础命令
git常用情景和基础命令 将项目克隆到本地 --xxx是git的地址 git clone xxxx 或者初始化git(github提供滴) --新建一个readme.md文件 echo "# ...
- ES-索引操作
参考: https://es.xiaoleilu.com/030_Data/05_Document.html <ELasticsearch in Action> 以下的操作在ES7.5版本 ...
- activiti web流程设计器 工作流的 整合视频教程 SSM和独立部署
本视频为activiti工作流的web流程设计器整合视频教程 整合Acitiviti在线流程设计器(Activiti-Modeler 5.21.0 官方流程设计器) 本视频共讲了两种整合方式 1. 流 ...
- ElementUI项目请求SpringBoot后台项目时提示:Access to XMLHttpRequest at **from origin ** has been blocked by CORS policy
场景 搭建ElementUI前端项目后提示: Access to XMLHttpRequest at **from origin ** has been blocked by CORS policy ...
- mysql操作进阶
# ### part1 单表查询# sql 查询语句的完整语法 ''' select .. from .. where .. group by .. having .. order by .. lim ...
- 表单生成器(Form Builder)之mongodb表单数据查询——统计查询求和
上一篇笔记仅是记录了一下简单的关联查询,根据笔记中的场景:将某一车辆关联的耗损记录全部放在了一个字段当中.不知道现在中有没有这种场景,我们的应用中没有类似的场景,可能我们更关注的是某车辆的总耗损金额和 ...