GIS visual scene construction system and method based on low-code technology

Through the deep integration of low-code technology and GIS, a multi-industry visualization scene construction system is provided, which solves the problems of difficult and high cost GIS development, realizes fast and low-cost GIS scene construction, and improves development efficiency and functional richness.

CN120848873APending Publication Date: 2025-10-28SIWEI LANXIANG INFORMATION TECHNOLOGY (CHONGQING) CO LTD
View PDF 0 Cites 0 Cited by

Patent Information

Application Number
CN202510770044.0
Authority / Receiving Office
CN · China
Patent Type
Applications(China)
Current Assignee / Owner
Filing Date
2025-06-10
Publication Date
2025-10-28

AI Technical Summary

Technical Problem

Existing low-code platforms in the GIS field have problems such as single functions, poor data compatibility, weak rendering capabilities and low development efficiency, which limit the popularization and application depth of GIS technology in the industry.

Method used

A GIS visualization scene construction system based on low-code technology is adopted, including business application component modules, map application component modules and component association modules. It supports multi-source heterogeneous data fusion, provides spatial data query, analysis and 3D model loading functions, and configures component location and properties through a visual interface.

Benefits of technology

It has achieved rapid and low-cost construction of GIS scenes, improved development efficiency, supported multi-industry applications, and expanded the scope of application.

✦ Generated by Eureka AI based on patent content.

Smart Images

  • Figure CN120848873A_ABST
    Figure CN120848873A_ABST
Patent Text Reader

Abstract

The invention discloses a GIS (Geographic Information System) visual scene construction system and method based on a low-code technology. The system comprises a business application component module, a map application component module and a component association module, the business application component module is used for packaging a business component into a standard low-code component and supporting business data association through a data interface, a database or a file; the map application component module is used for packaging a GIS function into a map low-code component and supporting spatial data association through a layer service address, a data interface, a database or a file; and the component association module is used for realizing state monitoring and data real-time updating between the business component module and the map application component module. According to the method, a traditional low-code platform is combined with the GIS technology, the construction difficulty of the GIS visual scene is effectively reduced, scene application construction can be completed only through a system configuration mode, and the method has the advantages of being low in technical requirement, low in development difficulty, low in cost input and short in construction time.
Need to check novelty before this filing date? Find Prior Art

Description

Technical Field

[0001] This invention belongs to the field of computer technology, specifically relating to a GIS visualization scene construction system and method based on low-code technology. Background Technology

[0002] With the development of information technology, GIS has become an important tool, widely used in urban management, environmental monitoring, natural resource management and other fields. Traditional GIS application development requires professional GIS data processing, spatial analysis and programming skills, making it difficult for non-professionals to participate in the development directly.

[0003] While existing low-code platforms simplify the development process for common applications, they still have the following shortcomings in the GIS field: 1. Limited functionality: Existing low-code platforms only support basic map display and lack complex spatial analysis (such as overlay analysis and path planning) and interactive functions. 2. Poor data compatibility: It is difficult to integrate multi-source heterogeneous data (such as databases, API interfaces, and layer services), resulting in insufficient flexibility in scene construction. 3. Weak rendering capabilities: It cannot simultaneously support the dynamic rendering of 2D / 3D maps, chart components, and business components, affecting the visualization effect. 4. Low development efficiency: It requires manual coding to integrate GIS functions and business logic, resulting in a long development cycle.

[0004] The aforementioned problems have limited the widespread adoption and depth of application of GIS technology in various industries. This invention fills a gap in existing technologies by deeply integrating low-code technology with GIS capabilities. Summary of the Invention

[0005] In view of the problems mentioned above in the background technology, the purpose of this invention is to provide a GIS visualization scene construction system and method based on low-code technology, to solve the problems of high GIS technology requirements, high development difficulty, high cost and long construction time faced in the construction of business scene applications in various industries, and to realize the rapid construction of multi-industry visualization scene applications by combining GIS capabilities and business application capabilities.

