CN116368528A - 信息展示方法、系统、电子设备和计算机可读存储介质 - Google Patents

Abstract

一种信息展示方法、展示系统、电子设备和计算机可读存储介质。该信息展示方法包括：在数据展示面板层中展示数据信息(S10)；以及在三维模型展示层中展示三维模型信息，三维模型展示层不同于数据展示面板层；数据展示面板层和三维模型展示层通过支持层通信，数据信息和三维模型信息相关联(S20)。该方法使得用户能够便捷地查看三维模型呈现的场景以及场景对应的数据信息，降低了用户查看场景和场景对应的数据的操作复杂度，并且该方法通过相互通信的数据展示面板层和三维模型层分别展示数据信息和三维模型信息，降低了同时展示相关联的数据信息和三维模型信息的难度，提高了用于展示数据信息和三维模型信息的系统的开发效率。

Description

信息展示方法、系统、电子设备和计算机可读存储介质 技术领域

本公开的实施例涉及一种信息展示方法、系统、电子设备和计算机可读存储介质。

背景技术

随着科学技术和物联网技术的发展，人们的生活越来越智能化，智慧城市、智慧园区、智慧企业等技术也应运而生。智慧城市、智慧园区、智慧企业等技术是运用物联网、云计算、大数据、空间信息集成等新一代信息技术，促进城市、园区或者企业等进入智慧化的服务、管理、建设的模式。

例如，智慧城市涵盖的数据非常多，核心数据例如包括：人口数据、建筑数据、车辆数据、污染物数据、生态数据等。将这些数据与城市模型相结合，再通过可视化手段展现给用户，能够便于用户更加直观的了解城市的基本信息，提高城市管理、城市建设等的效率。

发明内容

本公开至少一个实施例提供一种信息展示方法，包括：在数据展示面板层中展示数据信息；以及在三维模型展示层中展示三维模型信息，三维模型展示层不同于数据展示面板层；数据展示面板层和三维模型展示层通过支持层通信，数据信息和三维模型信息相关联。

例如，在本公开一实施例提供的信息展示方法中，将所述数据展示面板层和所述三维模型展示层设置在同一页面中以展示所述数据信息和所述三维模型信息。

例如，在本公开一实施例提供的信息展示方法中，将所述数据展示面板层和所述三维模型展示层层叠设置在所述页面中以展示所述数据信息和所述三维模型信息。

例如，在本公开一实施例提供的信息展示方法中，所述数据展示面板层比所述三维模型展示层更接近观看者，且所述数据展示面板层至少部分设置为透明或半透明以露出至少部分所述三维模型展示层。

例如，在本公开一实施例提供的信息展示方法中，支持层以基础层的形式在所述页面中展示，所述数据展示面板层和所述三维模型展示层层叠在所述基础层上。

例如，在本公开一实施例提供的信息展示方法中，页面显示为窗体。

例如，在本公开一实施例提供的信息展示方法中，数据展示面板层部署在所述支持层的第一容器中，所述三维模型展示层部署在所述支持层的第二容器中。

例如，在本公开一实施例提供的信息展示方法中，数据展示面板层基于跨平台界面开发框架获得。

例如，在本公开一实施例提供的信息展示方法中，数据展示面板层为浏览器支持的面板层或操作系统支持的面板层。

例如，在本公开一实施例提供的信息展示方法中，还包括：接收控制信息；以及根据所 述控制信息同步调整在所述数据展示面板层中展示的所述数据信息和在所述三维模型展示层中展示的所述三维模型信息。

例如，在本公开一实施例提供的信息展示方法中，数据展示面板层和/或所述三维模型展示层直接接收所述控制信息；或者所述数据展示面板层和所述三维模型展示层通过所述支持层接收所述控制信息。

例如，在本公开一实施例提供的信息展示方法中，控制信息由操作端提供；或者所述数据展示面板层还提供有操作控件以允许用户输入所述控制信息。

例如，在本公开一实施例提供的信息展示方法中，控制信息由所述操作端上提供的数据面板层获取。

例如，在本公开一实施例提供的信息展示方法中，数据展示面板层和所述三维模型展示层通过支持层的如下手段之一通信：Windows窗体消息、函数调用、JavaScript调用、WebSocket协议、Http协议、TCP协议、UDP协议。

例如，在本公开一实施例提供的信息展示方法中，数据信息和所述三维模型信息相关联，包括：响应于所述三维模型展示层展示的三维模型信息发生变化，所述数据展示面板层展示的数据信息被更新；和/或响应于所述数据展示面板层展示的数据信息发生变化，所述三维模型展示层展示的三维模型信息被更新。

例如，在本公开一实施例提供的信息展示方法中，还包括：在第一终端中提供所述数据展示面板层；以及在第二终端中提供所述三维模型展示层，支持层部署于第一终端和/或第二终端，数据信息和三维模型信息同时展示于第一终端和第二终端。

本公开至少一个实施例提供一种展示系统，包括：第一终端，第一终端配置为提供第一数据展示面板层以展示数据信息，且配置为提供三维模型展示层展示三维模型信息，所述三维模型展示层不同于所述数据展示面板层；所述第一数据展示面板层和三维模型展示层通过支持层通信，所述数据信息和所述三维模型信息相关联。

例如，在本公开一实施例提供的展示系统中，还包括第二终端，第二终端配置为提供第二数据展示面板层，所述第二数据展示面板层与所述第一数据展示面板层通信。

本公开至少一个实施例提供另一种展示系统，包括：第一终端和第二终端，第一终端配置为提供第一数据展示面板层以展示数据信息；第二终端配置为提供三维模型展示层以展示三维模型信息，第一数据展示面板层和三维模型展示层通过支持层通信，数据信息和所述三维模型信息相关联。

例如，在本公开一实施例提供的展示系统中，第二终端还配置为提供第二数据展示面板层，所述第二数据展示面板层与所述第一数据展示面板层通信；或者第二终端配置为提供三维模型展示层以展示三维模型信息，三维模型展示层和第一数据展示面板层通信。

例如，在本公开一实施例提供的展示系统中，第一数据展示面板层和所述三维模型展示层通过WebSocket协议通信。

本公开至少一个实施例提供一种电子设备，包括处理器；存储器，包括一个或多个计算 机程序指令；其中，所述一个或多个计算机程序指令被存储在所述存储器中由所述处理器执行时实现本公开任一实施例提供的信息展示方法。

本公开至少一个实施例提供一种计算机可读存储介质，非暂时性存储有计算机可读指令，当所述计算机可读指令由处理器执行时可以实现本公开任一实施例提供的信息展示方法。

附图说明

为了更清楚地说明本公开实施例的技术方案，下面将对实施例的附图作简单地介绍，显而易见地，下面描述中的附图仅仅涉及本公开的一些实施例，而非对本公开的限制。

图1A示出了本公开至少一实施例提供的一种信息展示方法的流程图；

图1B示出了本公开至少一实施例提供的一种应用展示方法的系统架构；

图2A示出了本公开至少一个实施例提供的一种在同一页面中以展示数据信息和三维模型信息的示意图；

图2B示出了本公开至少一个实施例提供的另一种在同一页面中以展示数据信息和三维模型信息的示意图；

