完善三维城市建模之开发视角,10万场景资源+用户样例 3D 地图 可视化 ThingJS

简介: 关键技术涉及计算机图形技术、3S技术(包括遥感(RS)、全球定位系统(GPS)、地理信息系统(GIS))以及大规模存储技术。

互联网智慧城市的搭建,ThingJS为居民提供便利服务支持,充分发挥城市经济优势。

官网注册送500魔豆,相当于¥5抵值券.jpg

首先要明确概念,什么是三维建模?用技术的话来解释,三维城市建模做的就是建设“数字城市”“三维城市”的活儿,只不过是实时交互与可视化效果部分,属于物联网项目部署“最后一公里”,关键技术涉及计算机图形技术、3S技术(包括遥感(RS)、全球定位系统(GPS)、地理信息系统(GIS))以及大规模存储技术。

通过对城市地物空间进行数字模拟和数据可视化分析,实现地图、建筑、设备、人物动画的动态效果。效果图开发出来后,还需要接入大量的实时数据,通过实时交互方式再现城市的三维立体景观,这就需要各部门业务数据一起配合,在可视化的基础上提供各类分析功能。

v2-260ec6219e43ce4cd1bd18224b92aa81_720w.jpg

3大好处

(1) 提供解决方案的交互,提升视觉表达效果。人的世界是三维的,在感觉上就迎合了大脑的需求,不用过多的场景切换,就知道对方想表达什么。(2) 三维城市模型是对城市内部地块尺度的精细化建模,是对现实环境的真实模拟。接入数据源后将设计方案进行实时动态展示,让用户对城市运行现状有生动、直观的了解。(3) 三维城市模型能够真实反映城市运行现状,从全局维度发觉全新的规划思路,3D视觉方案推动了公众参与度和人员积极性,有助于实现人居城市的设计。

关键技术

一个物联网项目是集成的,也是多方共享的,是解决方案式的,三维建模只是一个组成部分。关键技术涉及数据集成、空间分析技术和坐标系的转换,例如我们看到的 3D 画面其实是计算机把三维空间中的物体从世界坐标系通过各种复杂的计算投影到屏幕坐标系,并显示在视口中。

ThingJS 中可通过 app.camera.porjectionType 设置摄像机的投影类型。

//透视投影
app.camera.projectionType= THING.CameraProjectionType.Perspective;
//正射投影
app.camera.projectionType= THING.CameraProjectionType.Orthographic;

用户样例

我有一个在建筑设计院做城市设计的朋友,经常利用三维城市虚拟环境对建筑单体及街道片区进行全方位感知,这种动态交互的虚拟环境为制定设计方案提供了很好的决策依据。三维建模需求很大,物联网3D开发的机会越来越多了。ThingJS有海量3D城市地图学习资源:

[一个3D地图开发工具]

4.GIF

如果你ThingJS一开始就没有底线没有原则的话,那基本上你再没机会建立自己的底线跟原则了

相关文章
|
1月前
|
JavaScript API 图形学
(在线查看三维模型)在线CAD中创建三维建筑墙体
本文详细介绍如何使用mxcad3d创建建筑墙体模型。首先需安装Node.js及npm包管理器,并通过npm初始化项目、引入mxcad包。接着,在项目中编写HTML与TypeScript代码以实现墙体绘制,包括外墙、内墙、窗户和门的创建。最后,通过运行项目验证效果。教程及完整项目示例可在[mxcad3d官方仓库](https://gitee.com/mxcadx/mxcad_docs/tree/master/examples3D/Test3dWall.7z)获取。更多详细步骤,请关注“梦想云图网页CAD”公众号。
|
2月前
|
存储 SQL 数据可视化
三维引擎系列(三):BIM数据管理与可视化功能
Ganos三维引擎的BIM数据管理分析解决方案,旨在充分发挥BIM模型价值,满足数字孪生技术发展的高精度需求。该方案通过结构化拆解BIM数据,实现统一管理和联合查询;支持精细化计算BIM模型指标,并与规划红线对比;同时提供高效渲染能力。Ganos内置多种功能,如ST_ImportIFC导入IFC格式数据,ST_As3DTiles生成3D Tiles瓦片数据结构,无需依赖第三方软件即可完成BIM数据的存储、计算与可视化展示。此外,通过简单的后端服务即可实现与渲染引擎的无缝对接,显著提升三维空间计算效率。
32 0
|
6月前
|
数据可视化 定位技术
R语言二手车汽车销售数据可视化探索:预处理、平滑密度图、地理空间可视化(中)
R语言二手车汽车销售数据可视化探索:预处理、平滑密度图、地理空间可视化
|
6月前
|
机器学习/深度学习 数据采集 数据可视化
R语言二手车汽车销售数据可视化探索:预处理、平滑密度图、地理空间可视化(上)
R语言二手车汽车销售数据可视化探索:预处理、平滑密度图、地理空间可视化
|
6月前
|
数据可视化 AndFix
R语言二手车汽车销售数据可视化探索:预处理、平滑密度图、地理空间可视化(下)
R语言二手车汽车销售数据可视化探索:预处理、平滑密度图、地理空间可视化
|
监控 搜索推荐 数据可视化
漏刻有时垃圾分类回收数据可视化大屏监控源代码百度地图标注及地图个性化处理方案
漏刻有时垃圾分类回收数据可视化大屏监控源代码百度地图标注及地图个性化处理方案
107 0
|
数据可视化
视觉可视化分析与设计
Visualization Analysis & Design
122 0
|
传感器 存储 JSON
智慧养殖,三维可视化解决方案
智慧养殖,三维可视化解决方案
585 0
智慧养殖,三维可视化解决方案
|
数据可视化 数据格式
水厂流程三维场景可视化解决方案
水厂流程三维场景可视化解决方案
水厂流程三维场景可视化解决方案
|
运维 监控 数据可视化
基于WebGL的三维交通监控可视化技术应用(实践版) ThingJS
互联网技术为交通行业的可视化带来了多样性的发展。从传统的二维平面变形图、二维SVG矢量图到如今的SVG三维矢量技术、BIM技术、GIS+BIM技术、 WebGL技术,甚至连AR、VR、MR等虚拟现实技术,也开始应用于交通领域的可视化发展方面。
基于WebGL的三维交通监控可视化技术应用(实践版) ThingJS
下一篇
无影云桌面