[0006] To achieve the above-mentioned technical objectives, the technical solution adopted by the present invention is as follows:

[0007] A GIS visualization scene construction system based on low-code technology includes a business application component module, a map application component module, and a component association module;

[0008] The business application component module is used to encapsulate business components into standard low-code components, supporting association of business data through data interfaces, databases, or files;

[0009] The map application component module is used to encapsulate GIS functions into low-code map components, supporting spatial data association through layer service addresses, data interfaces, databases, or files;

[0010] The component association module is used to enable status monitoring and real-time data updates between the business component module and the map application component module.

[0011] Furthermore, the system also includes the following functional modules: scene management module, component management module, scene creation module, component configuration module, layer configuration module, attribute configuration module, canvas configuration module, scene publishing module, and scene browsing module;

[0012] The scene management module is used to manage the created scene applications;

[0013] The component management module is used to manage the functional components, model components, and icon components used in scene construction;

[0014] The scenario creation module is used to create business scenario applications;

[0015] The component configuration module is used to configure a list of various usable components for business scenario applications;

[0016] The layer configuration module is used to configure component layers that have been added to the scene;

[0017] The attribute configuration module is used to configure the basic custom attributes, animation attributes, data attributes, and event attributes of each component;

[0018] The canvas configuration module is used to configure the position information of various components in the canvas in a visual manner by dragging and dropping.

[0019] The scene publishing module is used to publish the scene as a service address that can be accessed online;

[0020] The scene browsing module is used to access published business scenes via web page links.

[0021] Further specifying, the component configuration module includes the following component types: basic map component, map function component, map model library component, map icon library component, custom component, chart component, information component, table component, widget, image component, and icon component;

[0022] The basic map component can be overlaid with global, provincial, municipal, and regional satellite imagery layers, electronic vector layers, and customized data layers through the system, and it will serve as the lowest-level carrier for displaying the constructed business scenarios;

[0023] The map function components can be overlaid with different types of map function components through the system, and can be adjusted according to changes.

[0024] The map model library component can overlay different types of 3D models through the system and adjust accordingly.

[0025] The map icon library component can overlay different types of two-dimensional graphic plots through the system and adjust accordingly.

[0026] The custom component is a basic component developed through the system's component secondary development capabilities, and this component will be rendered at the business component layer;

[0027] The information component can be displayed and selected by overlaying basic information such as text and drop-down boxes in the system. This component will be rendered in the business component layer.

[0028] The component can be beautified and decorated by overlaying scene applications through the system, and the component will be rendered at the business component layer;

[0029] The image component can be provided with external image files as its rendering content, and this component will be rendered at the business component layer;

[0030] The icon component can add various basic icons to the scene application as aesthetic elements of the scene application, and this component will be rendered in the business component layer;

[0031] The chart component can add various basic icons to the scene application as aesthetic elements, and this component will be rendered at the business component layer.

[0032] Furthermore, the map application component module supports the following functions: spatial data query, spatial analysis, layer overlay, and 3D model loading.

[0033] Furthermore, the canvas configuration module supports adjusting the position, size, and hierarchy of components through a visual interface.

[0034] Furthermore, the various components of the component configuration module are encapsulated in JSON format. The basic platform matches the TYPE of each JSON and dynamically encapsulates them according to their various attributes.

[0035] Further specifying, the system adopts a differentiated rendering method: when the basic map component, map function component, map model library component, and map icon library component are used, the GeoXSpace map engine developed based on the open-source map Cesium is used as the carrier for front-end rendering;

[0036] The custom components, information components, table components, widgets, image components, and icon components are rendered using the Vue framework; the chart component is rendered using the ECharts library.

[0037] Furthermore, the page generated by the scene publishing module supports the following interactive functions: map zooming, spatial query, data linkage, and dynamic data updates.

[0038] A method for constructing GIS visualization scenes based on low-code technology includes the following steps:

[0039] S01: The system builds, manages, and edits relevant functional components, model components, and icon components for the scene;

[0040] S02: Configure business scenario information in the scenario management module through the system and complete scenario creation;