图3示出了本公开至少一个实施例提供的另一种信息展示方法的流程图；

图4A示出了本公开至少一个实施例提供的一种应用信息展示方法的展示系统的架构图；

图4B示出了本公开至少一个实施例提供的图4A中终端402提供第二数据面板层的示意图；

图5A示出了本公开至少一个实施例提供的一种应用信息展示方法的展示系统的架构图；

图5B示出了本公开至少一个实施例提供的一种展示系统包括第一终端和第二终端的示意图；

图5C示出了本公开至少一个实施例提供的另一种展示系统500包括第一终端和第二终端的示意图；

图6A示出了本公开至少一个实施例提供的一种通过WebSocket协议通信的系统架构图；

图6B示出了本公开至少一个实施例提供的另一种通过WebSocket协议通信的系统架构图；

图6C示出了本公开至少一个实施例提供的图6B所示的系统的控制方法的流程图；

图6D示出了本公开至少一个实施例提供的另一控制方法的流程图；

图7示出了本公开至少一个实施例提供的一种电子设备的示意框图；

图8示出了本公开至少一个实施例提供的另一种电子设备的示意框图；以及

图9示出了本公开至少一个实施例提供的一种计算机可读存储介质的示意图。

具体实施方式

为使本公开实施例的目的、技术方案和优点更加清楚，下面将结合本公开实施例的附图，对本公开实施例的技术方案进行清楚、完整地描述。显然，所描述的实施例是本公开的一部分实施例，而不是全部的实施例。基于所描述的本公开的实施例，本领域普通技术人员在无需创造性劳动的前提下所获得的所有其他实施例，都属于本公开保护的范围。

除非另外定义，本公开使用的技术术语或者科学术语应当为本公开所属领域内具有一般技能的人士所理解的通常意义。本公开中使用的“第一”、“第二”以及类似的词语并不表示任何顺序、数量或者重要性，而只是用来区分不同的组成部分。同样，“一个”、“一”或者“该”等类似词语也不表示数量限制，而是表示存在至少一个。“包括”或者“包含”等类似的词语意指出现该词前面的元件或者物件涵盖出现在该词后面列举的元件或者物件及其等同，而不排除其他元件或者物件。“连接”或者“相连”等类似的词语并非限定于物理的或者机械的连接，而是可以包括电性的连接，不管是直接的还是间接的。“上”、“下”、“左”、“右”等仅用于表示相对位置关系，当被描述对象的绝对位置改变后，则该相对位置关系也可能相应地改变。

三维模型在智慧城市、智慧园区、智慧企业等的展示方面具有得天独厚的优势。例如，三维模型具有展示效果震撼、视觉风格具有科技感、全方位、真实直观等优势。例如，将智慧城市的数据与三维模型相结合，能够直观、形象、具体地展示智慧城市的风貌，便于用户更加迅速地掌握智慧城市的各种情况。然而，在相关技术中，将智慧城市、智慧园区、智慧企业等的大量数据与三维模型相结合地展示非常困难，展示效果不佳，并且开发数据与三维模型结合展示的系统非常困难，开发效率低。

本公开至少一个实施例提供一种信息展示方法、系统、电子设备和计算机可读存储介质。该信息展示方法包括：在数据展示面板层中展示数据信息；以及在三维模型展示层中展示三维模型信息，三维模型展示层不同于所述数据展示面板层；数据展示面板层和所述三维模型展示层通过支持层通信，所述数据信息和所述三维模型信息相关联。该信息展示方法可以使得用户能够便捷地查看三维模型呈现的场景以及场景对应的数据信息，降低了用户查看场景和场景对应的数据的操作复杂度，并且该方法通过相互通信的数据展示面板层和三维模型层分别展示数据信息和三维模型信息，降低了同时展示相关联的数据信息和三维模型信息的难度，提高了用于展示数据信息和三维模型信息的系统的开发效率。

需要说明的是，在下文的描述中以智慧城市为例来说明本公开的实施例，但是并不意味着本公开的实施例只应用于智慧城市，本公开的实施例同样可以应用于智慧园区、智慧企业、智慧村庄等。也即，本公开对本公开的实施例的应用场景不作限定。

图1A示出了本公开至少一实施例提供的一种信息展示方法的流程图。

如图1A所示，该方法可以包括步骤S10～S20。

步骤S10：在数据展示面板层中展示数据信息。

步骤S20：在三维模型展示层中展示三维模型信息，三维模型展示层不同于数据展示面板层。

在该实施例中，数据展示面板层和三维模型展示层通过支持层通信，数据信息和三维模型信息相关联。

在本公开的实施例中，数据展示面板层和三维模型展示层对应于不同的软件模型。例如，数据展示面板层和三维模型展示层分别是显示画面所呈现的层，且不同层在显示时有层叠的视觉效果，数据展示面板层和三维模型展示层并非具有实物的物理层。

对于步骤S10，在本公开的一些实施例中，数据信息可以包括人口数据、建筑数据、车辆数据、污染物数据、生态数据等智慧城市本身的数据。

在本公开的另一些实施例中，数据信息除包括智慧城市本身的数据之外，还可以包括面板信息，面板信息例如可以包括菜单栏、按钮、文字、图标等。

在本公开的一些实施例中，例如数据展示面板层用于提供用户界面(User Interface,UI)。例如，数据展示面板层可以提供二维的用户界面，或者可以提供三维的用户界面。数据展示面板层可以利用用户界面的开发工具或者开发框架进行开发。

在本公开的一些实施例中，例如数据展示面板层是基于跨平台界面开发框架获得的。利用跨平台界面开发框架开发数据展示面板层，可以使得数据展示面板层能够应用于各种平台或者操作系统，从而提高了数据展示面板层的适用性和可移植性。这些平台包括但不限于Android、iOS、Windows、Linux等操作系统。

例如，数据展示面板层可以是基于Flutter获得的。Flutter是一种跨平台的开发框架，开发语言采用Dart，支持Android、iOS、Linux、Web和Windows等多个开发平台(也即，操作系统)。

例如，数据展示面板层是对基于Flutter开发出的面板程序转化得到的。

在本公开的一些实施例中，数据展示面板层为浏览器支持的面板层或操作系统支持的面板层。

例如，Web程序是浏览器支持的程序，因此，数据展示面板层可以是Web程序构建的。

例如，数据展示面板层为操作系统的应用程序支持的面板层。

例如，Windows程序是Windows操作系统的应用程序支持的程序，因此，数据展示面板层也可以是由Windows程序构建的，从而在Windows操作系统的应用程序中运行数据展示面板层。

Web程序、Windows程序、Android程序、IOS程序等构建的数据展示面板层可以是通过基于Flutter开发出的面板程序转化得到的。

在本公开的一些实施例中，开发人员可以根据运行数据展示面板层的操作系统的类型，确定基于Flutter开发出的面板程序转化为哪种类型的程序，使得数据展示面板层能够在该操作系统中运行。

Flutter的优势在于它的快捷性和跨平台性，Flutter可以运行在Android、iOS、Web、 Windows、Mac、Linux等各种操作系统上，并且通过Flutter提供的命令行工具即可很方便地将Flutter程序转化为Web程序和Window窗体程序。

