一款实用的信息可视化平台——ThingJS平台

今天给大家介绍一款实用的信息可视化平台——ThingJS平台。从技术发展的视角，智慧城市建设要求通过以移动技术为代表的物联网、云计算等新一代信息技术应用实现全面感知、泛在互联、普适计算与融合应用。本篇文章写给那些想要了解ThingJS的物联网可视化开发者们，作为一个使用thingjs库来开发的3D可视化平台，ThingJS平台又是什么呢？

ThingJS 是物联网可视化PaaS开发平台，帮助物联网开发商轻松集成 3D 可视化界面，ThingJS 名称源于物联网Internet of Things (IoT)中的 Thing (物)，ThingJS 使用当今最热门的 Javascript 语言进行开发。不仅可以针对单栋或多栋建筑组成的园区场景进行可视化开发，搭载丰富插件后，也可以针对地图级别场景进行开发。广泛应用于数据中心、仓储、学校、医院、安防、预案等多种领域。

物联网分为感知层、网络层、应用层。应用层涉及到 3D 界面的开发，对大部分企业来说都有一定挑战。ThingJS 可以极大降低 3D 界面开发的成本。下图清晰地反映了 ThingJS 在物联网领域中的定位：

ThingJS 基于 HTML5 和 WebGL 技术，可方便地在主流浏览器上进行浏览和调试，支持 PC 和移动设备。ThingJS 为可视化应用提供了简单、丰富的功能，只需要具有基本的 Javascript 开发经验即可上手。

ThingJS 提供了场景加载、分层级浏览，对象访问、搜索、以及对象的多种控制方式和丰富的效果展示，可以通过绑定事件进行各种交互操作，还提供了摄像机视角控制、点线面效果、温湿度云图、界面数据展示、粒子效果等各种可视化功能。

ThingJS提供如下相关组件和工具供用户使用：

• CityBuilder：聚焦城市的 3D 地图搭建工具，打造你的 3D 城市地图。

• CamBuilder：简单、好用、免费的 3D 场景搭建工具。

• ThingPano：全景图制作工具，轻松制作并开发全景图应用，实现 3D 宏观场景和全景微观场景的无缝融合。

• ThingDepot：上万种模型，数十个行业，自主挑选，一次制作多次复用。

• ChartBuilder：暂对VIP用户内测使用的图表工具。

身为一个平台，它不像JDK那样提供环境的一个包，它也包含了类似于Eclipse、IDEA、VSCode这样的辅助开发工具，只不过这些工具兼容的语言都非常的高，ThingJS平台与菜鸟教程、W3CSchool这种更为相似，ThingJS不但提供了开发环境，还有大量的示例可以进行学习。

那么学习ThingJS是来干嘛的？ThingJS的目标很明确，就是帮助物联网开发商轻松集成 3D 可视化界面。也就是说，学习ThingJS就是为了更快的去开发3D可视化项目的，大体来说都能归纳成一个开发工具，但是ThingJS除了是工具还是一个PaaS平台，什么是PaaS平台，就是专门提供服务、能够让人使用的时候更加简单的平台。ThingJS平台使用的技术是什么？ThingJS平台使用的是优锘科技旗下可视化专家团队研发出来的thingjs技术，T目前而言，物联网可视化中的PaaS平台，ThingJS在其中也是属于十分优秀的PaaS平台。

我曾经做过一期从照片来精确定位的文章让照片来说话！，其中使用的3D城市模型就来源于ThingJS平台中的智慧城市模块。此平台为情报分析人员提供了很多的开源信息，如智慧城市，城市医疗、教育有关模型。这里笔者以3D地图组件为例，简单为大家介绍一下如何使用此平台。

智慧城市指的是运用信息和通信技术手段，实现精细化和动态管理，并提升城市管理成效和改善市民生活质量。城市大屏应用通过可视化的形式营造感知氛围，把数据背后的故事生动描绘，调动受众的情绪与感知，传达本地文化背后的商业价值。

ThingJS支持通过编辑界面可视化的点击方式来快速使用搭建地图工具，在智慧城市管理平台建设过程中，基于可视化实现集中指挥调度、预案及辅助决策以及服务，使得数据共享交换更加便捷。

登录您的ThingJS平台账号，进入在线编辑界面，在操作可视化服务下点击进入Citybuidler。

第 1 步：创建地图项目

点击+号，创建地图项目，可选择一键生成或者自己上传Geojason数据。

第 2 步：选择底图

进入Citybuilder界面（自己上传数据），从【底图】列表中选取最贴近使用场景的【背景底图】模板，默认为Google影像。第 3 步：添加图层

上传准备好的Geojason数据，底图上新增一个地理图层。可继续利用【底图】组件来增强效果。

第 4 步：放置场景

进入【场景】，可从数据库中直接选择园区或建筑，选择地点，嵌入场景。之后进行【项目定位】，包括视角调整和交互参数配置。

第 5 步：预览发布

点击画布右下角全屏预览，预览完毕后点击发布，即可生成 URL，并可设置访问密码

如上图所示，生成的地图场景可转入ThingJS平台进行二次开发，纯js代码引用地图组件脚本，获取CityBuilder转出的url，定义类型为map，随后从map中获取项目的瓦片图层、业务图层，后续可进行绑定回调控制，并根据名称查询图层对象，编辑修改尺寸或大小参数。

智慧城市3D可视化应用只是ThingJS开发平台众多应用中的一个缩影。ThingJS作为面向物联网的3D可视化开发平台有广阔的行业应用场景。只要是3D可视化手段有助于提升行业应用监控展示效果的，均是ThingJS平台可参与的领域。

ThingJS以3D虚拟化技术为基础，以数字化、可视化、智能化、集成化理念为目标，在安防管理可视化、智慧消防可视化、智慧仓储可视化、智慧建筑可视化、数字港口可视化、档案馆可视化等领域都已形成3D可视化。

(资料来源：ThingJS官网）

本期编辑：BB

文章来源于网络，如有侵权请联系管理员删除

向上滑动翻阅往期回顾