[0041] S03: Display page for newly added scenes;

[0042] S04: Configure basic information for the scene page, such as page size, background color, adaptation method, and filters;

[0043] S05: Determine whether the existing components meet the configuration requirements of this page; if yes, proceed to step S06; if no, proceed to step S01.

[0044] S06: Use the component configuration and layer configuration modules to set the components required for scene construction to the specified positions;

[0045] S07: Configure attribute information, animation information, data information and event information for each overlaid component through the attribute configuration and data configuration modules;

[0046] S08: Determine whether a new page needs to be added to the scene; if yes, proceed to step S03; if no, proceed to step S09.

[0047] S09: Perform a scene preview to ensure that the preview results are consistent with the scene construction goals;

[0048] S10: Publish the scene and generate a webpage link from the scene access address;

[0049] S11: Complete the construction of a GIS visualization scene based on low-code technology.

[0050] Furthermore, the method supports multi-role collaboration, including system maintainers, component developers, scene builders, and application users.

[0051] The beneficial effects of this invention are:

[0052] Improved development efficiency: Scene build time has been reduced from weeks to hours.

[0053] Cost reduction: Reduced reliance on professional GIS developers significantly lowers labor costs.

[0054] Enhanced functionality: Supports spatial analysis, 3D model overlay, and dynamic data linkage.

[0055] Wide range of applications: It can be applied to multiple fields such as smart cities, disaster prevention and control, and traffic monitoring.

[0056] Working principle of the invention:

[0057] The GIS visualization scene construction system and method based on low-code technology adopted in this invention combines traditional low-code platforms with GIS technology, effectively reducing the difficulty of constructing GIS visualization scenes. This invention eliminates the need for code development; scene applications can be built solely through system configuration. Furthermore, this invention can effectively accommodate different types of data resources and, through the interrelation of business components and GIS components, enables spatial display and interactive effects of data results, thereby enhancing the richness of the business scene display content. In summary, the GIS visualization scenes constructed using this invention have the advantages of low technical requirements, low development difficulty, low cost, and short construction time. Attached Figure Description

[0058] The present invention can be further illustrated by the non-limiting embodiments given in the accompanying drawings;

[0059] Figure 1 This is an overall system module diagram of an embodiment of a GIS visualization scene construction system and method based on low-code technology according to the present invention;

[0060] Figure 2 This is a functional module diagram of an embodiment of a GIS visualization scene construction system and method based on low-code technology according to the present invention;

[0061] Figure 3 This is a diagram illustrating the application components of an embodiment of a GIS visualization scene construction system and method based on low-code technology according to the present invention.

[0062] Figure 4 This is a flowchart illustrating the steps of an embodiment of a GIS visualization scene construction system and method based on low-code technology according to the present invention. Detailed Implementation

[0063] To enable those skilled in the art to better understand the present invention, the technical solutions of the present invention will be further described below with reference to the accompanying drawings and embodiments. The technical solutions in the embodiments of the present invention will be clearly and completely described below with reference to the accompanying drawings. Obviously, the described embodiments are only some embodiments of the present invention, and not all embodiments. All other embodiments obtained by those skilled in the art based on the embodiments of the present invention without creative effort are within the scope of protection of the present invention.

[0064] It should be noted that all directional indications (such as up, down, left, right, front, back, etc.) in the embodiments of the present invention are only used to explain the relative positional relationship and movement of each component in a certain specific posture (as shown in the figure). If the specific posture changes, the directional indication will also change accordingly.

[0065] Furthermore, the use of terms such as "first" and "second" in this invention is for descriptive purposes only and should not be construed as indicating or implying their relative importance or implicitly specifying the number of technical features indicated. Therefore, a feature defined with "first" or "second" may explicitly or implicitly include at least one of those features. Additionally, the technical solutions of the various embodiments can be combined with each other, but only on the basis of being achievable by those skilled in the art. If the combination of technical solutions is contradictory or impossible to implement, it should be considered that such a combination of technical solutions does not exist and is not within the scope of protection claimed by this invention. It should be understood that the specific embodiments described herein are merely illustrative of the invention and are not intended to limit the invention.