对于步骤S20，三维模型信息例如可以是为智慧城市建立的三维模型。例如，该三维模型可以是利用三维模型的设计工具，按照预设的缩放比例对智慧城市进行构建得到的。三维模型能够直观地、真实地体现智慧城市的风貌。例如，三维模型信息不仅能够体现智慧城市的多个街道、多个建筑、绿化植被等的地理位置，还能够真实地反映智慧城市的街景、建筑的风格、绿化植被的种类等。

在本公开的一些实施例中，三维模型展示层展示的三维模型信息可以是智慧城市的完整三维模型，也可以展示智慧城市的完整三维模型中的部分三维模型。例如，三维模型展示层可以展示完整三维模型中正在施工的建筑的三维图像、绿化植被的三维图像等。又例如，三维模型展示层可以展示完整三维模型中部分街道、部分小区的三维图像等。

在本公开的一些实施例中，三维模型展示层展示的三维模型信息可以是根据用户输入的控制信息或者用户的操作来展示的。例如，用户输入的控制信息为A街道，则三维模型展示层展示的三维模型信息可以是A街道及其周围区域。又例如，用户对三维模型中的C位置进行了放大操作，则三维模型展示层展示放大后的C位置对应的三维图像。又例如，根据用户对三维模型进行的旋转操作，旋转三维模型，以调整三维模型展示的角度。

在本公开的一些实施例中，三维模型展示层可以是基于原生代码开发的。

例如，三维模型展示层是基于OpenSceneGraph(OSG)这一原生代码开发的。OSG是一个开放源码、跨平台的图形开发包，它为诸如飞行器仿真、游戏、虚拟现实、科学计算可视化这样的高性能图形应用程序开发而设计。OSG提供一个在开放图形库(Open Graphics Library，OpenGL)之上的面向对象的框架，从而能把开发者从实现和优化底层图形的调用中解脱出来，并且它为图形应用程序的快速开发提供很多附加的实用工具。

在本公开的一些实施例中，例如三维模型展示层是基于OSG开发的，数据展示面板层是基于Flutter转化获得的Web程序或者Windows程序，通过利用OSG和Flutter分别对三维模型展示层和数据展示面板层进行开发，不仅能够提高开发效率，并且能够提高三维模型的展示效果。

三维模型展示层也可以利用其它的工具进行开发，本公开对三维模型展示层的开发方法不做限定。例如，三维模型展示层也可以是基于ThreeJs开发的。ThreeJs是基于浏览器技术，三维模型在浏览器中加载运行，三维模型的性能受限于浏览器，基于ThreeJs三维模型展示层难以运行大型三维模型。而OSG框架是一种原生代码，基于OSG框架的三维模型展示层可以在Web、Windows上运行，并不局限于在浏览器中加载运行，因此基于OSG框架的三维模型展示层能够流畅运行大型三维模型。

在本公开的一些实施例中，支持层包括用于向数据展示面板层和三维模型展示层提供通信服务的程序。例如，支持层提供Windows窗体消息、函数调用、JavaScript调用、WebSocket协议、Http协议、TCP协议、UDP协议等方式中的至少一个通信方式。

通过Windows窗体消息、函数调用等方式通信，不需要对额外开发用于通信的程序，可以提高开发效率。

通过WebSocket协议能够实现数据展示面板层和三维模型展示层的远程通信，并且支持多形态(例如，Web应用、Windows应用、移动应用)之间的通信，使得数据展示面板层和三维模型展示层无需设置在同一终端上，对数据展示面板层和三维模型展示层的形态也没有要求，因此提高了得数据展示面板层和三维模型展示层的可移植性和灵活性。

在本公开的一些实施例中，支持层包含的提供通信服务的程序例如可以分别部署于数据展示面板层中和三维模型展示层中，使得数据展示面板层中和三维模型展示层通过提供通信服务的程序进行通信。

在本公开的一些实施例中，数据展示面板层部署在支持层的第一容器中，三维模型展示层部署在支持层的第二容器中。也即，数据展示面板层运行在第一容器中，三维模型展示层运行在第二容器中。

例如，在支持层创建第一容器和第二容器。第一容器用于加载数据展示面板层，第二容器用于加载三维模型展示层，也即，数据展示面板层运行在第一容器中，三维模型展示层运行在第二容器中。

例如，支持层包括窗体程序，在窗体程序中创建第一容器和第二容器。例如，窗体程序为Windows窗体程序。

例如，第一容器和第二容器任意之一可以是Windows呈现基础(Windows Presentation Foundation，WPF)容器，或者为利用C++语言创建的容器。

例如，三维模型展示层是基于OSG框架建立的OSG模型，第二容器为WPF容器，通过WPF容器加载OSG模型，使得OSG模型运行在第二容器中。

又例如，数据展示面板层是Web程序，第一容器为WPF容器，通过WPF容器加载Web程序，使得基于Web程序的数据展示面板层运行在第一容器中。

例如，第一容器和第二容器被部署于同一个Windows窗体中，数据展示面板层和三维模型展示层可以通过Windows窗体消息、函数调用、JavaScript调用、WebSocket协议、Http协议、TCP协议、UDP协议等通信方式通信。第一容器和第二容器部署于同一个Windows窗体中，使得数据展示面板层和三维模型展示层设置于同一页面中，能够方便用户灵活控制。

又例如，第一容器部署于第一终端的Android窗体中，第二容器部署于第二终端的Windows窗体中，则第一容器和第二容器可以通过WebSocket协议等网络通信方式通信。这种方式能够将数据展示面板层和三维模型展示层部署于不同的终端上，适用范围广。

又例如，第一容器部署于终端的Windows窗体中，第二容器部署于终端的另一Windows窗体中。将终端的两个Windows窗体层叠可以使得数据展示面板层和三维模型展示层层叠设置。

在本公开之中，容器是一种打包和运行Windows、Linux等应用程序的技术，容器可 以在软件运行环境中提供一个用于应用的隔离环境，使得应用更易于开发、部署和管理。例如，容器可以快速启动和停止，因此适用于需要快速适应不断变化的需求的应用。例如，容器用于在主机操作系统上运行应用程序。例如，容器可以在主机操作系统的内核上构建。本公开对于容器的实现和运行方式不作限制。例如，容器可以运行在应用程序中用来隔离、控制其它一组应用程序。

图1B示出了本公开至少一实施例提供的一种应用展示方法的系统架构。

如图1B所示，系统架构包括数据展示面板层101和三维模型展示层102。

数据展示面板层101由Flutter开发的程序转化为Web程序得到。三维模型展示层102采用了WPF加载OSG模型的方式实现。通过在WPF中加入WebView，把数据展示面板层101(Web)和三维模型展示层102结合起来，并使用JavaScript或者WebSocket协议实现数据展示面板层101和三维模型展示层102两层的交互。

如图1B所示，支持层包含的提供通信服务的程序可以为JavaScript程序，JavaScript程序分别部署于数据展示面板层中和三维模型展示层中，使得数据展示面板层中和三维模型展示层通过提供JavaScript程序进行通信。

可以理解的是JavaScript程序仅为一种提供通信服务的程序的示例，本公开并不将支持层包含的提供通信服务的程序限定为JavaScript程序。

