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

信息展示方法、系统、电子设备和计算机可读存储介质 Download PDF

Info

Publication number
WO2023070538A1
WO2023070538A1 PCT/CN2021/127492 CN2021127492W WO2023070538A1 WO 2023070538 A1 WO2023070538 A1 WO 2023070538A1 CN 2021127492 W CN2021127492 W CN 2021127492W WO 2023070538 A1 WO2023070538 A1 WO 2023070538A1
Authority
WO
WIPO (PCT)
Prior art keywords
layer
data
information
model
display
Prior art date
Application number
PCT/CN2021/127492
Other languages
English (en)
French (fr)
Inventor
李存青
Original Assignee
京东方科技集团股份有限公司
Priority date (The priority date 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 date listed.)
Filing date
Publication date
Application filed by 京东方科技集团股份有限公司 filed Critical 京东方科技集团股份有限公司
Priority to PCT/CN2021/127492 priority Critical patent/WO2023070538A1/zh
Priority to CN202180003170.3A priority patent/CN116368528A/zh
Publication of WO2023070538A1 publication Critical patent/WO2023070538A1/zh

Links

Images

Classifications

    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
    • G06T17/00—Three dimensional [3D] modelling, e.g. data description of 3D objects

Definitions

  • Embodiments of the present disclosure relate to an information display method, system, electronic device, and computer-readable storage medium.
  • smart cities cover a lot of data
  • core data include: population data, building data, vehicle data, pollutant data, ecological data, etc. Combining these data with the city model and presenting it to users through visualization means can facilitate users to understand the basic information of the city more intuitively and improve the efficiency of urban management and urban construction.
  • At least one embodiment of the present disclosure provides an information display method, including: displaying data information in a data display panel layer; and displaying 3D model information in a 3D model display layer, where the 3D model display layer is different from the data display panel layer; The panel layer and the 3D model display layer communicate through the support layer, and the data information is associated with the 3D model information.
  • the data display panel layer and the 3D model display layer are set on the same page to display the data information and the 3D model information.
  • the data display panel layer and the 3D model display layer are stacked on the page to display the data information and the 3D model information.
  • the data display panel layer is closer to the viewer than the three-dimensional model display layer, and the data display panel layer is at least partially set to be transparent or translucent to reveal At least part of the three-dimensional model display layer.
  • the support layer is displayed on the page in the form of a base layer, and the data display panel layer and the 3D model display layer are stacked on the base layer.
  • the page is displayed as a window.
  • the data display panel layer is deployed in the first container of the support layer
  • the 3D model display layer is deployed in the second container of the support layer.
  • the data display panel layer is obtained based on a cross-platform interface development framework.
  • the data display panel layer is a panel layer supported by a browser or a panel layer supported by an operating system.
  • the information display method further includes: receiving control information; and synchronously adjusting the data information displayed in the data display panel layer and the 3D model according to the control information The 3D model information displayed in the display layer.
  • the data display panel layer and/or the 3D model display layer directly receive the control information; or the data display panel layer and the 3D model display layer pass The support layer receives the control information.
  • control information is provided by the operation terminal; or the data display panel layer is further provided with operation controls to allow the user to input the control information.
  • control information is obtained from the data panel layer provided on the operation terminal.
  • the data display panel layer and the 3D model display layer communicate through one of the following means of the support layer: Windows window message, function call, JavaScript call, WebSocket protocol, Http protocol, TCP protocol, UDP protocol.
  • the data information is associated with the 3D model information, including: in response to changes in the 3D model information displayed by the 3D model display layer, the data display panel layer The displayed data information is updated; and/or in response to changes in the data information displayed on the data display panel layer, the 3D model information displayed on the 3D model display layer is updated.
  • the information display method further includes: providing the data display panel layer in the first terminal; and providing the 3D model display layer in the second terminal, and the support layer is deployed on the second terminal A terminal and/or a second terminal, the data information and 3D model information are simultaneously displayed on the first terminal and the second terminal.
  • At least one embodiment of the present disclosure provides a display system, including: a first terminal, the first terminal is configured to provide a first data display panel layer to display data information, and is configured to provide a 3D model display layer to display 3D model information, the The 3D model display layer is different from the data display panel layer; the first data display panel layer communicates with the 3D model display layer through a support layer, and the data information is associated with the 3D model information.
  • the display system provided in an embodiment of the present disclosure further includes a second terminal, the second terminal is configured to provide a second data display panel layer, the second data display panel layer and the first data display panel layer communication.
  • At least one embodiment of the present disclosure provides another display system, including: a first terminal and a second terminal, the first terminal is configured to provide a first data display panel layer to display data information; the second terminal is configured to provide a three-dimensional model display layer To display the 3D model information, the first data display panel layer communicates with the 3D model display layer through the support layer, and the data information is associated with the 3D model information.
  • the second terminal is further configured to provide a second data display panel layer, and the second data display panel layer communicates with the first data display panel layer; or the second The terminal is configured to provide a 3D model display layer to display 3D model information, and the 3D model display layer communicates with the first data display panel layer.
  • the first data display panel layer communicates with the 3D model display layer through the WebSocket protocol.
  • At least one embodiment of the present disclosure provides an electronic device including a processor; a memory including one or more computer program instructions; wherein the one or more computer program instructions are stored in the memory and executed by the processor During execution, the information display method provided by any embodiment of the present disclosure is realized.
  • At least one embodiment of the present disclosure provides a computer-readable storage medium that stores computer-readable instructions in a non-transitory manner.
  • the computer-readable instructions are executed by a processor, the information display method provided by any embodiment of the present disclosure can be implemented. .
  • Fig. 1A shows a flow chart of an information presentation method provided by at least one embodiment of the present disclosure
  • Fig. 1B shows a system architecture of an application presentation method provided by at least one embodiment of the present disclosure
  • Fig. 2A shows a schematic diagram of displaying data information and 3D model information on the same page provided by at least one embodiment of the present disclosure
  • Fig. 2B shows another schematic diagram of displaying data information and 3D model information on the same page provided by at least one embodiment of the present disclosure
  • Fig. 3 shows a flow chart of another information presentation method provided by at least one embodiment of the present disclosure
  • Fig. 4A shows a structure diagram of a display system of an application information display method provided by at least one embodiment of the present disclosure
  • FIG. 4B shows a schematic diagram of providing a second data plane layer by the terminal 402 in FIG. 4A provided by at least one embodiment of the present disclosure
  • Fig. 5A shows a structure diagram of a display system of a method for displaying application information provided by at least one embodiment of the present disclosure
  • Fig. 5B shows a schematic diagram of a presentation system provided by at least one embodiment of the present disclosure including a first terminal and a second terminal;
  • FIG. 5C shows a schematic diagram of another display system 500 provided by at least one embodiment of the present disclosure including a first terminal and a second terminal;
  • Fig. 6A shows a system architecture diagram of communicating through the WebSocket protocol provided by at least one embodiment of the present disclosure
  • Fig. 6B shows another system architecture diagram of communicating through the WebSocket protocol provided by at least one embodiment of the present disclosure
  • Fig. 6C shows a flowchart of a control method of the system shown in Fig. 6B provided by at least one embodiment of the present disclosure
  • Fig. 6D shows a flowchart of another control method provided by at least one embodiment of the present disclosure
  • Fig. 7 shows a schematic block diagram of an electronic device provided by at least one embodiment of the present disclosure
  • Fig. 8 shows a schematic block diagram of another electronic device provided by at least one embodiment of the present disclosure.
  • Fig. 9 shows a schematic diagram of a computer-readable storage medium provided by at least one embodiment of the present disclosure.
  • the 3D model has unique advantages in the display of smart cities, smart parks, and smart enterprises.
  • the 3D model has the advantages of shocking display effect, scientific and technological visual style, all-round, real and intuitive.
  • the combination of smart city data and 3D models can intuitively, vividly and concretely display the style of smart cities, so that users can more quickly grasp the various situations of smart cities.
  • At least one embodiment of the present disclosure provides an information display method, system, electronic device, and computer-readable storage medium.
  • the information display method includes: displaying data information in a data display panel layer; and displaying three-dimensional model information in a three-dimensional model display layer, the three-dimensional model display layer is different from the data display panel layer; the data display panel layer and the three-dimensional model
  • the presentation layer communicates through the support layer, and the data information is associated with the three-dimensional model information.
  • the information display method enables the user to conveniently view the scene presented by the 3D model and the data information corresponding to the scene, reducing the operational complexity for the user to view the scene and the data corresponding to the scene, and the method displays the panel layer and
  • the 3D model layer displays data information and 3D model information respectively, which reduces the difficulty of simultaneously displaying associated data information and 3D model information, and improves the development efficiency of a system for displaying data information and 3D model information.
  • smart cities are taken as an example to illustrate the embodiments of the present disclosure, but it does not mean that the embodiments of the present disclosure are only applied to smart cities, and the embodiments of the present disclosure can also be applied to smart parks , smart enterprises, smart villages, etc. That is, the present disclosure does not limit the application scenarios of the embodiments of the present disclosure.
  • Fig. 1A shows a flowchart of an information presentation method provided by at least one embodiment of the present disclosure.
  • the method may include steps S10-S20.
  • Step S10 Display data information in the data display panel layer.
  • Step S20 Display the 3D model information in the 3D model display layer, which is different from the data display panel layer.
  • the data display panel layer and the 3D model display layer communicate through the support layer, and the data information is associated with the 3D model information.
  • the data display panel layer and the three-dimensional model display layer correspond to different software models.
  • the data display panel layer and the 3D model display layer are the layers presented by the display screen, and different layers have a stacked visual effect when displayed.
  • the data display panel layer and the 3D model display layer are not physical layers with real objects.
  • the data information may include population data, building data, vehicle data, pollutant data, ecological data and other data of the smart city itself.
  • the data information may also include panel information, and the panel information may include, for example, a menu bar, buttons, text, icons, and the like.
  • the data display panel layer is used to provide a user interface (User Interface, UI).
  • UI User Interface
  • the data display panel layer may provide a two-dimensional user interface, or may provide a three-dimensional user interface.
  • the data display panel layer can be developed using user interface development tools or development frameworks.
  • the data display panel layer is obtained based on a cross-platform interface development framework.
  • Using the cross-platform interface development framework to develop the data display panel layer can make the data display panel layer applicable to various platforms or operating systems, thereby improving the applicability and portability of the data display panel layer.
  • platforms include but are not limited to operating systems such as Android, iOS, Windows, and Linux.
  • the data display panel layer can be obtained based on Flutter.
  • Flutter is a cross-platform development framework, the development language adopts Dart, and supports multiple development platforms (that is, operating systems) such as Android, iOS, Linux, Web, and Windows.
  • the data display panel layer is obtained by converting the panel program developed based on Flutter.
  • the data display panel layer is a panel layer supported by a browser or a panel layer supported by an operating system.
  • a web program is a program supported by a browser, therefore, the data display panel layer may be constructed by a web program.
  • the data display panel layer is a panel layer supported by applications of the operating system.
  • a Windows program is a program supported by an application program of the Windows operating system. Therefore, the data display panel layer may also be constructed by the Windows program, so that the data display panel layer runs in the application program of the Windows operating system.
  • the data display panel layer constructed by Web program, Windows program, Android program, IOS program, etc. can be obtained by converting the panel program developed based on Flutter.
  • the developer can determine which type of program the panel program developed based on Flutter is converted into based on the type of operating system that runs the data display panel layer, so that the data display panel layer can run on the operating system run in.
  • Flutter lies in its quickness and cross-platform nature. Flutter can run on various operating systems such as Android, iOS, Web, Windows, Mac, Linux, etc., and the command line tools provided by Flutter can be used to easily install Flutter
  • the program is transformed into a Web program and a Window form program.
  • the 3D model information may be, for example, a 3D model created for a smart city.
  • the three-dimensional model may be obtained by constructing the smart city according to a preset scaling ratio by using a three-dimensional model design tool.
  • the 3D model can intuitively and truly reflect the style and features of the smart city.
  • 3D model information can not only reflect the geographical location of multiple streets, multiple buildings, and green vegetation in a smart city, but also truly reflect the street view, architectural style, and types of green vegetation in a smart city.
  • the 3D model information displayed by the 3D model display layer may be a complete 3D model of the smart city, or may display a part of the 3D model of the complete 3D model of the smart city.
  • the 3D model display layer may display 3D images of buildings under construction in the complete 3D model, 3D images of green vegetation, and the like.
  • the 3D model display layer may display 3D images of some streets and some districts in the complete 3D model.
  • the 3D model information displayed by the 3D model display layer may be displayed according to the control information input by the user or the user's operation. For example, if the control information input by the user is Street A, the 3D model information displayed on the 3D model display layer may be Street A and its surrounding areas. For another example, when the user zooms in on the position C in the 3D model, the 3D model display layer displays the 3D image corresponding to the enlarged position C. For another example, according to the rotation operation performed by the user on the three-dimensional model, the three-dimensional model is rotated to adjust the display angle of the three-dimensional model.
  • the 3D model display layer may be developed based on native code.
  • OSG OpenSceneGraph
  • OpenGL Open Graphics Library
  • the 3D model display layer is developed based on OSG
  • the data display panel layer is based on a web program or Windows program obtained through Flutter conversion.
  • OSG and Flutter to display the 3D model display layer and data respectively
  • the development of the panel layer can not only improve the development efficiency, but also improve the display effect of the 3D model.
  • the 3D model display layer can also be developed using other tools, and this disclosure does not limit the development method of the 3D model display layer.
  • the 3D model display layer can also be developed based on ThreeJs. ThreeJs is based on browser technology. The 3D model is loaded and run in the browser. The performance of the 3D model is limited by the browser. It is difficult to run large 3D models based on the ThreeJs 3D model display layer.
  • the OSG framework is a kind of native code.
  • the 3D model display layer based on the OSG framework can run on the Web and Windows, and is not limited to loading and running in the browser. Therefore, the 3D model display layer based on the OSG framework can smoothly run large 3D models. Model.
  • the support layer includes a program for providing communication services to the data display panel layer and the three-dimensional model display layer.
  • the support layer provides at least one communication method among Windows form message, function call, JavaScript call, WebSocket protocol, Http protocol, TCP protocol, UDP protocol and the like.
  • the remote communication between the data display panel layer and the 3D model display layer can be realized through the WebSocket protocol, and the communication between multiple forms (for example, Web applications, Windows applications, mobile applications) is supported, so that the data display panel layer and the 3D model display layer do not need It is set on the same terminal, and there is no requirement for the form of the data display panel layer and the three-dimensional model display layer, so the portability and flexibility of the data display panel layer and the three-dimensional model display layer are improved.
  • multiple forms for example, Web applications, Windows applications, mobile applications
  • the programs included in the support layer for providing communication services may be respectively deployed in the data display panel layer and the 3D model display layer, so that the data display panel layer and the 3D model display layer provide communication services program to communicate.
  • the data display panel layer is deployed in the first container of the support layer, and the 3D model display layer is deployed in the second container of the support layer. That is, the data display panel layer runs in the first container, and the 3D model display layer runs in the second container.
  • a first container and a second container are created at the support layer.
  • the first container is used to load the data display panel layer
  • the second container is used to load the 3D model display layer, that is, the data display panel layer runs in the first container, and the 3D model display layer runs in the second container.
  • the support layer includes a window program, and the first container and the second container are created in the window program.
  • the form program is a Windows form program.
  • any one of the first container and the second container may be a Windows Presentation Foundation (Windows Presentation Foundation, WPF) container, or a container created by using the C++ language.
  • WPF Windows Presentation Foundation
  • the 3D model display layer is an OSG model based on the OSG framework
  • the second container is a WPF container
  • the OSG model is loaded through the WPF container, so that the OSG model runs in the second container.
  • the data display panel layer is a Web program
  • the first container is a WPF container
  • the Web program is loaded through the WPF container, so that the data display panel layer based on the Web program runs in the first container.
  • the first container and the second container are deployed in the same Windows form, and the data display panel layer and the 3D model display layer can pass Windows form messages, function calls, JavaScript calls, WebSocket protocol, Http protocol, TCP protocol, Communication methods such as UDP protocol.
  • the first container and the second container are deployed in the same Windows form, so that the data display panel layer and the 3D model display layer are set on the same page, which is convenient for users to control flexibly.
  • the first container and the second container can communicate through network communication methods such as WebSocket protocol.
  • This method can deploy the data display panel layer and the 3D model display layer on different terminals, and has a wide range of applications.
  • the first container is deployed in a Windows window of the terminal
  • the second container is deployed in another Windows window of the terminal. Cascading the two Windows forms of the terminal can make the data display panel layer and the 3D model display layer cascade settings.
  • a container is a technology for packaging and running applications such as Windows and Linux.
  • the container can provide an isolated environment for applications in the software operating environment, making applications easier to develop, deploy and manage.
  • containers can be started and stopped quickly, making them suitable for applications that need to quickly adapt to changing requirements.
  • containers are used to run applications on a host operating system.
  • containers can be built on top of the kernel of the host operating system.
  • the present disclosure does not limit the implementation and operation of the container.
  • containers can run within an application to isolate and control a group of other applications.
  • Fig. 1B shows a system architecture of an application presentation method provided by at least one embodiment of the present disclosure.
  • the system architecture includes a data display panel layer 101 and a three-dimensional model display layer 102 .
  • the data display panel layer 101 is obtained by converting a program developed by Flutter into a web program.
  • the 3D model presentation layer 102 is implemented by loading the OSG model with WPF. By adding WebView in WPF, the data display panel layer 101 (Web) and the 3D model display layer 102 are combined, and JavaScript or WebSocket protocol is used to realize the interaction between the data display panel layer 101 and the 3D model display layer 102.
  • the program that provides communication services contained in the support layer can be a JavaScript program, and the JavaScript program is deployed in the data display panel layer and the 3D model display layer respectively, so that the data display panel layer and the 3D model display layer can provide JavaScript programs communicate.
  • JavaScript program is only an example of a program that provides communication services, and the present disclosure does not limit the program that provides communication services included in the support layer to JavaScript programs.
  • the data information is associated with the three-dimensional model information, including: in response to changes in the three-dimensional model information displayed on the three-dimensional model display layer, the data information displayed on the data display panel layer is updated; and/or in response to The data information displayed on the data display panel layer changes, and the 3D model information displayed on the 3D model display layer is updated.
  • the 3D model in the 3D model display layer displays street A in the city.
  • the data information displayed on the data display panel layer is the traffic light distribution information on street A, the neighborhood information around street A, etc.
  • the user rotates the 3D model and adjusts the 3D model from displaying street A in the city to displaying street B in the city.
  • the data information displayed on the data display panel layer is updated following the change of the 3D model.
  • the data information displayed on the data display panel layer is updated to the traffic light distribution information on the B road, the neighborhood information around the B street, etc.
  • the data information displayed on the data display panel layer is changed from the green vegetation data of the city to the construction building data of the city, and the 3D model information displayed on the 3D model display layer is also updated from the 3D image of the green vegetation to the 3D image of the construction building.
  • the data display panel layer and the 3D model display layer are set on the same page to display data information and 3D model information. Setting the data display panel layer and the 3D model display layer on the same page improves the convenience for users to view data information and 3D model information. For example, users do not need to switch pages to view data information and 3D model information separately. Simultaneous viewing of data information and 3D model information is convenient for users to compare and analyze, and improves user experience.
  • pages may be displayed as forms.
  • a page is displayed as a Window Form.
  • the page is a Web page.
  • the present disclosure does not limit the specific form of the page.
  • the page is displayed as a Window form, which is convenient for users to operate and edit flexibly, and supports a wide range of applications.
  • the data display panel layer and the 3D model display layer are stacked on the page to display the data information and the 3D model information.
  • the data display panel layer is closer to the viewer than the 3D model display layer, and the data display panel layer is at least partially set to be transparent or translucent to expose at least part of the 3D model display layer covered by the data display panel layer.
  • the window program of the support layer enables the support layer to be displayed on the page in the form of the base layer.
  • the support layer is displayed on the page in the form of a base layer, and the data display panel layer and the 3D model display layer are stacked on the base layer.
  • a page is displayed as a form
  • the supporting layer is displayed as a form of the base layer.
  • the base layer can be used as the background of the data display panel layer and the 3D model display layer.
  • the base layer can be a panel with a uniform gray value, or the base layer can also include some unchangeable text, images, and so on.
  • the 3D model display layer is located between the base layer and the data display panel layer, and the distance from the base layer to the viewer is greater than the distance from the data display panel layer to the viewer.
  • the coverage of the base layer in the page can be the same as that of the 3D model display layer and the data display panel layer, and the base layer can be covered or hidden by the 3D model display layer and the data display panel layer, and the viewer does not need to see the support layer .
  • the coverage of the base layer on the page is greater than the coverage of the 3D model display layer and the data display panel layer.
  • the data display panel layer and the 3D model display layer are arranged in different areas of the page, so as to respectively display data information and 3D model information in different areas.
  • Fig. 2A shows a schematic diagram of a data display panel layer and a 3D model display layer being set on the same page to display data information and 3D model information provided by at least one embodiment of the present disclosure.
  • the 3D model display layer and the data display panel layer are stacked on the same page to display data information and 3D model information.
  • the cascading arrangement of the three-dimensional model display layer and the data display panel layer can increase the display area of the three-dimensional model information and data information on the display screen, further improving user experience.
  • the data display panel layer is overlaid on the 3D model display layer, that is, the data display panel layer is closer to the viewer than the 3D model display layer.
  • the 3D model information 201 displayed on the 3D model display layer and the data information (eg, data information 202 , data information 203 , and data information 204 ) displayed on the data display panel layer are displayed on the page 200 .
  • what the 3D model information 201 currently displays is a 3D image composed of the main road and its surrounding buildings, green vegetation, and the like.
  • the data information may include data information 202 located on the right side of the page 200, and the data information 202 may include, for example, landscape maps on different sections of the main road, danger indicators of construction sites, and the like.
  • the data information may also include data information 203 located on the left side of the page 200.
  • the data information 203 may include, for example, the progress distribution of construction projects, vehicle safety risks, facility safety risks, personnel safety risks, and the like.
  • the data information may also include data information 204 located below the page 200.
  • the data information 204 is, for example, panel information.
  • the panel information provides various operation controls that can be selected by the user and display different information according to the user's selection operation.
  • the data display panel layer is closer to the viewer than the three-dimensional model display layer, and the data display panel layer is at least partially set to be transparent or translucent to expose at least part of the three-dimensional model display layer .
  • the data display panel layer and the 3D model display layer are stacked, it is necessary to process the web program or Windows form program converted by Flutter, so that the data display panel layer is at least partially set to be transparent or translucent to expose the data display panel
  • the layer covers at least part of the three-dimensional model display layer.
  • the process of processing a web program includes: adding CSS styles to the ⁇ html> node and ⁇ body> node in the document node of index.html, and setting their background to be transparent.
  • the process of background transparency for Windows Forms programs includes:
  • the Flutter project automatically generates the relevant C++ code of the corresponding Windows Form container after the Flutter project determines that the Flutter program is applied to the Windows Form according to the user.
  • a JavaScript program or a WebSocket program is added to index.html for the interaction between the Web and WPF, and finally a new set of Web programs is formed.
  • Fig. 2B shows another schematic diagram of setting a data display panel layer and a 3D model display layer on the same page to display data information and 3D model information provided by at least one embodiment of the present disclosure.
  • the data display panel layer and the 3D model display layer are respectively set in different areas of the page 300 to respectively display data information and 3D model information in different areas.
  • the 3D model display layer and the data display panel layer are respectively arranged in different areas of the page 300, so that the display effect of the 3D model information and data information is clear.
  • the three-dimensional model display layer is set in the central area 210 of the page 300 , while the data display panel layer is set in other areas of the page 300 except the central area 210 .
  • the area where the data display panel layer is located surrounds the central area 210 .
  • the 3D model presentation layer displays 3D model information in a central area 210 .
  • the data display panel layer displays data information 206 in the left area of the page 300 , displays data information 207 in the right area of the page 300 and a panel information area 208 at the bottom of the page 300 to display panel information.
  • the information presentation method may further include step S30 and step S40.
  • Step S30 Receive control information.
  • Step S40 Synchronously adjust the data information displayed in the data display panel layer and the 3D model information displayed in the 3D model display layer according to the control information.
  • control information can synchronously adjust the data information displayed in the data display panel layer and the 3D model information displayed in the 3D model display layer, so that the displayed data information corresponds to the 3D model information, which is convenient for viewers to watch simultaneously.
  • 3D model information and data information can synchronously adjust the data information displayed in the data display panel layer and the 3D model information displayed in the 3D model display layer, so that the displayed data information corresponds to the 3D model information, which is convenient for viewers to watch simultaneously.
  • the data display panel layer and/or the three-dimensional model display layer directly receive the control information.
  • the data display panel layer provides operation controls that allow users to input control information.
  • the data display panel layer directly receives control information from the operator program.
  • the 3D model display layer directly receives control information from the operator program.
  • the communication efficiency of directly receiving the control information by the data display panel layer and the 3D model display layer is high.
  • the data display panel layer and the three-dimensional model display layer receive control information through the support layer.
  • Receiving the control information through the support layer enables the data display panel layer and the 3D model display layer to respond to the control information synchronously, and does not require an additional communication device for developing the data display panel layer, the 3D model display layer and the operation terminal, thereby improving development efficiency.
  • the data display panel layer and the 3D model display layer are respectively deployed with JavaScript programs provided by the support layer, then the data display panel layer and the 3D model display layer can receive control information through the JavaScript program.
  • the support layer is deployed with a WebSocket server, and receives control information from the WebSocket client through the WebSocket server.
  • control information is provided by the operator.
  • the operating terminal refers to the software or program that provides control information.
  • the data display panel layer and the 3D model display layer are deployed on the same terminal, and the operation terminal is also deployed on the terminal, and the operation terminal in the terminal obtains control information, and provides the control information to the data display panel layer and the 3D model display layer .
  • the data display panel layer and the 3D model display layer are deployed on the same terminal, the operation terminal is deployed in another terminal, and the operation terminal of the other terminal obtains control information, and sends data to the terminal where the data display panel layer and the 3D model display layer are located.
  • the control information is sent to provide the control information to the terminal where the data display panel layer and the 3D model display layer are located.
  • the operation terminal can communicate with the data display panel layer and the 3D model display layer through Http protocol, TCP protocol, WebSocket protocol, UDP protocol and other communication methods to provide control information.
  • control information is obtained from the data panel layer provided on the operator terminal.
  • the data panel layer can be deployed on a terminal different from the above data display panel layer, and the data panel layer can also be deployed on the same terminal as the above data display panel layer.
  • the data panel layer provides a control interface through which the user can input control information on the data display panel layer and the three-dimensional model display layer.
  • the data panel layer in the operation terminal generates control information in response to user input operations, thereby providing control information to the data display panel layer and the 3D model display layer.
  • the data display panel layer also provides operation controls to allow users to input control information.
  • the data presentation panel layer includes a panel information area, and operation controls (such as buttons, input boxes, etc.) may be provided in the panel information area to allow users to input control information.
  • operation controls such as buttons, input boxes, etc.
  • the panel information area 208 is provided with operation control 1, operation control 2, operation control 3, operation control 4, and operation control 5, and the user can control the operation control 1, operation control 2, operation control 3, operation
  • the control 4 and the operation control 5 perform selection operations to input control information.
  • the data display panel layer can communicate with the 3D model display layer through the communication mode supported by the support layer, so that the 3D model display layer and the data display panel layer can synchronously adjust the 3D model information and data information.
  • Fig. 3 shows a flow chart of another information presentation method provided by at least one embodiment of the present disclosure.
  • the method may further include steps S50 and S60 on the basis of the foregoing steps S10 and S20 .
  • Step S50 and step S60 are performed before step S10, for example.
  • Step S50 providing a data display panel layer in the first terminal.
  • Step S60 providing a 3D model display layer in the second terminal.
  • the support layer is deployed on the first terminal and/or the second terminal, and data information and three-dimensional model information are simultaneously displayed on the first terminal and the second terminal.
  • the data display panel layer and the three-dimensional model display layer are deployed in different terminals, and the separate deployment of the data display panel layer and the three-dimensional model display layer is realized.
  • the data display panel layer and the 3D model display layer can communicate through the support layer, and the data display panel layer can be used to remotely control the 3D module display layer.
  • the present disclosure provides a display system applied to the information display method described in FIG. 3 .
  • the display system includes a first terminal and a second terminal, the first terminal is configured to provide a first data panel layer to display data information; the second terminal is configured to provide a 3D model display layer to display 3D model information, and the first data display panel layer It communicates with the 3D model display layer through the support layer, and the data information is associated with the 3D model information.
  • Fig. 4A shows a structure diagram of a display system 400 of a method for displaying application information provided by at least one embodiment of the present disclosure.
  • the presentation system 400 may include a terminal 401 and a terminal 402 .
  • the terminal 401 is an example of the first terminal
  • the terminal 402 is an example of the above-mentioned second terminal.
  • Terminal 401 is configured to provide a data panel layer to display data information 411 .
  • the terminal 402 is configured to provide a 3D model display layer to display 3D model information 412 .
  • the data plane layer in the terminal 401 is referred to as the first data plane layer.
  • the first data display panel layer communicates with the 3D model display layer through the support layer, and the data information is associated with the 3D model information.
  • the terminal 401 may be various electronic devices with display screens, including but not limited to mobile phones, tablet computers, portable computers, desktop computers, smart TVs, wearable devices, and the like.
  • the terminal 402 may be various electronic devices with display screens, including but not limited to data visualization mobile terminals, desktop computers, smart TVs, and the like.
  • the terminal 401 and the terminal 402 can communicate with each other through wired or wireless means, for example, through WIFI, mobile communication network (such as 3G/4G/5G and other communication networks), ZigBee, Bluetooth, etc.
  • WIFI wireless fidelity
  • mobile communication network such as 3G/4G/5G and other communication networks
  • ZigBee ZigBee
  • Bluetooth etc.
  • a support layer (for example, a Websocket program) may be deployed in the terminal 401 and the terminal 402, so that the terminal 401 and the terminal 402 communicate through the support layer.
  • the data information displayed on the first data panel layer may include, for example, population data, building data, vehicle data, pollutant data, ecological data and other data of the smart city itself.
  • the data information displayed on the first data panel layer may include, for example, panel information, and the panel information may include, for example, a menu bar, buttons, text, icons, and the like.
  • the terminal 402 is further configured to provide a second data plane layer, and the second data plane layer communicates with the first data plane layer.
  • the first data plane layer and the second data plane layer communicate through the support layer.
  • the data information displayed on the second data panel layer may be the same, or partly the same, or completely different from the data information displayed on the first data panel layer.
  • the data information displayed on the first data panel layer is panel information that allows users to perform input operations
  • the data information displayed on the second data panel layer is population data, building data, vehicle data, pollutant data, ecological data, etc. Smart city itself The data.
  • the data information displayed on the first data panel layer includes panel information and the data of the smart city itself
  • the data information displayed on the second data panel layer only includes the data of the smart city itself and part of the panel information.
  • FIG. 4B shows a schematic diagram of providing a second data plane layer by the terminal 402 in FIG. 4A provided by at least one embodiment of the present disclosure.
  • the terminal 402 provides a 3D model display layer to display 3D model information 412 .
  • a second data panel layer is provided to display data information 413 .
  • the present disclosure also provides another display system of an application information display method.
  • the display system includes a first terminal, the first terminal is configured to provide a first data panel layer to display data information, and is configured to provide a 3D model display layer to display 3D model information, and the 3D model display layer is different from the data display panel layer; the first The data display panel layer and the 3D model display layer communicate through the support layer, and the data information is associated with the 3D model information.
  • Fig. 5A shows a structure diagram of a display system 500 of a method for displaying application information provided by at least one embodiment of the present disclosure.
  • a presentation system 500 includes a terminal 501, which is an example of a first terminal.
  • the terminal 501 provides a data panel layer to display data information (data information 202 , data information 203 and data information 204 ), and provides a 3D model display layer to display 3D model information 201 .
  • the first data display panel layer communicates with the 3D model display layer through the support layer.
  • the data plane layer provided by the terminal 501 is called the first data plane layer.
  • the first data panel layer and the 3D model display layer may be configured to be distributed in different areas of the page, so that data information and 3D model information are displayed in different areas of the page.
  • the first data panel layer and the three-dimensional model display layer are stacked, the first data panel layer is closer to the viewer than the three-dimensional model display layer, and the data display panel layer is at least partially set to be transparent or translucent to expose at least part of the three-dimensional model presentation layer.
  • the display system 500 may further include a second terminal configured to provide a second data panel layer, and the second data panel layer is connected to First data plane layer communication.
  • Fig. 5B shows a schematic diagram of a presentation system 500 provided by at least one embodiment of the present disclosure including a first terminal and a second terminal.
  • the presentation system 500 includes not only a terminal 501 but also a terminal 502 .
  • the terminal 502 is an example of the second terminal.
  • Terminal 502 provides a second data plane layer that communicates with the first data plane layer.
  • the terminal 501 and the terminal 502 can communicate with each other through wired or wireless means, for example, through WIFI, mobile communication network (such as communication network such as 3G/4G/5G), ZigBee, Bluetooth, etc.
  • the second data panel layer includes, for example, an operation control. Click the operation control to generate control information, and send the control information to the terminal 501, so that the first data panel layer and the 3D model presentation layer adjust the data information and the 3D model information synchronously.
  • the data information displayed on the second data panel layer may be the same, or partly the same, or completely different from the data information displayed on the first data panel layer (ie, the data information displayed by the terminal 501 ).
  • the data information displayed on the second data panel layer is panel information that allows users to perform input operations
  • the data information displayed on the first data panel layer includes population data, building data, vehicle data, pollutant data, ecological data, etc. Smart city itself The data.
  • the data information displayed on the first data panel layer includes part of the panel information and the data of the smart city itself, and the data information displayed on the second data panel layer only includes part of the data and panel information of the smart city itself.
  • the second terminal 503 can be the user's mobile device, and the first terminal 501 is a large-screen terminal.
  • the user can control the data information and three-dimensional information displayed on the first terminal by inputting control information on the mobile device.
  • the model is adjusted to facilitate users to compare and analyze the data information and the 3D model.
  • the second terminal 503 displays the degree of construction risk in each area of the smart city.
  • the three-dimensional display model of the first terminal 501 displays The three-dimensional image of the area with high construction risk in the smart city can be generated, so that users can quickly view the distribution of areas with high construction risk.
  • the display system may include a first terminal and a second terminal, the second terminal provides a 3D model display layer to display a 3D model, the first terminal provides a 3D model display layer and a data panel display layer, The 3D model information and data information can be displayed on the second terminal.
  • Fig. 5C shows a schematic diagram of another presentation system 500 provided by at least one embodiment of the present disclosure including a first terminal and a second terminal.
  • the presentation system 500 includes a terminal 503 in addition to a terminal 501 .
  • Terminal 503 is another example of the second terminal.
  • the terminal 503 provides a three-dimensional model display layer, and the three-dimensional model display layer communicates with the first data panel layer in the terminal 501 .
  • the terminal 501 and the terminal 502 can communicate with each other through wired or wireless means, for example, through WIFI, mobile communication network (such as communication network such as 3G/4G/5G), ZigBee, Bluetooth, etc.
  • the 3D model display layer may include, for example, an operation control. Click the operation control to generate control information, and send the control information to the terminal 501, so that the first data panel layer and the 3D model display layer synchronously adjust data information and 3D model information.
  • the second terminal 503 may be a user's mobile device, and the user performs operations such as rotating, zooming in, and zooming out on the three-dimensional model on the mobile device.
  • the adjusted data information is synchronously displayed on the first terminal 501 .
  • the three-dimensional model displays a three-dimensional image of a certain community.
  • the first terminal 501 (such as a large screen terminal) can display the number of patients with a certain disease in the community, Information such as the number of close contacts of the sick person, the population size of the community, and the community of the community.
  • the user can display the data information corresponding to the 3D model on the large screen by controlling the 3D model, which is convenient for the user to analyze the data.
  • the data display panel layer and the 3D model display layer can communicate through the WebSocket protocol.
  • Fig. 6A shows a system architecture diagram of communicating through the WebSocket protocol provided by at least one embodiment of the present disclosure.
  • the large screen terminal 601 includes a Windows form, and the Windows form serves as a supporting layer.
  • a WebSocket server is deployed in the support layer for communicating with the tablet terminal 602 .
  • a panel container and a WPF container are deployed in the Windows form, the panel container is used to load the data display panel layer 6111 , and the WPF container is used to load the 3D model display layer 6121 .
  • the tablet terminal 602 may be, for example, an Android operating system, and the Android operating system may deploy a data display panel layer and a WebSocket client.
  • the WebSocket client is used to communicate with the WebSocket server.
  • the WebSocket server receives the control information from the WebSocket client, and sends the control information to the data display panel layer 6111 and the 3D model display layer 6121, so that the data information displayed by the data display panel layer 6111 and the 3D model displayed by the 3D model display layer 6121 are adjusted synchronously.
  • the data display panel layer and the 3D model display layer can communicate through the WebSocket protocol and function calls.
  • this system is the display system of the smart city command center. While the users of the smart city command center can move freely, they can conveniently control the display of the large screen terminal 601 by inputting control information to the tablet terminal 602, which improves the user's visibility. Operability, in the case of multi-terminal agent linkage of the conference, it can facilitate the linkage between the chart information and the three-dimensional data information for the user.
  • Fig. 6B shows another system architecture diagram of communicating through the WebSocket protocol provided by at least one embodiment of the present disclosure.
  • a data display panel layer 610 and a three-dimensional model display layer 620 are deployed on the large screen terminal 601 .
  • the data display panel layer 610 is deployed with a WebSocket client, and the 3D model display layer 620 is deployed with a WebSocket server, so that the data display panel layer 610 and the 3D model display layer 620 can communicate through WebSocket.
  • the user interface of the tablet terminal 602 can be implemented by an Android program, so as to be applied to the Android operating system.
  • the Android operating system can deploy a 3D model display layer and a WebSocket client, and the 3D model display layer is used to display a 3D model based on the OSG framework.
  • the WebSocket client is used to communicate with the WebSocket server.
  • the WebSocket server of the 3D model display layer 620 is used to monitor the connection requests sent by the respective WebSocket clients of the tablet computer 602 and the data display panel layer 610 .
  • Fig. 6C shows a flowchart of a control method of the system shown in Fig. 6B provided by at least one embodiment of the present disclosure.
  • control method may include steps S611 to S613.
  • Step S611 the tablet terminal 602 acquires input operations, converts the input operations into control information in a specific format, and sends operation instructions to the large screen terminal 601 through the WebSocket client in the tablet terminal 602 .
  • Step S612 The WebSocket server on the large screen terminal 601 receives and parses the control information, and converts the control information into action instructions for operating the 3D model and the Web user interface (that is, the data display panel layer), and displays layers and data to the 3D model The display panel layer sends action commands respectively.
  • Step S613 The 3D model on the large screen terminal 601 responds to the action command.
  • the three-dimensional model rotates and moves according to the action command.
  • Step S614 the web user interface of the large-screen terminal 601 receives the action instruction, and performs an operation in response to the action instruction.
  • the Web user interface of the large screen terminal 601 can convert the operation performed in response to the action command into another operation command, and transmit it to the WebSocket server of the large screen terminal 601 .
  • the protocol format of the WebSocket instruction may include: a touch screen instruction and a button click instruction.
  • the command to touch the screen has the format:
  • the value of type is mouse to indicate a gesture
  • the value of name includes: mouseButtonPressEvent indicates gesture press, mouseButtonReleaseEvent indicates gesture lift, mouseMoveEvent indicates gesture movement, x and y indicate the coordinate position of the click, button represents the first few fingers.
  • the value of type indicates clicking a button
  • button indicates a specific button.
  • WebSocket technology is beneficial to the remote interaction between the Web user interface and other terminals, which improves the applicability of the display method, and the WebSocket can establish long connections, which improves communication efficiency.
  • a long connection means that multiple data packets can be sent continuously on a communication connection.
  • WebSocket technology makes the data display panel layer and the 3D model display layer have good portability. For example, the data display panel layer and the 3D model display layer are deployed on the same terminal, and the user can only operate on the terminal and cannot perform remote operations. By transplanting the data display panel layer to the user's mobile device, the user can Control the rotation, movement and other operations of the 3D model on the terminal by operating the mobile device.
  • WebSocket protocol communication over JavaScript communication is that it supports network communication and supports the deployment of data display panel layer and 3D model display layer to different terminals.
  • Fig. 6D shows a flowchart of another control method provided by at least one embodiment of the present disclosure.
  • control method can be applied to a display system including two terminals.
  • the control method includes steps S701 to S706.
  • Step S701 Terminal 1 sends an operation instruction (ie, control information) to Terminal 2.
  • the operation instruction is generated, for example, by the user performing an input operation on the terminal 1 .
  • Step S702 The terminal 2 sends an operation instruction to the three-dimensional model display layer in the terminal 2 in response to receiving the operation instruction.
  • Step S703 The terminal 2 sends the operation instruction to the data display panel layer in the terminal 2 in response to receiving the operation instruction.
  • Step S702 and step S703 may be executed synchronously for synchronous display.
  • Step S704 Terminal 2 sends a call result message to Terminal 1 to notify Terminal 1 that the operation instruction has been received.
  • Step S705 the data display panel layer in the terminal 2 sends another operation instruction to the 3D model display layer in the terminal 2.
  • Step S706 The 3D model display layer in the terminal 2 sends a call result message to the data display panel layer in the terminal 2 to notify the data display panel layer that another operation instruction has been received.
  • At least one embodiment of the present disclosure further provides an electronic device, the electronic device includes a processor and a memory, and the memory includes one or more computer program modules.
  • One or more computer program modules are stored in a memory and are configured to be executed by a processor, and one or more computer program modules include instructions for realizing the above-mentioned information presentation method.
  • the electronic device enables the user to conveniently view the scene presented by the 3D model and the data information corresponding to the scene, reducing the operational complexity for the user to view the scene and the data corresponding to the scene, and the method displays the panel layer and the 3D model through the data communicated with each other
  • the layers respectively display data information and 3D model information, which reduces the difficulty of simultaneously displaying associated data information and 3D model information, and improves the development efficiency of a system for displaying data information and 3D model information.
  • Fig. 7 is a schematic block diagram of an electronic device provided by some embodiments of the present disclosure.
  • the electronic device 800 includes a processor 810 and a memory 820 .
  • Memory 820 is used to store non-transitory computer readable instructions (e.g., one or more computer program modules).
  • the processor 810 is configured to execute non-transitory computer-readable instructions, and when the non-transitory computer-readable instructions are executed by the processor 810, one or more steps in the information display method described above may be performed.
  • the memory 820 and the processor 810 may be interconnected by a bus system and/or other forms of connection mechanisms (not shown).
  • the processor 810 may be a central processing unit (CPU), a graphics processing unit (GPU), or other forms of processing units having data processing capabilities and/or program execution capabilities.
  • the central processing unit (CPU) may be of X86 or ARM architecture and the like.
  • the processor 810 may be a general-purpose processor or a special-purpose processor, and may control other components in the electronic device 800 to perform desired functions.
  • memory 820 may include any combination of one or more computer program products, which may include various forms of computer-readable storage media, such as volatile memory and/or nonvolatile memory.
  • the volatile memory may include random access memory (RAM) and/or cache memory (cache), etc., for example.
  • Non-volatile memory may include, for example, read only memory (ROM), hard disks, erasable programmable read only memory (EPROM), compact disc read only memory (CD-ROM), USB memory, flash memory, and the like.
  • One or more computer program modules can be stored on the computer-readable storage medium, and the processor 810 can run one or more computer program modules to realize various functions of the electronic device 800 .
  • Various application programs, various data, and various data used and/or generated by the application programs can also be stored in the computer-readable storage medium.
  • Fig. 8 is a schematic block diagram of another electronic device provided by some embodiments of the present disclosure.
  • the electronic device 900 is, for example, suitable for implementing the information display method provided by the embodiments of the present disclosure.
  • the electronic device 900 may be a terminal device or the like. It should be noted that the electronic device 900 shown in FIG. 8 is only an example, which does not limit the functions and scope of use of the embodiments of the present disclosure.
  • the electronic device 900 may include a processing device (such as a central processing unit, a graphics processing unit, etc.) 910, which may be randomly accessed according to a program stored in a read-only memory (ROM) 920 or loaded from a storage device 980. Various appropriate actions and processes are executed by programs in the memory (RAM) 930 . In the RAM 930, various programs and data necessary for the operation of the electronic device 900 are also stored.
  • the processing device 910, the ROM 920, and the RAM 930 are connected to each other through a bus 940.
  • An input/output (I/O) interface 950 is also connected to bus 940 .
  • the following devices can be connected to the I/O interface 950: input devices 960 including, for example, a touch screen, touchpad, keyboard, mouse, camera, microphone, accelerometer, gyroscope, etc.; including, for example, a liquid crystal display (LCD), speakers, vibration an output device 970 such as a computer; a storage device 980 including, for example, a magnetic tape, a hard disk, etc.; and a communication device 990 .
  • the communication means 990 may allow the electronic device 900 to perform wireless or wired communication with other electronic devices to exchange data.
  • FIG. 8 shows electronic device 900 having various means, it should be understood that it is not required to implement or have all of the means shown, and electronic device 900 may alternatively implement or have more or fewer means.
  • the above-mentioned information presentation method may be implemented as a computer software program.
  • the embodiments of the present disclosure include a computer program product, which includes a computer program carried on a non-transitory computer readable medium, where the computer program includes program codes for executing the above information presentation method.
  • the computer program may be downloaded and installed from a network via communication means 990, or installed from storage means 980, or installed from ROM 920.
  • the processing device 910 When the computer program is executed by the processing device 910, the functions defined in the information presentation method provided by the embodiments of the present disclosure can be realized.
  • At least one embodiment of the present disclosure also provides a computer-readable storage medium, which is used for storing non-transitory computer-readable instructions.
  • a computer When the non-transitory computer-readable instructions are executed by a computer, the above-mentioned way of displaying information.
  • Utilizing the computer-readable storage medium enables users to conveniently view the scene presented by the 3D model and the data information corresponding to the scene, reducing the operational complexity for the user to view the scene and the data corresponding to the scene, and the method displays data through mutual communication
  • the panel layer and the 3D model layer respectively display data information and 3D model information, which reduces the difficulty of simultaneously displaying associated data information and 3D model information, and improves the development efficiency of the system for displaying data information and 3D model information.
  • Fig. 9 is a schematic diagram of a storage medium provided by some embodiments of the present disclosure. As shown in FIG. 9 , the storage medium 1000 is used for non-transitory storage of computer readable instructions 1010 . For example, when the computer-readable instructions 1010 are executed by a computer, one or more steps in the information presentation method described above may be performed.
  • the storage medium 1000 can be applied to the above-mentioned electronic device 800 .
  • the storage medium 1000 may be the memory 820 in the electronic device 800 shown in FIG. 7 .
  • reference may be made to the corresponding description of the memory 820 in the electronic device 800 shown in FIG. 7 , which will not be repeated here.

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任一项所述的信息展示方法。
PCT/CN2021/127492 2021-10-29 2021-10-29 信息展示方法、系统、电子设备和计算机可读存储介质 WO2023070538A1 (zh)