[0066] like Figure 1-Figure 4 As shown, the present invention discloses a GIS visualization scene construction system based on low-code technology, which includes a business application component module, a map application component module, and a component association module.

[0067] The business application component module is used to encapsulate business components into standard low-code components, supporting association of business data through data interfaces, databases, or files; specifically, in the low-code development editor, the configuration relationships of component properties, component animations, and component events are set for each component;

[0068] The map application component module is used to encapsulate GIS functions into low-code map components, supporting spatial data association through layer service addresses, data interfaces, databases, or files; specifically, in the low-code development editor, based on the operation configuration tool, it provides spatial data query and analysis methods for map services, map spatial analysis, map spatial statistics, and map spatial queries.

[0069] The component association module is used to realize status monitoring and real-time data updates between the business component module and the map application component module;

[0070] like Figure 2 As shown, in the practical application of this embodiment, the system further includes the following functional modules: scene management module M1, component management module M2, scene creation module M3, component configuration module M4, layer configuration module M5, attribute configuration module M6, canvas configuration module M7, scene publishing module M8, and scene browsing module M9.

[0071] The scene management module M1 is used to manage the created scene applications;

[0072] The component management module M2 is used to manage the functional components, model components, and icon components used in scene construction;

[0073] The scenario creation module M3 is used to create business scenario applications;

[0074] The component configuration module M4 is used to configure a list of various usable components for application configuration in business scenarios;

[0075] The layer configuration module M5 is used to configure component layers that have been added to the scene;

[0076] The attribute configuration module M6 is used to configure the basic custom attributes, animation attributes, data attributes, and event attributes of each component;

[0077] The canvas configuration module M7 is used to configure the position information of various components in the canvas in a visual manner by dragging and dropping.

[0078] The scene publishing module M8 is used to publish the scene as a service address that can be accessed online;

[0079] The scene browsing module M9 is used to access published business scenes via web page links.

[0080] like Figure 3 As shown, in the practical application of this embodiment, the component configuration module includes the following component types: basic map component P1, map function component P2, map model library component P3, map icon library component P4, custom component P5, chart component P10, information component P6, table component, small component P7, image component P8, and icon component P9.

[0081] The aforementioned basic map component P1 includes two-dimensional maps, three-dimensional maps, and map services. Through the system, global, provincial, municipal, and regional satellite imagery layers, electronic vector layers, and customized data layers can be overlaid. It will serve as the lowest-level carrier for displaying the constructed business scenarios.

[0082] The aforementioned map function component P2 includes basic operation components, a compass, a scale bar, split screen, measurement, analysis, and special effects. Different types of map function components can be superimposed on the system, and the relevant components will be directly superimposed on the basic map components and will change and adjust accordingly.

[0083] The aforementioned model library component P3 includes architectural models, transportation facilities, vehicles, public security emergency response, landscape models, and others. Different types of 3D models can be overlaid through the system, and their related components will be directly overlaid on the base map components and will change and adjust accordingly.

[0084] The aforementioned icon library component P4 includes basic plotting, urban architecture, planning and design, public security emergency response, numbers and letters, and others. Different types of two-dimensional graphic plotting can be overlaid through the system, and its related components will be directly overlaid on the basic map components and will change and adjust accordingly.

[0085] The aforementioned custom component P5 is a basic component developed using the system's component secondary development capabilities. This component will be rendered at the business component layer, and its attributes and data information can be adjusted through configuration.

[0086] The aforementioned information component P6 includes text, controls, and multimedia. It can display and select components by overlaying basic information such as text and drop-down boxes through the system. This component will be rendered at the business component layer, and its attributes and data information can be adjusted through configuration.

[0087] The aforementioned component P7 includes borders, decorations, and more. It can be beautified and decorated by overlaying scene applications through the system. This component will be rendered at the business component layer, and its attribute information can be adjusted through configuration.