在本公开的一些实施例中，数据信息和三维模型信息相关联，包括：响应于三维模型展示层展示的三维模型信息发生变化，数据展示面板层展示的数据信息被更新；和/或响应于数据展示面板层展示的数据信息发生变化，三维模型展示层展示的三维模型信息被更新。

例如，在第一时刻，三维模型展示层中的三维模型展示城市中的A街道，此时，数据展示面板层展示的数据信息为A街道上的红绿灯分布信息、A街道周围的小区信息等。在第二时刻，用户旋转三维模型，将三维模型从展示城市中的A街道调整为展示城市中的B街道，此时，数据展示面板层展示的数据信息跟随着三维模型的变化而被更新，数据展示面板层展示的数据信息被更新为B道上的红绿灯分布信息、B街道周围的小区信息等。

又例如，数据展示面板层展示的数据信息由城市的绿化植被数据变化至城市的施工建筑数据，则三维模型展示层展示的三维模型信息也由绿化植被的三维图像更新为施工建筑的三维图像。

在本公开的一些实施例中，将数据展示面板层和三维模型展示层设置在同一页面中以展示数据信息和三维模型信息。将数据展示面板层和三维模型展示层设置在同一页面提高了用户查看数据信息和三维模型信息的便捷性，例如用户不需要切换页面来分别查看数据信息和三维模型信息，用户在同一页面中能够同时观看到数据信息和三维模型信息，便于用户比较分析，提高了用户体验。

在本公开的一些实施例中，页面可以显示为窗体。例如，页面显示为Window窗体。又例如，页面为Web页面。本公开不限定页面的具体形式。页面显示为Window窗体能够方便用户灵活操作和编辑，支持范围和应用范围广。

在本公开的一些实施例中，将数据展示面板层和三维模型展示层层叠设置在页面中以展示数据信息和三维模型信息。

例如，数据展示面板层比三维模型展示层更接近观看者，且数据展示面板层至少部分设置为透明或半透明以露出被该数据展示面板层覆盖的至少部分三维模型展示层。

在本公开的一些实施例中，例如，支持层的窗体程序使得支持层能够以基础层的形式在页面中展示。

在该实施例中，支持层以基础层的形式在页面中展示，数据展示面板层和三维模型展示层层叠在基础层上。

例如，页面显示为窗体，支持层以基础层的窗体中展示。

例如，基础层可以作为数据展示面板层和三维模型展示层的背景。例如，基础层可以是一个灰度值统一的面板，或者基础层也可以包括一些不可更改的文字、图像等等。

例如，三维模型展示层位于基础层和数据展示面板层之间，基础层到观看者的距离大于数据展示面板层到观看者的距离。例如，基础层在页面中的覆盖范围可以与三维模型展示层和数据展示面板层的覆盖范围相同，基础层可以被三维模型展示层和数据展示面板层覆盖或者隐藏，观看者无需观看到支持层。又例如，基础层在页面中的覆盖范围大于三维模型展示层和数据展示面板层的覆盖范围。

在本公开的另一些实施例中，将数据展示面板层和三维模型展示层分别设置在页面中的不同区域，以通过不同区域分别展示数据信息和三维模型信息。

图2A示出了本公开至少一个实施例提供的一种数据展示面板层和三维模型展示层设置在同一页面中以展示数据信息和三维模型信息的示意图。

如图2A所示，三维模型展示层和数据展示面板层层叠设置在同一页面中以展示数据信息和三维模型信息。

将三维模型展示层和数据展示面板层层叠设置能够增大三维模型信息和数据信息在显示屏中的展示面积，进一步提高了用户体验。

例如，数据展示面板层覆盖在三维模型展示层上，也即，数据展示面板层相比于三维模型展示层更加靠近观看者。三维模型展示层展示的三维模型信息201和数据展示面板层展示的数据信息(例如，数据信息202、数据信息203和数据信息204)展示于页面200中。

例如，三维模型信息201当前展示的是主干道及其周围的建筑、绿化植被等构成的三维图像。

例如，数据信息可以包括位于页面200右侧的数据信息202，数据信息202例如可以包括主干道不同段路上的风貌图、施工地段的危险指标等等。数据信息还可以包括位于页面200左侧的数据信息203，数据信息203例如可以包括施工项目的进度分布、车辆安全风险、设施安全风险、人员安全风险等。数据信息还可以包括位于页面200下方的数据信息204，数据信息204例如为面板信息，面板信息提供各种操作控件，这些操作控件可以被用户选择，并且根据用户的选择操作展示不同的信息。

在本公开的一些实施例中，如图2A所示，数据展示面板层比三维模型展示层更接近观看者，且数据展示面板层至少部分设置为透明或半透明以露出至少部分三维模型展示层。

由于数据展示面板层与三维模型展示层层叠设置，因此，需要对由Flutter转换的Web程序或者Windows窗体程序进行处理，使得数据展示面板层至少部分设置为透明或半透明以露出被数据展示面板层覆盖的至少部分三维模型展示层。

例如，对Web程序进行处理的过程包括：在index.html的文档节点中，对<html>节点和<body>节点添加CSS样式，将其background设置为透明的。

例如，对Windows窗体程序做背景透明化处理的过程包括：

1)生成对应的Windows窗体容器的相关C++代码，将C++代码中有关窗体的部分代码进行处理，使得数据展示面板层透明化。例如，在将Flutter程序转换为Windows窗体程序之前，Flutter工程根据用户确定Flutter程序应用于Windows窗体后，Flutter工程自动生成了对应的Windows窗体容器的相关C++代码。

2)在win32_windows.cpp文件中，修改调用CreateWindow函数的第三个参数为WS_POPUP|WS_VISIBLE|WS_SYSMENU，将Windows窗体设置为无边框、无菜单栏、无标题栏的样式。

3)在main.cpp文件中，通过增加调用UpdateLayeredWindow()将窗体设置为透明化。

在本公开的一些实施例中，例如在对Web程序改造完成后，为index.html添加JavaScript程序或者WebSocket程序，以用于Web与WPF的交互，最终形成一套新的Web程序。

图2B示出了本公开至少一个实施例提供的另一种数据展示面板层和三维模型展示层设置在同一页面中以展示数据信息和三维模型信息的示意图。

如图2B所示，数据展示面板层和三维模型展示层分别设置在页面300的不同区域，以通过不同区域分别展示数据信息和三维模型信息。

将三维模型展示层和数据展示面板层分别设置在页面300的不同区域，三维模型信息和数据信息的展示效果清晰。

例如，三维模型展示层设置在页面300的中心区域210，而数据展示面板层设置于页面300中除中心区域210之外的其他区域。例如，数据展示面板层所在的区域围绕中心区域210。

如图2B所示，三维模型展示层在中心区域210展示的三维模型信息。数据展示面板层在页面300的左侧区域展示数据信息206，在页面300的右侧区域展示数据信息207以及在页面300的下方为面板信息区域208，以展示面板信息。

三维模型信息205和数据信息的内容可参考上文图2A的描述。