Priority Applications (2)

Application Number Priority Date Filing Date Title
PCT/CN2021/127492 WO2023070538A1 (zh) 2021-10-29 2021-10-29 信息展示方法、系统、电子设备和计算机可读存储介质
CN202180003170.3A CN116368528A (zh) 2021-10-29 2021-10-29 信息展示方法、系统、电子设备和计算机可读存储介质

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
PCT/CN2021/127492 WO2023070538A1 (zh) 2021-10-29 2021-10-29 信息展示方法、系统、电子设备和计算机可读存储介质

Publications (1)

Publication Number Publication Date
WO2023070538A1 true WO2023070538A1 (zh) 2023-05-04

Family

ID=86158855

Family Applications (1)

Application Number Title Priority Date Filing Date
PCT/CN2021/127492 WO2023070538A1 (zh) 2021-10-29 2021-10-29 信息展示方法、系统、电子设备和计算机可读存储介质

Country Status (2)

Country Link
CN (1) CN116368528A (zh)
WO (1) WO2023070538A1 (zh)

Citations (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20140100994A1 (en) * 2012-10-05 2014-04-10 Steffen Tatzel Backend support for augmented reality window shopping
CN104133647A (zh) * 2014-07-16 2014-11-05 三星半导体(中国)研究开发有限公司 用于生成电子终端的显示界面的显示驱动设备和方法
CN109903380A (zh) * 2019-03-14 2019-06-18 广州世峰数字科技有限公司 一种三维建筑模型及信息展示界面布局系统
CN110516368A (zh) * 2019-08-29 2019-11-29 北京卫星环境工程研究所 基于便携终端的航天器三维工艺展示及生产数据采集系统
CN111178191A (zh) * 2019-11-11 2020-05-19 贝壳技术有限公司 信息播放方法、装置、计算机可读存储介质及电子设备
WO2021204296A1 (zh) * 2020-04-10 2021-10-14 北京城市网邻信息技术有限公司 三维模型远程展示方法、第一终端、电子设备及存储介质

Patent Citations (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20140100994A1 (en) * 2012-10-05 2014-04-10 Steffen Tatzel Backend support for augmented reality window shopping
CN104133647A (zh) * 2014-07-16 2014-11-05 三星半导体(中国)研究开发有限公司 用于生成电子终端的显示界面的显示驱动设备和方法
CN109903380A (zh) * 2019-03-14 2019-06-18 广州世峰数字科技有限公司 一种三维建筑模型及信息展示界面布局系统
CN110516368A (zh) * 2019-08-29 2019-11-29 北京卫星环境工程研究所 基于便携终端的航天器三维工艺展示及生产数据采集系统
CN111178191A (zh) * 2019-11-11 2020-05-19 贝壳技术有限公司 信息播放方法、装置、计算机可读存储介质及电子设备
WO2021204296A1 (zh) * 2020-04-10 2021-10-14 北京城市网邻信息技术有限公司 三维模型远程展示方法、第一终端、电子设备及存储介质

Non-Patent Citations (1)

* Cited by examiner, † Cited by third party
Title
YAN, HAITAO ET AL.: "Design and Implementation of 3D Visualization System for Power Industry Based on Arc Engine", GEOMATICS & SPATIAL INFORMATION TECHNOLOGY, vol. 38, no. 04, 30 April 2015 (2015-04-30), pages 84 - 91, XP009545969 *

Also Published As

Publication number Publication date
CN116368528A (zh) 2023-06-30

Similar Documents

Publication Publication Date Title
US10572101B2 (en) Cross-platform multi-modal virtual collaboration and holographic maps
US11386623B2 (en) Methods, systems, and computer program product for managing and displaying webpages in a virtual three-dimensional space with a mixed reality system
JP2021516820A (ja) マップレンダリング方法、装置、コンピュータ装置及びコンピュータプログラム
CN110990089B (zh) 一种基于idv的双屏双桌面智能系统及方法
JP5908653B2 (ja) ３次元客体生成装置及びその方法
CN111414225B (zh) 三维模型远程展示方法、第一终端、电子设备及存储介质
US20220398059A1 (en) Multi-window display method, electronic device, and system
CN103339600A (zh) 立即远程呈现
CN103329094A (zh) 交叉环境重定向
US20070260675A1 (en) Method and system for adapting a single-client, single-user application to a multi-user, multi-client environment
CN110891167A (zh) 一种信息交互方法、第一终端和计算机可读存储介质
CN111061381A (zh) 屏幕全局输入控制系统及方法
CN111467803A (zh) 游戏中的显示控制方法及装置、存储介质、电子设备
CN112700541B (zh) 一种模型更新方法、装置、设备及计算机可读存储介质
WO2017006223A1 (en) Graphic engine for creating and executing applications with multisensory interfaces
WO2023070538A1 (zh) 信息展示方法、系统、电子设备和计算机可读存储介质
CN110990106A (zh) 数据展示方法、装置、计算机设备及存储介质
WO2022209350A1 (ja) 情報処理装置、情報処理方法、及びプログラム
JP2023098878A (ja) 画像提供サーバおよび画像提供方法
Huang et al. Developing a BIM-based visualization and interactive system for healthcare design
JP2024506879A (ja) 仮想表現を提示するための方法及び装置、コンピュータ機器及び記憶媒体
CN113742507A (zh) 三维展示物品的方法及相关设备
Bakhmut et al. Using augmented reality WEB-application for providing virtual excursion tours in university campus
CN111949150A (zh) 控制外设切换方法、装置、存储介质及电子设备
JP2010134887A (ja) 比較物で面積表示する地図表示装置及び方法

Legal Events

Date Code Title Description
WWE Wipo information: entry into national phase

Ref document number: 18006008

Country of ref document: US

121 Ep: the epo has been informed by wipo that ep was designated in this application

Ref document number: 21961896

Country of ref document: EP

Kind code of ref document: A1