[0088] The aforementioned image component P8 can be provided with external image files as its rendering content. By uploading the data to the system backend, it can be loaded and displayed on the frontend. This component will be rendered at the business component layer, and its attributes and data information can be adjusted through configuration.

[0089] The aforementioned icon component P9 includes animation, weather, and general icons, which can add various basic icons to scene applications as aesthetic elements. This component will be rendered at the business component layer, and its attribute information can be adjusted through configuration.

[0090] The aforementioned chart component P10 includes bar charts, pie charts, line charts, and chart maps. It is a graphical display component built by secondary encapsulation of the basic charts in the open-source charting library ECharts. This component will be rendered at the business component layer, and its attributes and data information can be adjusted through configuration. (Note: ECharts is an open-source data visualization charting library from Baidu.)

[0091] In practical applications of this embodiment, the map application component module supports the following functions: spatial data query, spatial analysis, layer overlay, and 3D model loading.

[0092] In practical applications of this embodiment, the canvas configuration module supports adjusting the position, size, and hierarchy of components through a visual interface.

[0093] In the practical application of this embodiment, the various components of the component configuration module are encapsulated in JSON format. The basic platform matches the TYPE of each JSON and dynamically encapsulates them according to their various attributes. For example, the basic login form component will:

[0094]

[0095]

[0096] In the practical application of this embodiment, the system adopts a differentiated rendering method: when the basic map component, map function component, map model library component, and map icon library component are used, the GeoXSpace map engine, developed based on the open-source map Cesium, is used as the carrier for front-end rendering; (Cesium is a world-renowned open-source 3D globe JS library, and the GeoXSpace map engine is a 3D globe framework developed by the applicant).

[0097] The custom components, information components, table components, widgets, image components, and icon components are rendered using the Vue framework (Vue is Vue.js, an open-source front-end framework); the chart component is rendered using the ECharts library.

[0098] This system will use recursive rendering based on component type, rendering one component at a time. The rendering mode is as follows:

[0099] function renderNode(node){

[0100] if (!node) returns null;

[0101] const component=components[node.componentName];

[0102] const props=compute(node.props);

[0103] const children=node.children.map(c=>renderNode(c));

[0104] return React.render(component,props,children);

[0105] }

[0106] renderNode(componentTree);

[0107] Through the above technical solution, the system divides the components into two types: business application components and map application components. Different data association methods, attribute configuration methods, operation configuration methods, and front-end rendering methods are customized for each type of component. The system also constructs the association relationship between different data types and application components. Based on this relationship, more complex visualization scene applications with more complete GIS capabilities can be constructed through this invention.

[0108] The page generated by this invention will synchronously complete the association of basic components, data, and events, and its form is as follows:

[0109]

[0110]

[0111]

[0112] In practical applications of this embodiment, the page generated by the scene publishing module supports the following interactive functions: map zooming, spatial query, data linkage, and dynamic data updates.

[0113] A method for constructing GIS visualization scenes based on low-code technology includes the following steps:

[0114] S01: The system builds, manages, and edits relevant functional components, model components, and icon components for the scene;

[0115] S02: Configure business scenario information in the scenario management module through the system and complete scenario creation;

[0116] S03: Display page for newly added scenes;

[0117] S04: Configure basic information for the scene page, such as page size, background color, adaptation method, and filters;

[0118] S05: Determine whether the existing components meet the configuration requirements of this page; if yes, proceed to step S06; if no, proceed to step S01.

[0119] S06: Use the component configuration and layer configuration modules to set the components required for scene construction to the specified positions;

[0120] S07: Configure attribute information, animation information, data information and event information for each overlaid component through the attribute configuration and data configuration modules;

[0121] S08: Determine whether a new page needs to be added to the scene; if yes, proceed to step S03; if no, proceed to step S09.

[0122] S09: Perform a scene preview to ensure that the preview results are consistent with the scene construction goals;

[0123] S10: Publish the scene and generate a webpage link from the scene access address;