通过将Flutter开发出的面板程序转化为Web程序或者Windows程序，并经过少量改造，即可作为本解决方案的数据展示面板层；使用WPF加载OSG模型作为本公开的三维模型展示层；最后将这两层相结合(例如，层叠)便可以实现应用展示方法的展示系统。本公开的实施例可以提升开发智慧城市等展示系统的效率，快速构建出一种用于智慧城市的 展示系统。并且本公开的实施例中的数据展示面板层和三维模型展示层能够分离部署不同的终端上。如图1A所示，该信息展示方法还可以进一步包括步骤S30和步骤S40。

步骤S30：接收控制信息。

步骤S40：根据控制信息同步调整在数据展示面板层中展示的数据信息和在三维模型展示层中展示的三维模型信息。

该实施例中，控制信息能够同步调整数据展示面板层中展示的数据信息和在三维模型展示层中展示的三维模型信息，使得展示的数据信息和三维模型信息相对应，便于观看者同步观看到三维模型信息和数据信息。

在本公开的一些实施例中，例如，数据展示面板层和/或三维模型展示层直接接收控制信息。

例如，数据展示面板层提供有操作控件，该操作控制允许用户输入控制信息。或者，数据展示面板层直接接收来自操作端程序的控制信息。

又例如，三维模型展示层直接接收来自操作端程序的控制信息。

由数据展示面板层和三维模型展示层直接接收控制信息的通信效率较高。

在本公开的另一些实施例中，数据展示面板层和三维模型展示层通过支持层接收控制信息。

通过支持层接收控制信息使得数据展示面板层和三维模型展示层能够同步响应控制信息，并且不需要额外的开发数据展示面板层和三维模型展示层和操作端通信的通信装置，提高了开发效率。

例如，在图1B所示的系统架构中，数据展示面板层和三维模型展示层分别部署有支持层提供的JavaScript程序，则数据展示面板层和三维模型展示层可以通过JavaScript程序接收控制信息。

又例如，支持层部署有WebSocket服务端，通过WebSocket服务端接收来自WebSocket客户端的控制信息。

在本公开的一些实施例中，控制信息由操作端提供。操作端是指提供控制信息的软件或者程序。例如，数据展示面板层和三维模型展示层部署于同一终端，操作端也部署于该终端，由该终端中的操作端获取控制信息，并且向数据展示面板层和三维模型展示层提供该控制信息。

又例如，数据展示面板层和三维模型展示层部署于同一终端，操作端部署于另一终端中，另一终端的操作端获取控制信息，并且向数据展示面板层和三维模型展示层所在的终端发送该控制信息，以向数据展示面板层和三维模型展示层所在的终端提供该控制信息。

操作端可以通过Http协议、TCP协议、WebSocket协议、UDP协议等通信方式与数据展示面板层和三维模型展示层通信，以提供控制信息。

在本公开的一些实施例中，控制信息由操作端上提供的数据面板层获取。

该数据面板层可以部署于不同于上述数据展示面板层的终端上，该数据面板层也可以 部署于与上述数据展示面板层相同的终端上。

例如，该数据面板层提供控制界面，用户通过该控制界面可以输入对数据展示面板层和三维模型展示层的控制信息。

例如，操作端中的数据面板层响应于用户的输入操作生成控制信息，从而向数据展示面板层和三维模型展示层提供控制信息。

在本公开的另一些实施例中，数据展示面板层还提供有操作控件以允许用户输入控制信息。

如图2A和2B所示，数据展示面板层包括面板信息区域，面板信息区域中可以提供有操作控件(例如按钮、输入框等)以允许用户输入控制信息。

如图2B所示，面板信息区域208中提供有操作控件1、操作控件2、操作控件3、操作控件4、操作控件5，用户可以通过对操作控件1、操作控件2、操作控件3、操作控件4、操作控件5进行选择操作来输入控制信息。数据展示面板层可以通过支持层支持的通信方式与三维模型展示层通信，使得三维模型展示层与数据展示面板层同步调整三维模型信息和数据信息。

图3示出了本公开至少一个实施例提供的另一种信息展示方法的流程图。

如图3所示，该方法在前述步骤S10和步骤S20的基础上还可以包括步骤S50和步骤S60。步骤S50和步骤S60例如在步骤S10之前执行。

步骤S50：在第一终端中提供数据展示面板层。

步骤S60：在第二终端中提供三维模型展示层。

在该实施例中，支持层部署于第一终端和/或第二终端，数据信息和三维模型信息同时展示于第一终端和第二终端。

该方法将数据展示面板层和三维模型展示层部署于不同的终端中，实现了数据展示面板层和三维模型展示层的分离部署。并且数据展示面板层和三维模型展示层可以通过支持层通信，可以利用数据展示面板层对三维模组展示层进行远端控制。

本公开的提供了一种应用于图3所述的信息展示方法的展示系统。该展示系统包括第一终端和第二终端，第一终端配置为提供第一数据面板层以展示数据信息；第二终端配置为提供三维模型展示层以展示三维模型信息，第一数据展示面板层和三维模型展示层通过支持层通信，数据信息和三维模型信息相关联。

图4A示出了本公开至少一个实施例提供的一种应用信息展示方法的展示系统400的架构图。

如图400所示，该展示系统400可以包括终端401和终端402。终端401为第一终端的示例，终端402为上述第二终端的示例。

终端401配置为提供数据面板层以展示数据信息411。终端402配置为提供三维模型展示层以展示三维模型信息412。为了便于区分和描述，终端401中的数据面板层称为第一数据面板层。

第一数据展示面板层和三维模型展示层通过支持层通信，数据信息和三维模型信息相关联。

例如，终端401可以是具有显示屏的各种电子设备，包括但不限于手机、平板电脑、便携式计算机、台式计算机、智能电视、可穿戴设备等。

例如，终端402可以具有显示屏的各种电子设备，包括但不限于数据可视化移动端、台式计算机、智能电视等。

例如，终端401和终端402彼此之间可以通过有线或无线方式通信，例如，通过WIFI、移动通信网络(例如3G/4G/5G等通信网络)、ZigBee、蓝牙等。

终端401和终端402中可以部署支持层(例如，Websocket程序)，从而终端401和终端402通过支持层通信。

第一数据面板层展示的数据信息例如可以包括人口数据、建筑数据、车辆数据、污染物数据、生态数据等智慧城市本身的数据。

第一数据面板层展示的数据信息，例如可以包括面板信息，面板信息例如可以包括菜单栏、按钮、文字、图标等。

数据信息和三维模型信息的具体实施例请参考上文图1A中的描述。

在本公开的一些实施例中，在图4A所示的展示系统400中，终端402还配置为提供第二数据面板层，第二数据面板层与第一数据面板层通信。

例如，第一数据面板层和第二数据面板层通过支持层通信。

在本公开的一些实施例中，第二数据面板层展示的数据信息可以与第一数据面板层展示数据信息相同，或者部分相同，或者完全不同。

例如，第一数据面板层展示的数据信息为允许用户执行输入操作的面板信息，第二数据面板层展示的数据信息为人口数据、建筑数据、车辆数据、污染物数据、生态数据等智慧城市本身的数据。

又例如，第一数据面板层展示的数据信息包括面板信息和智慧城市本身的数据，第二数据面板层展示的数据信息仅包括智慧城市本身的数据和部分面板信息。

图4B示出了本公开至少一个实施例提供的图4A中终端402提供第二数据面板层的示意图。

