用于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,W​​eb 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)

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 应用的更多相关文章

  1. Cesium资料大全

    前言 Cesium是一个用于显示三维地球和地图的开源js库.它可以用来显示海量三维模型数据.影像数据.地形高程数据.矢量数据等等.三维模型格式支持gltf.三维瓦片模型格式支持3d tiles.矢量数 ...

随机推荐

  1. 2019年Java面试题基础系列228道(2)

    21.描述一下 JVM 加载 class 文件的原理机制? JVM 中类的装载是由类加载器(ClassLoader)和它的子类来实现的,Java 中的类加载器是一个重要的 Java 运行时系统组件,它 ...

  2. leetcode——二分

    (1)4. 寻找两个有序数组的中位数(中) https://leetcode-cn.com/problems/median-of-two-sorted-arrays/ 给定两个大小为 m 和 n 的有 ...

  3. 微信 电脑版 HOOK(WeChat PC Hook)- 定位dll获取数据和调用功能的地址

    方案一:CE搜索内存数据,OD断点查看堆栈方案二:使用旧版本的特征码,在新版本搜索方案三:借鉴WeTool的dll,用ida分析获取地址方案四:ida静态分析微信,看字符串和输出日志 源码: http ...

  4. GetPrivateProfileString() 当 key 包含空格时,需要进行转义

    使用 GetPrivateProfileString() 方法可以方便的读取 ini 格式文件中的内容,如: [section] tommy = worker 使用 C# 读取如下: 1. 先引入 G ...

  5. 面试连环炮系列(四):说说TCP的三次握手过程

    说说TCP三次握手的过程? 第一次握手:Client将标志位SYN置为1,随机产生一个值seq=J,并将该数据包发送给Server,Client进入SYN_SENT状态,等待Server确认. 第二次 ...

  6. jimdb压测踩坑记

    本文记录在jimdb压测过程中遇到的各种小坑,望能够抛砖引玉. 1.压测流量起来后,过了5分钟左右,发现ops突降,大概降了三分之一,然后稳定了下来 大概原因:此种情况,jimdb极有可能某个分片的连 ...

  7. 【30天自制操作系统】day03:读写磁盘

    软盘 80个柱面,2个磁头,18个扇区 每个扇区 512 字节,共 1440 KB 读磁盘汇编 读取 10 个柱面到 0x0820 内存位置 ;读取磁盘 MOV AX,0x0820 MOV ES,AX ...

  8. Angular + Leaflet 实现房源数据可视化(附github源码)

    这是什么?租房信息展示平台 宏观的租房数据可视化微观的房源信息展示多条件搜索等等 链接地图搜租房​ 来龙去脉 受 @李国宝 的地图搜租房启发,利用其提供的开放API,配合自己在前端和地理信息系统方面的 ...

  9. Android RecyclerView SearchView基本用法1

    版权声明:本文为xing_star原创文章,转载请注明出处! 本文同步自http://javaexception.com/archives/82 背景: 做了很多年的app开发,貌似没见过没有搜索功能 ...

  10. Fiddler常用设置

    1.设置抓取HTTPS请求 勾选后弹窗添加证书确认框 点击yes后,弹出警告 点击是,成功添加证书 点击OK确认,设置成功了 成功抓取到HTTPS请求 2.自定义会话框,展示GET和POST请求 3. ...