CN114359501A - 可配置3d可视化平台及场景搭建方法 - Google Patents
可配置3d可视化平台及场景搭建方法 Download PDFInfo
- Publication number
- CN114359501A CN114359501A CN202210258843.6A CN202210258843A CN114359501A CN 114359501 A CN114359501 A CN 114359501A CN 202210258843 A CN202210258843 A CN 202210258843A CN 114359501 A CN114359501 A CN 114359501A
- Authority
- CN
- China
- Prior art keywords
- dimensional
- module
- scene
- configurable
- platform
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Granted
Links
Images
Landscapes
- Processing Or Creating Images (AREA)
Abstract
本发明提供一种可配置3D可视化平台及场景搭建方法,本发明使用可三维视化应用的方式来分析并展示庞杂数据的B/S架构产品,该平台包括多种组件,包括基础组件、三维组件、二维组件、以及流程组件,内置多种数据展示模板供用户调用;平台前台技术基于html,css,js,echart.js,three.js,react等技术实现各种功能,后台技术基于springboot,mybatis,monogodb等技术实现数据的存储以及逻辑的处理。
Description
技术领域
本申请涉及大数据技术领域,尤其涉及一种应用于大数据操作系统的可配置3D可视化平台及场景搭建方法。
背景技术
随着大数据技术的发展,企业对计算机数据的真实性和视觉上提出了越来越高的要求,它们不仅满足了平面的视觉要求,而且逐渐发展成为三维、多维的显现效果。
数据可视化平台是通过三维表现技术来表示复杂的信息,实现对海量数据的立体体现。可视化技术借鉴人脑的视觉展现能力,通过挖掘重要数据之间的关联关系将若干关联性的可视化数据进行汇总处理。揭示数据中隐含的关联和发展趋势,从而提高数据的使用效率。可视化平台使得人们不再局限于用传统关系数据表来分析数据信息,而是以更直观的方式从视觉上观测数据信息。是数据分析展现形式的主要载体。
在国外,数据可视化已经比较成熟,比如说新闻方面,他们借助于数据可视化的技术,使用图像化来传播信息,以此来提高自己的影响力。而在我国,数据可视化起步的时间较晚一点,比如说360平台的“360星图”,依托于12亿终端设备,使人们真切的看到大数据;再如阿里巴巴的淘宝指数,通过旗下的电子交易产生的商业数据进行分析和可视化,为买家、卖家和其他第三方提供信息,进行分享。
未来的数据可视化趋势已成为了必然性,国内的数据可视化工具也越来越多,这样的趋势只有创新才能走的更远。在越来越多的企业、政府等的应用场景应用也会普及,根据实时的监控数据,把最新的数据展现在大屏幕上,清楚的看到自己想要看到的数据,同时根据这些数据做出决策的调整。
发明内容
鉴于上述问题,本发明提供了一种能够克服或至少解决上述部分技术问题的可配置3D可视化平台及场景搭建方法。
本发明提供了一种可配置3D可视化平台,应用于大数据操作系统,所述可配置3D可视化平台由下至上分为运行引擎层、功能层、设计器层、项目管理层、应用层五部分,其中:
所述运行引擎层包括三维引擎模块、二维引擎模块、接口解析模块和服务运行模块;
所述功能层包括三维能力模块、二维能力模块、扩展能力模块和/或其它能力模块;
所述设计器层包括服务开发模块、主题设计模块、页面设计模块、组件配置模块、三维场景搭建模块、图表开发模块、流程开发模块、交互配置模块、数据接入模块和/或页面浏览模块;
所述项目管理层包括:应用管理模块、版本管理模块、应用浏览模块和/或发布部署模块;
所述应用层包括:智慧城市模块、智慧园区模块、智慧工厂模块、智慧交通模块和/或其它Alot行业模块。
可选地,所述三维引擎模块,基于three.js开源技术框架开发的一套三维信息处理、展示和/或交互的运行引擎;
所述二维引擎模块,基于html、css、javascript和/或echarts开源技术开发的一套二维页面、图表信息的运行引擎;
所述接口解析模块,基于java、springboot开发的一套接口解析、处理、运行的引擎;
所述服务运行模块,基于tomcat技术将服务部署到服务器进行运行,通过浏览器对外提供服务。
可选地,所述三维能力模块,包括三维地球、高程数据、3D组件、三维坐标系、矢量数据、模型库、瓦片地图、GIS组件和/或模型导入功能,基于three.js技术构建平台三维能力。
可选地,所述三维场景坐标系采用WGS84坐标系,以地球原型为坐标原点,以地球半径为半径,构建三维空间一系列地球表面坐标点,通过three.js内容模型渲染算法,通过相邻点连线,最终形成由一系列三角面构成的地球模型,并可提供1-20级的缩放功能。
可选地,每个图像级别的地图分辨率不同,不同图像级别被切割成为的瓦片数量也不同,所加载的瓦片地图精度也不同,瓦片数量的计算公式如下:
垂直方向上的瓦片数量 = 水平方向上的瓦片数量 = 2^图像级别。
可选地,瓦片坐标系的计算公式如下:
已知一个像素坐标XY,瓦片X坐标=floor(像素X坐标/256),瓦片Y坐标=floor(像素Y坐标/256)。
可选地,每个瓦片的二维XY坐标值会被转换成一维字串,即四叉树键值quadkeys,每个quadkey独立对应设定放大级别下的一个瓦片,并且各所述quadkey可以被用作数据库中B-tree索引值。
可选地,高程数据来自标准的地理数据,可以结合高程数据调整地球表座坐标点的坐标,形成表面高低起伏的地球模型,矢量数据来自标准的地图元素的地理数据,包括建筑、路网和/或水系的带有地理坐标信息和属性信息。
可选地,所述二维能力模块包括布局组件、逻辑组件、图表组件库、表单组件、图表库、基础组件。
可选地,所述扩展能力模块包括自定义组件、自定义模板、自定义API、自定义主题。
可选地,所述其它能力模块包括拖拽组合、应用模板、页面模板、主题样式、事件交互和/或API配置。
根据本发明的另一个方面,还提供了一种基于上述可配置3D可视化平台的场景搭建方法,该方法包括以下步骤:
登录平台:利用浏览器打开可配置3D可视化平台,输入账号和密码登录平台后,基于所述浏览器生成并展示可视化页面;
创建场景:创建场景:基于浏览器中展示的可视化页面创建场景,同时获取场景基本信息,响应于用户的操作进行场景地图配置;
场景开发:场景开发:结合配置好的场景地图进行三维场景开发和/或二维页面开发;
预览:场景创建完成后,预览或测试所述三维场景或二维页面;
发布:将场景发布上线。
本发明提供的可配置3D可视化平台,使用可三维视化应用的方式来分析并展示庞杂数据的B/S架构产品。平台内容多种组件,包括基础组件,三维组件,二维组件,以及流程组件,内置多种数据展示模板供用户调用。平台前台技术基于html、css、js、echart.js、three.js、react等技术实现各种功能,后台技术基于springboot、mybatis、monogodb等技术实现数据的存储以及逻辑的处理。
附图说明
通过阅读下文优选实施方式的详细描述,各种其他的优点和益处对于本领域普通技术人员将变得清楚明了。附图仅用于示出优选实施方式的目的,而并不认为是对本发明的限制。而且在整个附图中,用相同的参考符号表示相同的部件。在附图中:
图1为本发明具体实施方式涉及的可配置3D可视化平台的产品架构示意图;
图2为本发明具体实施方式涉及的可配置3D可视化平台的第3级的瓦片坐标系配置示意图;
图3为本发明具体实施方式涉及的可配置3D可视化平台的3级放大的瓦片坐标示意图;
图4为本发明具体实施方式涉及的基于可配置3D可视化平台的场景搭建示意图;
图5为本发明具体实施方式涉及的可配置3D可视化平台的可视化页面示意图;
图6为本发明具体实施方式涉及的可配置3D可视化平台的场景搭建方法示意图。
具体实施方式
下面将参照附图更详细地描述本发明的示例性实施例。虽然附图中显示了本发明的示例性实施例,然而应当理解,可以以各种形式实现本发明而不应被这里阐述的实施例所限制。相反,提供这些实施例是为了能够更透彻地理解本发明,并且能够将本发明的范围完整的传达给本领域的技术人员。
图1是本发明具体实施方式涉及的可配置3D可视化平台的产品架构图,如图1所示,本实施例提供的可配置3D可视化平台由下至上可以分为运行引擎层、功能层、设计器层、项目管理层、应用层五部分。下面分别对可配置3D可视化平台的各层进行详细说明。
一、运行引擎层
运行引擎层位于可配置3D可视化平台最底层,是驱动控制场景搭建的主要引擎部分。本实施例的可配置3D可视化平台中的运行引擎层可以包括:三维引擎模块、二维引擎模块、接口解析模块和服务运行模块。
1.1,三维引擎模块,基于three.js开源技术框架开发的一套三维信息处理、展示、交互的运行引擎,三维引擎模块用于提供平台底层的三维功能的运行能力。
1.2,二维引擎模块,基于html、css、javascript和/或echarts等开源技术开发的一套二维页面、图表等信息的运行引擎,用于提供平台底层二维功能的运行能力。
1.3,接口解析模块,基于java,springboot开发的一套接口解析、处理、运行的引擎,提供平台底层接口API的处理能力。
1.4,服务运行模块,基于tomcat技术将服务部署到服务器进行运行,通过浏览器对外提供服务。
二、功能层
继续参见图1可知,本实施例的可配置3D可视化平台中的功能层可以包括:三维能力模块、二维能力模块、扩展能力模块和其它能力模块。
2.1,三维能力模块,包括三维地球、高程数据、3D组件、三维坐标系、矢量数据(在直角坐标中,用x、y坐标表示地图图形或地理实体的位置和形状的数据)、模型库、瓦片地图、GIS组件、模型导入等功能。
本实施例提供的可视化平台基于three.js技术构建平台三维能力。三维地球,即可以实现三维地球的演示以及添加。本实施例中,三维场景坐标系采用WGS84坐标系,以地球原型为坐标原点,以地球半径为半径,构建三维空间一系列地球表面坐标点,通过three.js内容模型渲染算法,通过相邻点连线,最终形成由一系列三角面构成的地球模型,并可提供1-20级的缩放功能。每个图像级别的地图分辨率不同,所以不同图像级别被切割成为的瓦片数量也不同,所加载的瓦片地图精度也不同,
瓦片数量的计算公式(单位:块)如下:
垂直方向上的瓦片数量 = 水平方向上的瓦片数量 = 2^图像级别;
瓦片坐标系以左上角为原点(0, 0),到右下角(2^图像级别-1, 2^图像级别-1)为止。例如:第3级的瓦片坐标系是从(0,0)到(7,7),如图2所示。
可选地,本实施例中瓦片坐标系的计算可以如下:
已知一个像素坐标XY,可以很容易求得其瓦片坐标:
瓦片X坐标=floor(像素X坐标/256)
瓦片Y坐标=floor(像素Y坐标/256)
为了简化索引和存储地图图片,每个瓦片的二维XY坐标值会被转换成一维字串,即四叉树键值(quardtree keys,缩写为quadkeys)。每个quadkey独立对应设定放大级别下的一个瓦片,并且各所述quadkey可以被用作数据库中B-tree索引值。为了将坐标值转换成quadkey,需要将Y和X坐标二进制值交错组合,并转换成4进制值及对应的字符串。例如,假设在放大级别为3时,瓦片的XY坐标值为(3,5),如图3所示,quadkey计算如下:
瓦片X坐标=3=011(二进制)
瓦片Y坐标=5=101(二进制)
quadkey=100111(二进制)=213(四进制)= "213"
高程数据来自标准的地理数据,可以结合高程数据调整地球表座坐标点的坐标,形成表面高低起伏的地球模型。矢量数据来自标准的地图元素的地理数据,包括建筑、路网、水系等,带有地理坐标信息和属性信息,可以加载到地球模型表面,表现为点、线、面的形态,对于面元素可以通过纵向拉伸形成三维模型。3D组件,GIS组件是通过three.js,html,css,javascript封装的地球功能。模型库预先创建的对应任何类型场景中实体对象的相关模型,如城市相关的建筑模型、布局模型等,模型库中所存储的模型可以是系统自带模型,也可以是用户导入的第三方制备得到的模型,对于模型库中的任一模型,均可以导入并用于进行三维场景或二维场景的搭建。
2.2,二维能力模块,包括布局组件、逻辑组件、图表组件库、表单组件、图表库、基础组件。二维能力是基于html,css,javascript,echarts等技术开发的一系列内置的功能组件,如文字、输入框、图片、柱形图、折线图、饼图等,通过html搭建组件结构,通过css设置组件样式,通过javascript,ecarts实现组建的交互,动画功能。
布局组件就是在IDE里设计界面,可以拖拽别的组件加到这个布局组件里作为这个布局组件内的一个部分。其中,布局组件可以包括如do_ALayout(AbsoluteLayout,绝对布局)组件和do_LinearLayout(线性布局)组件。
2.3,扩展能力模块,包括自定义组件、自定义模板、自定义API、自定义主题。平台提供用户自定义的能力,基于html、css、javascript等技术进行用户输入配置的功能的开发。用户可以根据参数需求输入相应信息进行自定义添加。
2.4,其它能力模块,包括拖拽组合、应用模板、页面模板、主题样式、事件交互、API配置。平台提供了已经搭建好的模板,用户可以直接选用。用户也可以通过拖拽平台内置的三维、二维、自定义组件像搭积木的形式一样搭建页面。
三、设计器层
可选地,本实施例的可配置3D可视化平台中的设计器层可以包括:服务开发模块、主题设计模块、页面设计模块、组件配置模块、三维场景搭建模块、图表开发模块、流程开发模块、交互配置模块、数据接入模块和页面浏览模块。
服务开发模块,主要用于开发人员进一步开发平台可提供的服务;主题设计模块,可以响应于用户或者是开发人员的操作设计不同的应用主题;页面设计模块可以响应于用户或者是开发人员的操作设计不同二维;组件配置模块,用于响应于用户的场景搭建的操作,在三维场景或二维页面中添加配置不同的组件,或是响应于开发人员的操作配置或管理用于场景搭建的组件;图表开发模块,用于响应于开发人员的操作配置不同类型的图表,如二维图、条形图等等;流程开发模块,用于响应于开发人员的操作设计场景搭建的流程;交互配置模块,用于实现3D可视化平台与开发人员或是操作人员之间交互的配置;数据接入模块,用于辅助实现3D可视化平台与第三方数据的接入;页面浏览模块,用于响应于用户的操作实现已搭建的三维模型或二维页面的浏览。
四、项目管理层
本实施例的可配置3D可视化平台中的项目管理层包括:应用管理模块、版本管理模块、应用浏览模块和发布部署模块。
4.1,应用管理模块,主要用于管理不同类型的Alot场景应用,如智慧城市、智慧园区、智慧交通、智慧工厂等应用的管理。
4.2,版本管理模块,用于对所创建的各三维场景或二维场景进行版本的管理,也即,在用户使用可视化平台的过程中,对于完成创建或是正在创建的二维场景或三维场场景进行版本的分别管理。
4.3 应用浏览模块,用于辅助实现智慧城市、智慧园区、智慧交通、智慧工厂等应用的浏览管理。
4.4,发布部署模块,在二维场景或三维场景创建完成之后,用于线上发布的部署。
五、应用层
本实施例的可配置3D可视化平台中的应用层包括:智慧城市模块、智慧园区模块、智慧工厂模块、智慧交通模块和其它Alot行业模块。AIoT 即 AI + IoT 的简称,是指人工智能技术与物联网在实际应用中的落地融合。AI+IoT=AIoT就是AI(人工智能)与IoT(物联网)相结合产生的智联网。也就是赋予每一个物体“AI”的能力。可以理解为,基于本实施例的可配置3D可视化平台可以实现智慧城市的三维或二维场景搭建、智慧园的三维或二维场景搭建以及智慧交通或是其他任意场景的三维模型或二维模型的搭建。
本发明实施例还提供了一种基于可配置3D可视化平台的场景搭建方法,整体上,本实施例的可该方法以下几个步骤:
S1,登录平台:利用浏览器打开可配置3D可视化平台,输入账号和密码登录平台后,基于所述浏览器生成并展示可视化页面。
实际应用中,可以预先申请注册可配置3D可视化平台的使用账号以及账号使用密码,通过预先注册的账号和密码可以登录本实施例的可配置3D可视化平台,进而生成并展示可视化页面。本实施例的可视化页面是用于搭建二维或三维场景的可视化编辑页面,该页面可以包括场景编辑区域以及工具区域等。本实施例中,可以基于浏览器中打开可配置3D可视化平台,输入账号、密码即可登录平台。
S2,创建场景:基于浏览器中展示的可视化页面创建场景,同时获取场景基本信息,响应于用户的操作进行场景地图配置。其中,场景基本信息可以包括场景名称、场景描述信息、图片等信息。
结合图4,在【场景管理】界面,通过点击【创建场景】,可以选择场景类型,填写场景名称,创建场景基础信息;点击【下一步】进入场景【地图配置】页面,选择地图范围(可通过所提供的行政区域名称列表进行勾选,也可通过所提供的为地图进行框选),选择地图风格类型,点击【确定】进行三维地图生成,等待三维地图生成后,点击【去开发】跳转到三维场景开发界面,可在此页面进行场景的开发。
在进行地图配置时,可以根据场景对应的类别进行配置,如智慧城市、智慧园区等,同时对应添加地图组件以及基础组件,如鹰眼地图、量测工具等,以生成场景中的建筑模型。
三维地图生成原理如下:通过平台后台接口获取所选区域的地图元素矢量数据包括:建筑、路网、绿化、水系等数据。通过三维引擎对矢量数据操作形成相应地图元素,地图元素依据矢量数据中的地理位置信息摆放到三维场景中。对于不同类型的数据,处理过程可以如下。
建筑:三维引擎通过建筑矢量数据中的轮廓数据生成建筑轮廓,根据矢量数据中的建筑高度数据,将建筑轮廓纵向拉伸,形成三维建筑,在对建筑进行贴图处理。
路网:三维引擎通过路网矢量数据中的路线数据生成路线网,根据矢量数据中的路网等级横向扩展成面,形成路网,在对路网进行贴图处理。
绿化,水系:三维引擎通过绿化,水系矢量数据中的轮廓数据生成相应绿化和水系轮廓,在对其进行贴图处理,形成绿化和水系元素。
S3,场景开发:结合配置好的场景地图进行三维场景开发和/或二维页面开发。
本实施例中的场景开发包括三维场景开发和二维页面开发。三维场景开发中可添加模型,添加动画,添加图标标识等功能;二维页面开发中可创建页面结构布局,创建应用导航菜单,创建柱形图,折线图,饼图等多类图表,创建标题等功能,如图5所示。
三维场景开发可以通过以下步骤A1~A3实现:
A1,添加模型,通过触发点击【打开】左侧【模型菜单】,选择需要添加的模型,【点击】选中模型拖动鼠标至中间编辑区放开鼠标将模型添加到三维场景中,并可以移动模型摆放到对应位置。
对于可配置3D可视化平台来讲,其通过识别鼠标指针针对可视化界面中的组件的编辑操作可以响应于用户的操作完成三维场景的模型添加。
A2,添加动画,通过触发点击【打开】左侧【动画菜单】,选择需要添加的动画效果,【点击】选中动画拖动鼠标至中间编辑区放开鼠标将模型添加到三维场景中,并可以移动动画摆放到对应位置,【选中】场景中的动画,右侧现实动画属性区域,可通过调整属性参数信息修改动画样式。
A3,添加图标标识,通过触发点击【打开】左侧【图标菜单】,选择需要添加的图标,【点击】选中图标拖动鼠标至中间编辑区放开鼠标将图标添加到三维场景中,并可以移动图标摆放到对应位置,【选中】场景中的图标,右侧现实图标属性区域,可通过调整属性参数信息修改图标信息。本实施例中的图标是对应于不同的学校、商场、医院等不同场景中的图标表示。
二维场景开发可以通过以下步骤B1~B4实现:
B1,创建页面结构布局。通过触发点击【打开】左侧【布局菜单】,【点击】布局会在中间编辑器中生成相应布局的二维页面。
B2,创建应用导航菜单。【打开】左侧【导航菜单】,【点击】选中导航拖动鼠标至中间编辑区放开鼠标将导航添加到二维页面中,并可以移动导航摆放到对应位置。【选中】导航,右侧现实导航属性区域,可通过调整属性参数信息修改导航信息。
B3,创建图表。【打开】左侧【图表菜单】,【点击】选中图表拖动鼠标至中间编辑区放开鼠标将图表添加到二维页面中,并可以移动图表摆放到对应位置。【选中】图表,右侧现实图表属性区域,可通过调整属性参数信息修改图表样式。
B4,创建标题。【打开】左侧【标题菜单】,【点击】选中标题拖动鼠标至中间编辑区放开鼠标将标题添加到二维页面中,并可以移动标题摆放到对应位置。【选中】标题,右侧现实标题属性区域,可通过调整属性参数信息修改标题信息。
S4,预览或测试所述三维场景或二维页面。场景创建完成后,通过【点击】预览按钮可以进行场景预览。上述步骤S3所搭建的三维场景或二维页面可以作为实际三维场景的三维孪生体和二维页面,对于所创建的二维场景或三维场景可以进行测试以及预览,其中,测试可以包括功能测试、数据测试等对二维场景或三维场景使用的相关测试。
S5,将场景发布上线。【点击】发布,将场景发布上线。
对于搭建完成的三维孪生体或二维页面,可进行测试或者是预览,进行预览或测试时,可以进行应用预览、功能测试、数据测试等。进一步地,在确定三维或二维场景对应的模型搭建完成之后,即可发布上线。
图6示出了更加详细的基于本实施例的可配置3D可视化平台的场景搭建示意图,通过使用可三维视化应用的方式来分析并展示庞杂数据的B/S架构产品。平台内容多种组件,包括基础组件、三维组件、二维组件、以及流程组件,内置多种数据展示模板供用户调用。平台前台技术基于html、css、js、echart.js、three.js、react等技术实现各种功能,后台技术基于springboot、mybatis、monogodb等技术实现数据的存储以及逻辑的处理。本实施例提供的可配置3D可视化平台具备丰富的功能,用户通过简单的操作即可高效实现二维或三维场景的搭建,满足用户的个性化场景搭建需求。
本发明实施例还提供了一种计算设备,该计算设备包括通信总线、处理器、存储器和通信接口,还可以包括输入输出接口和显示设备,其中,各个功能单元之间可以通过总线完成相互间的通信。该存储器存储有计算机程序,处理器,用于执行存储器上所存放的程序,执行上述实施例的方法。
所属领域的技术人员可以清楚地了解到,上述描述的系统、装置、模块和单元的具体工作过程,可以参考前述方法实施例中的对应过程,为简洁起见,在此不另赘述。
另外,在本发明各个实施例中的各功能单元可以物理上相互独立,也可以两个或两个以上功能单元集成在一起,还可以全部功能单元都集成在一个处理单元中。上述集成的功能单元既可以采用硬件的形式实现,也可以采用软件或者固件的形式实现。
本领域普通技术人员可以理解:所述集成的功能单元如果以软件的形式实现并作为独立的产品销售或使用时,可以存储在一个计算机可读取存储介质中。基于这样的理解,本发明的技术方案本质上或者该技术方案的全部或部分可以以软件产品的形式体现出来,该计算机软件产品存储在一个存储介质中,其包括若干指令,用以使得一台计算设备(例如个人计算机,服务器,或者网络设备等)在运行所述指令时执行本发明各实施例所述方法的全部或部分步骤。而前述的存储介质包括:U盘、移动硬盘、只读存储器(ROM)、随机存取存储器(RAM),磁碟或者光盘等各种可以存储程序代码的介质。
或者,实现前述方法实施例的全部或部分步骤可以通过程序指令相关的硬件(诸如个人计算机,服务器,或者网络设备等的计算设备)来完成,所述程序指令可以存储于一计算机可读取存储介质中,当所述程序指令被计算设备的处理器执行时,所述计算设备执行本发明各实施例所述方法的全部或部分步骤。
最后应说明的是:以上各实施例仅用以说明本发明的技术方案,而非对其限制;尽管参照前述各实施例对本发明进行了详细的说明,本领域的普通技术人员应当理解:在本发明的精神和原则之内,其依然可以对前述各实施例所记载的技术方案进行修改,或者对其中部分或者全部技术特征进行等同替换;而这些修改或者替换,并不使相应技术方案脱离本发明的保护范围。
Claims (10)
1.一种可配置3D可视化平台,应用于大数据操作系统,所述可配置3D可视化平台由下至上分为运行引擎层、功能层、设计器层、项目管理层、应用层五部分,其中:
所述运行引擎层包括三维引擎模块、二维引擎模块、接口解析模块和服务运行模块;
所述功能层包括三维能力模块、二维能力模块、扩展能力模块和/或其它能力模块;
所述设计器层包括服务开发模块、主题设计模块、页面设计模块、组件配置模块、三维场景搭建模块、图表开发模块、流程开发模块、交互配置模块、数据接入模块和/或页面浏览模块;
所述项目管理层包括:应用管理模块、版本管理模块、应用浏览模块和/或发布部署模块;
所述应用层包括:智慧城市模块、智慧园区模块、智慧工厂模块、智慧交通模块和/或其它Alot行业模块。
2.根据权利要求1所述的可配置3D可视化平台,其特征在于,
所述三维引擎模块,基于three.js开源技术框架开发的一套三维信息处理、展示和/或交互的运行引擎;
所述二维引擎模块,基于html、css、javascript和/或echarts开源技术开发的一套二维页面、图表信息的运行引擎;
所述接口解析模块,基于java、springboot开发的一套接口解析、处理、运行的引擎;
所述服务运行模块,基于tomcat技术将服务部署到服务器进行运行,通过浏览器对外提供服务。
3.根据权利要求1所述的可配置3D可视化平台,其特征在于,
所述三维能力模块,包括三维地球、高程数据、3D组件、三维坐标系、矢量数据、模型库、瓦片地图、GIS组件和/或模型导入功能,基于three.js技术构建平台三维能力。
4.根据权利要求3所述的可配置3D可视化平台,其特征在于,所述三维场景坐标系采用WGS84坐标系,以地球原型为坐标原点,以地球半径为半径,构建三维空间一系列地球表面坐标点,通过three.js内容模型渲染算法,通过相邻点连线,最终形成由一系列三角面构成的地球模型,并可提供1-20级的缩放功能。
5.根据权利要求3所述的可配置3D可视化平台,其特征在于,每个图像级别的地图分辨率不同,不同图像级别被切割成为的瓦片数量也不同,所加载的瓦片地图精度也不同,瓦片数量的计算公式如下:
垂直方向上的瓦片数量 = 水平方向上的瓦片数量 = 2^图像级别;
瓦片坐标系的计算公式如下:
已知一个像素坐标XY,瓦片X坐标=floor(像素X坐标/256),瓦片Y坐标=floor(像素Y坐标/256)。
6.根据权利要求5所述的可配置3D可视化平台,其特征在于,每个瓦片的二维XY坐标值会被转换成一维字串,即四叉树键值quadkeys,每个quadkey独立对应设定放大级别下的一个瓦片,并且各所述quadkey可以被用作数据库中B-tree索引值。
7.根据权利要求3所述的可配置3D可视化平台,其特征在于,高程数据来自标准的地理数据,可以结合高程数据调整地球表座坐标点的坐标,形成表面高低起伏的地球模型,矢量数据来自标准的地图元素的地理数据,包括建筑、路网和/或水系的带有地理坐标信息和属性信息。
8.根据权利要求1所述的可配置3D可视化平台,其特征在于,所述二维能力模块包括布局组件、逻辑组件、图表组件库、表单组件、图表库、基础组件。
9.根据权利要求1所述的可配置3D可视化平台,其特征在于,所述扩展能力模块包括自定义组件、自定义模板、自定义API、自定义主题;
所述其它能力模块包括拖拽组合、应用模板、页面模板、主题样式、事件交互和/或API配置。
10.一种基于权利要求1-9中任一项所述的可配置3D可视化平台的场景搭建方法,包括以下步骤:
登录平台:利用浏览器打开可配置3D可视化平台,输入账号和密码登录平台后,基于所述浏览器生成并展示可视化页面;
创建场景:创建场景:基于浏览器中展示的可视化页面创建场景,同时获取场景基本信息,响应于用户的操作进行场景地图配置;
场景开发:场景开发:结合配置好的场景地图进行三维场景开发和/或二维页面开发;
预览:场景创建完成后,预览或测试所述三维场景或二维页面;
发布:将场景发布上线。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202210258843.6A CN114359501B (zh) | 2022-03-16 | 2022-03-16 | 可配置3d可视化平台及场景搭建方法 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202210258843.6A CN114359501B (zh) | 2022-03-16 | 2022-03-16 | 可配置3d可视化平台及场景搭建方法 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN114359501A true CN114359501A (zh) | 2022-04-15 |
CN114359501B CN114359501B (zh) | 2022-07-29 |
Family
ID=81095133
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202210258843.6A Active CN114359501B (zh) | 2022-03-16 | 2022-03-16 | 可配置3d可视化平台及场景搭建方法 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN114359501B (zh) |
Cited By (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN114756937A (zh) * | 2022-04-21 | 2022-07-15 | 四川蓉电科技发展有限公司 | 一种基于UE4引擎和Cesium框架的可视化系统及方法 |
CN115495809A (zh) * | 2022-11-15 | 2022-12-20 | 广东美的暖通设备有限公司 | 楼宇自控系统的3d模型生成方法、装置、设备和介质 |
Citations (7)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20080174598A1 (en) * | 2007-01-12 | 2008-07-24 | Max Risenhoover | Design visualization system, apparatus, article and method |
CN112256790A (zh) * | 2020-10-19 | 2021-01-22 | 湖北泰跃卫星技术发展股份有限公司 | 基于WebGL的三维可视化展现系统及数据可视化方法 |
CN112286518A (zh) * | 2020-12-15 | 2021-01-29 | 成都四方伟业软件股份有限公司 | 一种3d可视化自动化场景构建方法及系统 |
CN113495542A (zh) * | 2021-05-10 | 2021-10-12 | 浙江工业大学 | 一种基于WebGL的工业机器人智能生产线仿真系统 |
CN113590706A (zh) * | 2021-08-03 | 2021-11-02 | 苏州工业园区测绘地理信息有限公司 | 一种基于cim的可视化平台 |
CN113673948A (zh) * | 2021-08-02 | 2021-11-19 | 江苏杰瑞信息科技有限公司 | 一种基于工业互联网的数字孪生基础开发平台 |
CN114063995A (zh) * | 2022-01-17 | 2022-02-18 | 深圳市图元科技有限公司 | 一种基于物管城市可视化的开发引擎系统及方法 |
-
2022
- 2022-03-16 CN CN202210258843.6A patent/CN114359501B/zh active Active
Patent Citations (7)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20080174598A1 (en) * | 2007-01-12 | 2008-07-24 | Max Risenhoover | Design visualization system, apparatus, article and method |
CN112256790A (zh) * | 2020-10-19 | 2021-01-22 | 湖北泰跃卫星技术发展股份有限公司 | 基于WebGL的三维可视化展现系统及数据可视化方法 |
CN112286518A (zh) * | 2020-12-15 | 2021-01-29 | 成都四方伟业软件股份有限公司 | 一种3d可视化自动化场景构建方法及系统 |
CN113495542A (zh) * | 2021-05-10 | 2021-10-12 | 浙江工业大学 | 一种基于WebGL的工业机器人智能生产线仿真系统 |
CN113673948A (zh) * | 2021-08-02 | 2021-11-19 | 江苏杰瑞信息科技有限公司 | 一种基于工业互联网的数字孪生基础开发平台 |
CN113590706A (zh) * | 2021-08-03 | 2021-11-02 | 苏州工业园区测绘地理信息有限公司 | 一种基于cim的可视化平台 |
CN114063995A (zh) * | 2022-01-17 | 2022-02-18 | 深圳市图元科技有限公司 | 一种基于物管城市可视化的开发引擎系统及方法 |
Non-Patent Citations (3)
Title |
---|
谭?月等: "基于WebGL的勘探地形及探井信息三维可视化系统设计", 《现代计算机》 * |
谭红伟 等: "基于 Cesium 的三维 GIS 可视化平台的设计及实现", 《测绘》 * |
闫海涛等: "基于ArcEngine的电力三维可视化系统设计与实现", 《测绘与空间地理信息》 * |
Cited By (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN114756937A (zh) * | 2022-04-21 | 2022-07-15 | 四川蓉电科技发展有限公司 | 一种基于UE4引擎和Cesium框架的可视化系统及方法 |
CN114756937B (zh) * | 2022-04-21 | 2024-03-12 | 四川蓉电科技发展有限公司 | 一种基于UE4引擎和Cesium框架的可视化系统及方法 |
CN115495809A (zh) * | 2022-11-15 | 2022-12-20 | 广东美的暖通设备有限公司 | 楼宇自控系统的3d模型生成方法、装置、设备和介质 |
Also Published As
Publication number | Publication date |
---|---|
CN114359501B (zh) | 2022-07-29 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
Waser et al. | World lines | |
CN109887084B (zh) | 一种利用浸入式虚拟现实技术用于城市规划的方法 | |
US8914750B2 (en) | User defined scenarios in a three dimensional geo-spatial system | |
CN114359501B (zh) | 可配置3d可视化平台及场景搭建方法 | |
Lipp et al. | Interactive modeling of city layouts using layers of procedural content | |
CN107644067A (zh) | 一种二三维一体化的跨平台室内地图显示方法 | |
Qu et al. | Focus+ context route zooming and information overlay in 3D urban environments | |
CN109191590B (zh) | 一种用于制作虚拟现实应用的处理系统及处理方法 | |
San José et al. | Advances in 3D visualization of air quality data | |
CN112860839A (zh) | 一种基于Unity3D的水环境质量实时监测方法及装置 | |
WO2023159595A1 (zh) | 构建和配置三维空间场景的模型的方法、装置及计算机程序产品 | |
Schindler et al. | Multiverse data-flow control | |
CN106844969A (zh) | 一种基于河道cad数据的三维仿真系统的构造方法 | |
Hou et al. | 3D data visualization system of immersive underground laboratory | |
Jern | Information drill-down using web tools | |
Chagnaud et al. | Visualization of documented 3D cities | |
WO2023005934A1 (zh) | 数据处理方法、系统及电子设备 | |
CN115857930A (zh) | 一种基于实景模型的原型快速设计方法及系统 | |
Von Reumont et al. | Visualization of geologic geospatial datasets through X3D in the frame of WebGIS | |
Fuhrmann et al. | Navigating desktop GeoVirtual environments | |
Gomes et al. | Creating and Assembling Virtual Exhibitions from Existing X3D Models | |
Lei et al. | 3D Digital Campus System Based on WebGL and API | |
Hetherington et al. | Interactive web visualisation of proposals for site developments | |
CN115049804B (zh) | 虚拟场景的编辑方法、装置、设备及介质 | |
Wöllmann et al. | 3D Mapping to Collect Volunteered Geographic Information |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
PB01 | Publication | ||
PB01 | Publication | ||
SE01 | Entry into force of request for substantive examination | ||
SE01 | Entry into force of request for substantive examination | ||
GR01 | Patent grant | ||
GR01 | Patent grant |