[0124] S11: Complete the construction of a GIS visualization scene based on low-code technology.

[0125] In practical applications of this embodiment, the method supports multi-role collaboration, including system maintainers, component developers, scene builders, and application users.

[0126] Example 1:

[0127] This embodiment is based on low-code technology and can generate online service previews and publishing links. Users can browse and operate the published visualized scene applications through a webpage. Each scene represents a specific application direction; for example, smart city management, emergency command and dispatch, and urban traffic monitoring can all be organized as a scene. When a scene has multiple sub-pages that differ in type and hierarchy, the system can create these pages.

[0128] Taking smart city management as an example, it can have multiple sub-pages, such as four sub-pages: comprehensive city management, public service management, economic operation management, and enterprise development management. The pages can be interconnected, and multiple pages can be combined to form a scenario. The structure of scenarios and sub-pages, and the sample data structure are shown in Table 1.

[0129]

[0130] First, scenes can be created using functional modules M1, M2, and M3:

[0131] M1: Scene Management Module, used to manage created scene applications;

[0132] M2: Component Management Module, used to manage the functional components, model components, and icon components used in scene construction;

[0133] M3: Scenario creation module, used to create business scenario applications;

[0134] The resulting page code after construction is as follows:

[0135]

[0136]

[0137] After the scene sample is created, the scene can be constructed using the GIS visualization scene construction method based on low-code technology of the present invention. The scene application construction of S04 to S07 can be completed through M4, M5, M6 and M7 of the GIS visualization scene construction system based on low-code technology of the present invention.

[0138] Its functional modules are composed as follows:

[0139] M4: Component configuration module, used to configure a list of various usable components for business application scenarios;

[0140] M5: Layer configuration module, used to configure component layers that have been added to the scene;

[0141] M6: Property configuration module, used to configure the basic custom properties, animation properties, data properties, and event properties of each component;

[0142] M7: Canvas configuration module, used to configure the position information of various components in the canvas in a visual manner by dragging and dropping;

[0143] Its process consists of the following steps:

[0144] S04: Configure basic information for the scene page, such as page size, background color, adaptation method, and filters;

[0145] S05: Determine if the existing components meet the configuration requirements of this page:

[0146] (1) Yes, proceed to step S06.

[0147] (2) No, proceed to step S01.

[0148] S06: Use the component configuration and layer configuration modules to set the components required for scene construction to the specified positions;

[0149] S07: Configure attribute information, animation information, data information and event information for each overlaid component through the attribute configuration and data configuration modules;

[0150] The sample data from the comprehensive management page of Page 1 is now presented in a tabular format, as shown in Table 2:

[0151]

[0152]

[0153] It should be understood that the above-described application data diagram is only for illustrating the data composition when creating this embodiment using the present invention. In actual use of the present invention, it is not necessary to create the above-described table data.

[0154] It should be understood that this embodiment supports static data, interface data, database data, and layer service data. Static data types need to be encapsulated in JSON format, as shown below:

[0155]

[0156]

[0157] It should be noted that when using basic map components, map function components, model libraries, and icon libraries, the GeoXSpace map engine, which is based on the open-source map Cesium, will be used as the carrier for front-end rendering (Note: Cesium is a world-renowned open-source 3D globe JS library, and GeoXSpace map engine is a 3D globe framework developed by the applicant).

[0158] It's important to note that when using custom components, information components, table components, widgets, image components, and icon components, Vue will be used for front-end rendering; (Note: Vue is Vue.js, an open-source front-end framework)

[0159] It should be noted that when using chart components, ECharts will be used for front-end rendering.

[0160] The system, through the aforementioned technical solution, categorizes components into two types: business application components and map application components. Different data association methods, attribute configuration methods, operation configuration methods, and front-end rendering methods are customized for each type of component. Furthermore, it constructs the association relationships between different data types and application components. Based on these relationships, more complex visualization scene applications with more comprehensive GIS capabilities can be built using this invention. After the components in this embodiment are configured, their code structure is as follows:

[0161]

[0162]

[0163] After the components and page configurations of each page in the scene are completed, the construction of S08 to S11 is completed using the M8 and M9 functional modules through the GIS visualization scene construction system and method based on low-code technology of this invention.

[0164] Its functional modules are as follows:

[0165] M8: Scene publishing module, used to publish scenes as service addresses that can be accessed online;

[0166] M9: Scene browsing module, used to access published business scenes via web page links.

[0167] The process of constructing the scene is as follows:

[0168] S08: Determine whether a new page needs to be added to the scene:

[0169] (1) Yes, proceed to step S03.

[0170] (2) No, proceed to step S09.

[0171] S09: Perform a scene preview to ensure that the preview results are consistent with the scene construction goals;

[0172] S10: Publish the scene and generate a webpage link from the scene access address;

[0173] S11: Complete the construction of a GIS visualization scene based on low-code technology.

[0174] After performing the operations described above in this embodiment, accessible scene links will be generated, as shown in Table 3, Scene Release Information Table:

[0175]

[0176] Example 2:

[0177] Example 2 illustrates an example of a GIS visualization scene construction system and method based on low-code technology that incorporates map data services.

[0178] This second embodiment is based on the first embodiment. After completing the construction of the basic scenario application, it achieves the visualization loading of map services by introducing external map service data.

[0179] Taking the disaster prevention and control scenario of rail transit as an example, according to the needs of scenario construction, it is necessary to access several types of data, including suburban waterlogging hazard points, ground subsidence hazard points, disaster scope and direction of movement, rail lines, and rail stations. The data list is shown in Table 4.

[0180]

[0181] The present invention can generate the following data format, which can then be decoded by the system:

[0182]

[0183]

[0184] Once the components and page configurations for each page in the scene are completed, and the map service has completed its service link configuration, the construction of S8 to S11 can be completed using the M8 and M9 functional modules through the GIS visualization scene construction system and method based on low-code technology of this invention.

[0185] It should be understood that the sample data mentioned in Embodiments 1 and 2 of this invention are an implementation of a GIS visualization scene construction system and method based on low-code technology of this invention. The data type and component method can be adjusted according to the specific scenario. For example, if the scenario is changed to an emergency rescue scenario, the page names, component composition, data source, and validity can all be logically adjusted.

[0186] It should be noted that the above are two embodiments of the present invention, and are not intended to limit the scope of protection of this application. Any feature point in the technical solution and drawings included in this specification, except for the points specifically described, can be replaced or replaced by other equivalent features or features with the same characteristics.

[0187] The above embodiments are merely illustrative of the principles and effects of the present invention and are not intended to limit the invention. Any person skilled in the art can modify or alter the above embodiments without departing from the spirit and scope of the present invention. Therefore, all equivalent modifications or alterations made by those skilled in the art without departing from the spirit and technical concept disclosed in the present invention should still be covered by the claims of the present invention.

Claims

1. A GIS visualization scene construction system based on low-code technology, characterized in that: It includes a business application component module, a map application component module, and a component association module; The business application component module is used to encapsulate business components into standard low-code components, supporting association of business data through data interfaces, databases, or files; The map application component module is used to encapsulate GIS functions into low-code map components, supporting spatial data association through layer service addresses, data interfaces, databases, or files; The component association module is used to enable status monitoring and real-time data updates between the business component module and the map application component module.

2. The GIS visualization scene construction system based on low-code technology according to claim 1, characterized in that, The system also includes the following functional modules: scene management module, component management module, scene creation module, component configuration module, layer configuration module, attribute configuration module, canvas configuration module, scene publishing module, and scene browsing module; The scene management module is used to manage the created scene applications; The component management module is used to manage the functional components, model components, and icon components used in scene construction; The scenario creation module is used to create business scenario applications; The component configuration module is used to configure a list of various usable components for business scenario applications; The layer configuration module is used to configure component layers that have been added to the scene; The attribute configuration module is used to configure the basic custom attributes, animation attributes, data attributes, and event attributes of each component; The canvas configuration module is used to configure the position information of various components in the canvas in a visual manner by dragging and dropping. The scene publishing module is used to publish the scene as a service address that can be accessed online; The scene browsing module is used to access published business scenes via web page links.