如图4B所示，终端402除提供三维模型展示层以展示三维模型信息412。之外，还提供第二数据面板层以展示数据信息413。

本公开还提供了另一种应用信息展示方法的展示系统。该展示系统包括第一终端，第一终端配置为提供第一数据面板层以展示数据信息，且配置为提供三维模型展示层展示三维模型信息，三维模型展示层不同于数据展示面板层；第一数据展示面板层和三维模型展示层通过支持层通信，数据信息和三维模型信息相关联。

图5A示出了本公开至少一个实施例提供的一种应用信息展示方法的展示系统500的架构图。

如图5A所示，展示系统500包括终端501，终端501为第一终端的示例。

终端501提供数据面板层以展示数据信息(数据信息202、数据信息203和数据信息204)，且提供三维模型展示层展示三维模型信息201。第一数据展示面板层和三维模型展示层通过支持层通信。终端501提供的数据面板层称为第一数据面板层。

例如，第一数据面板层和三维模型展示层可以被配置为分布于页面的不同区域中，从而使得数据信息和三维模型信息展示于页面的不同区域中。

又例如，第一数据面板层和三维模型展示层层叠设置，第一数据面板层比三维模型展示层更接近观看者，且数据展示面板层至少部分设置为透明或半透明以露出至少部分三维模型展示层。

在本公开的一些实施例中，例如，在图5A所示的展示系统500中，展示系统500还可以包括第二终端，第二终端配置为提供第二数据面板层，第二数据面板层与第一数据面板层通信。

图5B示出了本公开至少一个实施例提供的一种展示系统500包括第一终端和第二终端的示意图。

如图5B所示，展示系统500除包括终端501之外，还包括终端502。终端502为第二终端的一种示例。

终端502提供第二数据面板层，第二数据面板层与第一数据面板层通信。例如，终端501和终端502彼此之间可以通过有线或无线方式通信，例如，通过WIFI、移动通信网络(例如3G/4G/5G等通信网络)、ZigBee、蓝牙等。

第二数据面板层例如包括操作控件，点击操作控件生成控制信息，并且向终端501发送控制信息，使得第一数据面板层和三维模型展示层同步调整数据信息和三维模型信息。

在本公开的一些实施例中，第二数据面板层展示的数据信息可以与第一数据面板层展示数据信息(即，终端501展示的数据信息)相同，或者部分相同，或者完全不同。

例如，第二数据面板层展示的数据信息为允许用户执行输入操作的面板信息，第一数据面板层展示的数据信息为人口数据、建筑数据、车辆数据、污染物数据、生态数据等智慧城市本身的数据。

又例如，第一数据面板层展示的数据信息包括部分面板信息和智慧城市本身的数据，第二数据面板层展示的数据信息仅包括部分智慧城市本身的数据和面板信息。

在该实施例中，例如，第二终端503可以是用户的移动设备，第一终端501为大屏端，用户通过在移动设备上输入控制信息便可以对第一终端上展示的数据信息和三维模型进行调整，方便用户对数据信息和三维模型进行对比分析。

例如，第二终端503显示有智慧城市中各个区域的施工危险程度，响应于用户对第二终端503显示的“施工危险程度较高”图标进行的点击操作，第一终端501的三维展示模型展示出智慧城市中施工危险程度较高的区域的三维图像，这样用户可以迅速地查看到施工危险程度较高的区域的分布。

在本公开的另一些实施例中，展示系统可以包括第一终端和第二终端，第二终端提供三维模型展示层，以展示三维模型，第一终端提供三维模型展示层和数据面板展示层，以在第二终端展示三维模型信息和数据信息。

图5C示出了本公开至少一个实施例提供的另一种展示系统500包括第一终端和第二终端的示意图。

如图5C所示，展示系统500除包括终端501之外，还包括终端503。终端503为第二终端的另一种示例。

终端503提供三维模型展示层，三维模型展示层与终端501中的第一数据面板层通信。例如，终端501和终端502彼此之间可以通过有线或无线方式通信，例如，通过WIFI、移动通信网络(例如3G/4G/5G等通信网络)、ZigBee、蓝牙等。

三维模型展示层例如可以包括操作控件，点击操作控件生成控制信息，并且向终端501发送控制信息，使得第一数据面板层和三维模型展示层同步调整数据信息和三维模型信息。

例如，第二终端503可以是用户的移动设备，用户通过在移动设备上对三维模型进行例如旋转、放大、缩小等操作。当用户对移动设备上的三维模型层进行调整的同时，第一终端501上同步显示调整后的数据信息。

例如，通过在移动设备上对三维模型进行操作，使得三维模型展示某个社区的三维图像，此时第一终端501(例如大屏端)可以展示该社区中对于某个疾病的患病人数、患病者的密切接触者的数量、社区的人口数量、社区的小区等信息。

该实施例中，用户通过控制三维模型便可以在大屏端展示三维模型对应的数据信息，便于用户对数据进行分析。

在本公开的一些实施例中，对于包括第一终端和第二终端的展示系统，数据展示面板层和三维模型展示层可以通过WebSocket协议通信。

图6A示出了本公开至少一个实施例提供的一种通过WebSocket协议通信的系统架构图。

在图6A所示的实施例中，以第一终端为大屏端601、第二终端为平板电脑端602为例来说通过WebSocket协议通信的系统架构。

如图6A所示，大屏端601包括Windows窗体，Windows窗体作为支持层。支持层中部署有WebSocket服务端，用于与平板电脑端602通信。Windows窗体中部署有面板容器和WPF容器，面板容器用于加载数据展示面板层6111，WPF容器用于加载三维模型展示层6121。

平板电脑端602例如可以是Android操作系统，Android操作系统可以部署数据展示面板层和WebSocket客户端。WebSocket客户端用于与WebSocket服务端通信。

WebSocket服务端接收来自WebSocket客户端的控制信息，向数据展示面板层6111和三维模型展示层6121发送控制信息，使得数据展示面板层6111展示的数据信息和三维模型展示层6121展示的三维模型同步调整。

数据展示面板层和三维模型展示层可以通过WebSocket协议、函数调用等方式进行通信。

例如，该系统为智慧城市指挥中心的展示系统，智慧城市指挥中心的用户可以自由移动的同时，通过对平板电脑端602输入控制信息，方便地控制大屏端601的展示，提高了用户的可操作性，会议的多端坐席联动情况下，可以方便用户进行图表信息和三维数据信息之间的联动。

图6B示出了本公开至少一个实施例提供的另一种通过WebSocket协议通信的系统架构图。

在图6B所示的实施例中，大屏端601部署有数据展示面板层610和三维模型展示层620。

数据展示面板层610中部署有WebSocket客户端，三维模型展示层620部署有WebSocket服务端，从而数据展示面板层610和三维模型展示层620可以通过WebSocket通信。

平板电脑端602的用户界面可以通过Android程序实现，以应用于Android操作系统。Android操作系统可以部署三维模型展示层和WebSocket客户端，三维模型展示层用于展示基于OSG框架的三维模型。WebSocket客户端用于与WebSocket服务端通信。

三维模型展示层620的WebSocket服务端用于监听平板电脑端602和数据展示面板层610各自的WebSocket客户端发出的连接请求。

图6C示出了本公开至少一个实施例提供的图6B所示的系统的控制方法的流程图。

如图6C所示，该控制方法可以包括步骤S611～步骤S613。

步骤S611：平板电脑端602获取输入操作，并且将输入操作转换为特定格式的控制信息，以及通过平板电脑端602中的WebSocket客户端向大屏端601发送操作指令。

步骤S612：大屏端601的WebSocket服务端接收并解析控制信息，并且把控制信息转化成操作三维模型和Web用户界面(即，数据展示面板层)的动作指令，以及向三维模型展示层和数据展示面板层分别发送动作指令。

步骤S613：大屏端601的三维模型响应动作指令。例如三维模型根据动作指令进行旋转移动等。

步骤S614：大屏端601的Web用户界面接收动作指令，并且响应动作指令执行操作。同时，大屏端601的Web用户界面可以将响应动作指令执行的操作转化为另一操作指令，传递给大屏端601的WebSocket服务端。

在本公开的一些实施例中，WebSocket指令(例如，上述操作指令、动作指令等)协议格式可以包括：触摸屏幕指令和点击按钮指令。

例如，触摸屏幕的指令的格式为：

{type:'mouse',name:'mouseButtonReleaseEvent',x:997.96875,y:741.94336,button:1}。

上述触摸屏幕的指令的格式中，例如，type的值为mouse表示手势，name的值包括：mouseButtonPressEvent表示手势按下、mouseButtonReleaseEvent表示手势抬起以及 mouseMoveEvent表示手势移动，x和y表示点击的坐标位置，button表示第几个手指。

例如，点击按钮的指令格式为：{type＝'click_button',button＝'MGR'}，在点击按钮的指令格式中，type的值表示点击按钮，button表示具体的某个按钮。

采用WebSocket技术，有利于Web用户界面与其他终端的远程交互，提高了展示方法的适用性，并且WebSocket能够建立长连接，提高了通信效率。长连接是指在一个通信连接上可以连续发送多个数据包。采用WebSocket技术，使得数据展示面板层和三维模型展示层具有很好的可移植性。例如，数据展示面板层和三维模型展示层被部署于同一终端上，用户只能在该终端上进行操作，无法进行远程操作，通过将数据展示面板层移植到用户的移动设备上，用户便可以通过对移动设备进行操作来控制终端上三维模型的旋转、移动等操作。WebSocket协议通信相比JavaScript通信的优势在于支持网络通信，支持将数据展示面板层和三维模型展示层部署到不同的终端上。

图6D示出了本公开至少一个实施例提供的另一控制方法的流程图。

如图6D所示，该控制方法可以应用于包括两个终端的展示系统。

该控制方法包括步骤S701～步骤S706。

步骤S701：终端1向终端2发送操作指令(即，控制信息)。该操作指令例如是用户对终端1执行输入操作生成的。

步骤S702：终端2响应于接收到操作指令，向终端2中的三维模型展示层发送操作指令。

步骤S703：终端2响应于接收到操作指令，向终端2中的数据展示面板层发送操作指令。

步骤S702和步骤S703可以同步执行，以同步显示。

步骤S704：终端2向终端1发送调用结果消息，以通知终端1已经接收到操作指令。

步骤S705：终端2中的数据展示面板层向终端2中的三维模型展示层发送另一操作指令。

步骤S706：终端2中的三维模型展示层向终端2中的数据展示面板层发送调用结果消息，以通知数据展示面板层已经接收到另一操作指令。

本公开的至少一个实施例还提供了一种电子设备，该电子设备包括处理器和存储器，存储器包括一个或多个计算机程序模块。一个或多个计算机程序模块被存储在存储器中并被配置为由处理器执行，一个或多个计算机程序模块包括用于实现上述的信息展示方法的指令。该电子设备使得用户能够便捷地查看三维模型呈现的场景以及场景对应的数据信息，降低了用户查看场景和场景对应的数据的操作复杂度，并且该方法通过相互通信的数据展示面板层和三维模型层分别展示数据信息和三维模型信息，降低了同时展示相关联的数据信息和三维模型信息的难度，提高了用于展示数据信息和三维模型信息的系统的开发效率。

图7为本公开一些实施例提供的一种电子设备的示意框图。如图7所示，该电子设备800包括处理器810和存储器820。存储器820用于存储非暂时性计算机可读指令(例如一 个或多个计算机程序模块)。处理器810用于运行非暂时性计算机可读指令，非暂时性计算机可读指令被处理器810运行时可以执行上文所述的信息展示方法中的一个或多个步骤。存储器820和处理器810可以通过总线系统和/或其它形式的连接机构(未示出)互连。

例如，处理器810可以是中央处理单元(CPU)、图形处理单元(GPU)或者具有数据处理能力和/或程序执行能力的其它形式的处理单元。例如，中央处理单元(CPU)可以为X86或ARM架构等。处理器810可以为通用处理器或专用处理器，可以控制电子设备800中的其它组件以执行期望的功能。

例如，存储器820可以包括一个或多个计算机程序产品的任意组合，计算机程序产品可以包括各种形式的计算机可读存储介质，例如易失性存储器和/或非易失性存储器。易失性存储器例如可以包括随机存取存储器(RAM)和/或高速缓冲存储器(cache)等。非易失性存储器例如可以包括只读存储器(ROM)、硬盘、可擦除可编程只读存储器(EPROM)、便携式紧致盘只读存储器(CD-ROM)、USB存储器、闪存等。在计算机可读存储介质上可以存储一个或多个计算机程序模块，处理器810可以运行一个或多个计算机程序模块，以实现电子设备800的各种功能。在计算机可读存储介质中还可以存储各种应用程序和各种数据以及应用程序使用和/或产生的各种数据等。

需要说明的是，本公开的实施例中，电子设备800的具体功能和技术效果可以参考上文中关于信息展示方法的描述，此处不再赘述。

图8为本公开一些实施例提供的另一种电子设备的示意框图。该电子设备900例如适于用来实施本公开实施例提供的信息展示方法。电子设备900可以是终端设备等。需要注意的是，图8示出的电子设备900仅仅是一个示例，其不会对本公开实施例的功能和使用范围带来任何限制。

如图8所示，电子设备900可以包括处理装置(例如中央处理器、图形处理器等)910，其可以根据存储在只读存储器(ROM)920中的程序或者从存储装置980加载到随机访问存储器(RAM)930中的程序而执行各种适当的动作和处理。在RAM 930中，还存储有电子设备900操作所需的各种程序和数据。处理装置910、ROM 920以及RAM930通过总线940彼此相连。输入/输出(I/O)接口950也连接至总线940。

通常，以下装置可以连接至I/O接口950：包括例如触摸屏、触摸板、键盘、鼠标、摄像头、麦克风、加速度计、陀螺仪等的输入装置960；包括例如液晶显示器(LCD)、扬声器、振动器等的输出装置970；包括例如磁带、硬盘等的存储装置980；以及通信装置990。通信装置990可以允许电子设备900与其他电子设备进行无线或有线通信以交换数据。虽然图8示出了具有各种装置的电子设备900，但应理解的是，并不要求实施或具备所有示出的装置，电子设备900可以替代地实施或具备更多或更少的装置。