3. A GIS visualization scene construction system based on low-code technology according to claim 2, characterized in that, The component configuration module includes the following component types: basic map component, map function component, map model library component, map icon library component, custom component, chart component, information component, table component, widget, image component, and icon component; The basic map component can be overlaid with global, provincial, municipal, and regional satellite imagery layers, electronic vector layers, and customized data layers through the system, and it will serve as the lowest-level carrier for displaying the constructed business scenarios; The map function components can be overlaid with different types of map function components through the system, and can be adjusted according to changes. The map model library component can overlay different types of 3D models through the system and adjust accordingly. The map icon library component can overlay different types of two-dimensional graphic plots through the system and adjust accordingly. The custom component is a basic component developed through the system's component secondary development capabilities, and this component will be rendered at the business component layer; The information component can be displayed and selected by overlaying basic information such as text and drop-down boxes in the system. This component will be rendered in the business component layer. The component can be beautified and decorated by overlaying scene applications through the system, and the component will be rendered at the business component layer; The image component can be provided with external image files as its rendering content, and this component will be rendered at the business component layer; The icon component can add various basic icons to the scene application as aesthetic elements of the scene application, and this component will be rendered in the business component layer; The chart component can add various basic icons to the scene application as aesthetic elements, and this component will be rendered at the business component layer.

4. A GIS visualization scene construction system based on low-code technology according to claim 1, characterized in that, The map application component module supports the following functions: spatial data query, spatial analysis, layer overlay, and 3D model loading.

5. A GIS visualization scene construction system based on low-code technology according to claim 2, characterized in that: The canvas configuration module allows users to adjust the position, size, and hierarchy of components through a visual interface.

6. A GIS visualization scene construction system based on low-code technology according to claim 3, characterized in that, The various components of the component configuration module are encapsulated in JSON format. The basic platform matches the TYPE of each JSON and dynamically encapsulates them according to their various attributes.

7. A GIS visualization scene construction system based on low-code technology according to claim 3, characterized in that, The system adopts a differentiated rendering method: when the basic map component, map function component, map model library component, and map icon library component are used, the GeoXSpace map engine, which is based on the open-source map Cesium, is used as the carrier for front-end rendering. The custom components, information components, table components, widgets, image components, and icon components are rendered using the Vue framework; the chart component is rendered using the ECharts library.

8. A GIS visualization scene construction system based on low-code technology according to claim 1, characterized in that, The page generated by the scene publishing module supports the following interactive functions: map zooming, spatial query, data linkage, and dynamic data updates.

9. A method for constructing GIS visualization scenes based on low-code technology, characterized in that, Includes the following steps: S01: The system builds, manages, and edits relevant functional components, model components, and icon components for the scene; S02: Configure business scenario information in the scenario management module through the system and complete scenario creation; S03: Display page for newly added scenes; S04: Configure basic information for the scene page, such as page size, background color, adaptation method, and filters; S05: Determine whether the existing components meet the configuration requirements of this page; if yes, proceed to step S06; if no, proceed to step S01. S06: Use the component configuration and layer configuration modules to set the components required for scene construction to the specified positions; S07: Configure attribute information, animation information, data information and event information for each overlaid component through the attribute configuration and data configuration modules; S08: Determine whether a new page needs to be added to the scene; if yes, proceed to step S03; if no, proceed to step S09. S09: Perform a scene preview to ensure that the preview results are consistent with the scene construction goals; S10: Publish the scene and generate a webpage link from the scene access address; S11: Complete the construction of a GIS visualization scene based on low-code technology.

10. A GIS visualization scene construction method based on low-code technology according to claim 9, characterized in that, The method supports multi-role collaboration, including system maintainers, component developers, scene builders, and application users.