例如，根据本公开的实施例，上述信息展示方法可以被实现为计算机软件程序。例如，本公开的实施例包括一种计算机程序产品，其包括承载在非暂态计算机可读介质上的计算机程序，该计算机程序包括用于执行上述信息展示方法的程序代码。在这样的实施例中，该 计算机程序可以通过通信装置990从网络上被下载和安装，或者从存储装置980安装，或者从ROM 920安装。在该计算机程序被处理装置910执行时，可以实现本公开实施例提供的信息展示方法中限定的功能。

本公开的至少一个实施例还提供了一种计算机可读存储介质，该计算机可读存储介质用于存储非暂时性计算机可读指令，当非暂时性计算机可读指令由计算机执行时可以实现上述的信息展示方法。利用该计算机可读存储介质，使得用户能够便捷地查看三维模型呈现的场景以及场景对应的数据信息，降低了用户查看场景和场景对应的数据的操作复杂度，并且该方法通过相互通信的数据展示面板层和三维模型层分别展示数据信息和三维模型信息，降低了同时展示相关联的数据信息和三维模型信息的难度，提高了用于展示数据信息和三维模型信息的系统的开发效率。

图9为本公开一些实施例提供的一种存储介质的示意图。如图9所示，存储介质1000用于非暂时性存储有计算机可读指令1010。例如，当计算机可读指令1010由计算机执行时可以执行根据上文所述的信息展示方法中的一个或多个步骤。

例如，该存储介质1000可以应用于上述电子设备800中。例如，存储介质1000可以为图7所示的电子设备800中的存储器820。例如，关于存储介质1000的相关说明可以参考图7所示的电子设备800中的存储器820的相应描述，此处不再赘述。

对于本公开，还有以下几点需要说明：

(1)本公开实施例附图只涉及到本公开实施例涉及到的结构，其他结构可参考通常设计。

(2)在不冲突的情况下，本公开的实施例及实施例中的特征可以相互组合以得到新的实施例。

以上所述，仅为本公开的具体实施方式，但本公开的保护范围并不局限于此，本公开的保护范围应以所述权利要求的保护范围为准。

Claims (23)

1. 一种信息展示方法，包括：

   在数据展示面板层中展示数据信息；以及

   在三维模型展示层中展示三维模型信息，其中，所述三维模型展示层不同于所述数据展示面板层；

   其中，所述数据展示面板层和所述三维模型展示层通过支持层通信，所述数据信息和所述三维模型信息相关联。
2. 根据权利要求1所述的方法，其中，将所述数据展示面板层和所述三维模型展示层设置在同一页面中以展示所述数据信息和所述三维模型信息。
3. 根据权利要求2所述的方法，其中，将所述数据展示面板层和所述三维模型展示层层叠设置在所述页面中以展示所述数据信息和所述三维模型信息。
4. 根据权利要求3所述的方法，其中，所述数据展示面板层比所述三维模型展示层更接近观看者，且所述数据展示面板层至少部分设置为透明或半透明以露出至少部分所述三维模型展示层。
5. 根据权利要求2～4任一项所述的方法，其中，所述支持层以基础层的形式在所述页面中展示，所述数据展示面板层和所述三维模型展示层层叠在所述基础层上。
6. 根据权利要求5所述的方法，其中，所述页面显示为窗体。
7. 根据权利要求1～6任一项所述的方法，其中，所述数据展示面板层部署在所述支持层的第一容器中，所述三维模型展示层部署在所述支持层的第二容器中。
8. 根据权利要求1～7任一项所述的方法，其中，所述数据展示面板层基于跨平台界面开发框架获得。
9. 根据权利要求8所述的方法，其中，所述数据展示面板层为浏览器支持的面板层或操作系统支持的面板层。
10. 根据权利要求1～9任一项所述的方法，还包括：

    接收控制信息；以及

    根据所述控制信息同步调整在所述数据展示面板层中展示的所述数据信息和在所述三维模型展示层中展示的所述三维模型信息。
11. 根据权利要求10所述的方法，其中，所述数据展示面板层和/或所述三维模型展示层直接接收所述控制信息；或者

    所述数据展示面板层和所述三维模型展示层通过所述支持层接收所述控制信息。
12. 根据权利要求11所述的方法，其中，所述控制信息由操作端提供；或者

    所述数据展示面板层还提供有操作控件以允许用户输入所述控制信息。
13. 根据权利要求12所述的方法，其中，所述控制信息由所述操作端上提供的另一数据面板层获取。
14. 根据权利要求1～13任一项所述的方法，其中，所述数据展示面板层和所述三维模型展示层通过支持层的如下手段之一通信：Windows窗体消息、函数调用、JavaScript调用、WebSocket协议、Http协议、TCP协议、UDP协议。
15. 根据权利要求1～14任一项所述的方法，其中，所述数据信息和所述三维模型信息相关联，包括：

    响应于所述三维模型展示层展示的三维模型信息发生变化，所述数据展示面板层展示的数据信息被更新；和/或

    响应于所述数据展示面板层展示的数据信息发生变化，所述三维模型展示层展示的三维模型信息被更新。
16. 根据权利要求1～15任一项所述的方法，还包括：

    在第一终端中提供所述数据展示面板层；以及

    在第二终端中提供所述三维模型展示层；

    其中，所述支持层部署于所述第一终端和/或所述第二终端，所述数据信息和所述三维模型信息同时展示于所述第一终端和所述第二终端。
17. 一种展示系统，包括第一终端，其中，

    所述第一终端配置为提供第一数据展示面板层以展示数据信息，且配置为提供三维模型展示层展示三维模型信息，所述三维模型展示层不同于所述数据展示面板层；

    所述第一数据展示面板层和三维模型展示层通过支持层通信，所述数据信息和所述三维模型信息相关联。
18. 根据权利要求17所述的展示系统，还包括第二终端，其中，

    所述第二终端配置为提供第二数据展示面板层，所述第二数据展示面板层与所述第一数据展示面板层通信；或者

    所述第二终端配置为提供三维模型展示层以展示三维模型信息，所述三维模型展示层和所述第一数据展示面板层通信。
19. 一种展示系统，包括第一终端和第二终端，其中，

    所述第一终端配置为提供第一数据展示面板层以展示数据信息；

    所述第二终端配置为提供三维模型展示层以展示三维模型信息，

    所述第一数据展示面板层和三维模型展示层通过支持层通信，

    其中，所述数据信息和所述三维模型信息相关联。
20. 根据权利要求19所述的展示系统，其中，所述第二终端还配置为提供第二数据展示面板层，所述第二数据展示面板层与所述第一数据展示面板层通信。
21. 根据权利要求17或19所述的展示系统，其中，所述第一数据展示面板层和所述三维模型展示层通过WebSocket协议通信。
22. 一种电子设备，包括：

    处理器；

    存储器，包括一个或多个计算机程序指令；

    其中，所述一个或多个计算机程序指令被存储在所述存储器中，并由所述处理器执行时实现权利要求1-16任一项所述的信息展示方法。
23. 一种计算机可读存储介质，非暂时性存储有计算机可读指令，其中，当所述计算机可读指令由处理器执行时实现权利要求1-16任一项所述的信息展示方法。

Images