CN117591099A - System for zero code release map interface based on reach - Google Patents
System for zero code release map interface based on reach Download PDFInfo
- Publication number
- CN117591099A CN117591099A CN202311642617.9A CN202311642617A CN117591099A CN 117591099 A CN117591099 A CN 117591099A CN 202311642617 A CN202311642617 A CN 202311642617A CN 117591099 A CN117591099 A CN 117591099A
- Authority
- CN
- China
- Prior art keywords
- data
- map
- component
- layer
- module
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Pending
Links
- 238000000034 method Methods 0.000 claims abstract description 23
- 238000009877 rendering Methods 0.000 claims abstract description 9
- 238000012800 visualization Methods 0.000 claims abstract description 7
- 238000007726 management method Methods 0.000 claims description 46
- 230000000007 visual effect Effects 0.000 claims description 43
- 238000013506 data mapping Methods 0.000 claims description 23
- 230000003068 static effect Effects 0.000 claims description 15
- 230000006870 function Effects 0.000 claims description 10
- 230000003993 interaction Effects 0.000 claims description 8
- 238000012986 modification Methods 0.000 claims description 6
- 230000004048 modification Effects 0.000 claims description 6
- 230000008569 process Effects 0.000 claims description 6
- 230000009191 jumping Effects 0.000 claims description 5
- 238000012216 screening Methods 0.000 claims description 5
- 238000013507 mapping Methods 0.000 claims description 4
- 238000012545 processing Methods 0.000 claims description 4
- 241000274965 Cyrestis thyodamas Species 0.000 claims description 3
- 238000007405 data analysis Methods 0.000 claims description 3
- 238000012217 deletion Methods 0.000 claims description 3
- 230000037430 deletion Effects 0.000 claims description 3
- 230000002452 interceptive effect Effects 0.000 claims description 3
- 238000004806 packaging method and process Methods 0.000 claims description 2
- 238000013079 data visualisation Methods 0.000 abstract description 9
- 230000004044 response Effects 0.000 abstract description 3
- 238000012559 user support system Methods 0.000 abstract description 3
- 230000008439 repair process Effects 0.000 description 5
- 238000012827 research and development Methods 0.000 description 4
- 241000533950 Leucojum Species 0.000 description 3
- 230000002776 aggregation Effects 0.000 description 3
- 238000004220 aggregation Methods 0.000 description 3
- 230000009286 beneficial effect Effects 0.000 description 2
- 229910052792 caesium Inorganic materials 0.000 description 2
- TVFDJXOCXUVLDH-UHFFFAOYSA-N caesium atom Chemical compound [Cs] TVFDJXOCXUVLDH-UHFFFAOYSA-N 0.000 description 2
- 238000006243 chemical reaction Methods 0.000 description 2
- 238000013461 design Methods 0.000 description 2
- 230000000694 effects Effects 0.000 description 2
- 238000001914 filtration Methods 0.000 description 2
- 238000012876 topography Methods 0.000 description 2
- 230000001133 acceleration Effects 0.000 description 1
- 230000008901 benefit Effects 0.000 description 1
- 238000011161 development Methods 0.000 description 1
- 238000010586 diagram Methods 0.000 description 1
- 238000009826 distribution Methods 0.000 description 1
- 238000005516 engineering process Methods 0.000 description 1
- 238000005286 illumination Methods 0.000 description 1
- 230000006872 improvement Effects 0.000 description 1
- 238000004519 manufacturing process Methods 0.000 description 1
- 238000012544 monitoring process Methods 0.000 description 1
- 238000006116 polymerization reaction Methods 0.000 description 1
- 230000009467 reduction Effects 0.000 description 1
- 238000003860 storage Methods 0.000 description 1
- 238000012384 transportation and delivery Methods 0.000 description 1
- XLYOFNOQVPJJNP-UHFFFAOYSA-N water Substances O XLYOFNOQVPJJNP-UHFFFAOYSA-N 0.000 description 1
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/30—Creation or generation of source code
- G06F8/34—Graphical or visual programming
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/30—Creation or generation of source code
- G06F8/38—Creation or generation of source code for implementing user interfaces
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/70—Software maintenance or management
- G06F8/71—Version control; Configuration management
Landscapes
- Engineering & Computer Science (AREA)
- Software Systems (AREA)
- General Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Human Computer Interaction (AREA)
- Computer Security & Cryptography (AREA)
- Processing Or Creating Images (AREA)
Abstract
The invention relates to the field of map data visualization, in particular to a system for publishing a map interface based on zero codes realized by a processor, and specifically relates to a component configuration method suitable for a data visualization platform and a data visualization application using the method. Rich built-in graphic components: a large number of layer components need to be packaged and the layer-configuration-data source visualization operations and rendering completed. The system is provided with a complete map interface designer and ensures performance requirements, and comprises the following components: the response time requires millisecond level, so that the method can meet the use of various scenes; the system is required to provide reliable functional support; the system is operated continuously for 7×24 hours; the availability of the system is at least 99.5%. And care should be taken to take into account concurrent user support, which determines the availability and scalability of the system.
Description
Technical Field
The invention relates to the field of map data visualization, in particular to a system for publishing a map interface based on zero codes realized by a processor, and specifically relates to a component configuration method suitable for a data visualization platform and a data visualization application using the method.
Background
In recent years, with the development of the internet, under the background of big data age, the data visualization demand is increasingly increasing, and because of attractive, cool, visual and convenient data display modes, the data visualization method is widely used in various industries, and various real-time intelligent parks, intelligent streets, intelligent cities, park cities and the like are layered endlessly.
The intelligent visual map can show more information points, such as community management, intelligent street management, intelligent facility equipment management, building house management, monitoring of the Internet of things, natural protection land, park city management and the like. In the traditional project research and development process, a simple map interface needs at least 15-20 days for front and rear end research and development personnel to release online, and in a plurality of intelligent visual map projects, a large number of components can be finished only by changing color styles, but the traditional research and development needs code adjustment, so that the project research and development cost is increased.
Disclosure of Invention
The invention fully utilizes the graphic visualization technology, aims at constructing the intelligent visual map by using low codes, and finally provides a complete solution for the data visualization mapping, thereby achieving the aims of cost reduction and efficiency improvement.
A system for zero code release map interface based on a expressed system comprising: the system comprises an application management module, a map interface designer module, a component management module, a layer management module, a map container, a component visual attribute editor, a data source data set module and a data mapping module;
and an application management module: the intelligent visual map application is created through the module and jumps to the map interface designer module;
map interface designer module: the system comprises a component management module, a layer management module, a map container, a component visual attribute editor, a data source data set module and a data mapping module, wherein a new component object is added by clicking a component in the component management module, the component style modification is completed by modifying the attribute of the component through the component visual attribute editor of the intelligent visual map, and the binding of data is realized by combining static data or using the data source data set module with data mapping;
component management module: the module is used for uniformly managing packaged common map layers, visualized basic object point positions, lines, planes, video components, spheres, advanced objects 3DTileset, urban white films and third-party Echarts components, and is used for packaging configuration parameters of the components to form a visualized component and providing various visualized component supports for intelligent visualized map applications;
layer management: clicking a component management module to add a layer in the layer management module, renaming, deleting, copying and displaying/hiding the layer in the map container;
map container: the map container is a container generated by an open source javascript library CesiumJS for displaying two/three-dimensional earth and map in a cross-platform and cross-browser mode, a map basic configuration is built in, a plurality of layers are added for data mapping, and intelligent visual map display is completed;
component visualization property editor: the editor visually presents the attribute of the component in the component management module, and adjusts parameters so as to modify the pattern of the layer and meet the interaction requirement;
data source dataset module: the module realizes the acquisition of the data source data set, and the specific functions comprise selecting the created data source, wherein common data types comprise a database type, an API data type and a static data type, and then selecting the data set in the data set module;
and a data mapping module: the module realizes the association and binding of the data acquired through the data set and the components in the intelligent visual map, realizes the real-time rendering of the data and the components, and specifically operates to select the data set to be displayed, acquire the data thereof, manually select the data fields to be associated with the data attributes of the components, thereby generating the data required by the components; whether polling operation is started or not is set to acquire the latest data in real time, and layer information is updated in real time.
The application method of the system for issuing the map interface based on the zero code realized by the processor comprises the following steps:
s1, creating an application in an application management module and jumping to a map interface designer module;
s2, after a component to be used is selected in the map interface designer module, a layer can be formed in the map container, and all layers have default data for reference;
s3, carrying out corresponding data adjustment, style editing and interactive operation binding on the layers in the map interface designer;
s4, adjusting the layer configuration in the layer list area to meet the layer style requirement;
s5, changing the name of the layer through the layer of the map interface designer, and setting the display/hiding of the component in the map container;
s6, clicking a data module after clicking a certain layer in the map interface designer to display a data configuration interface, selecting a corresponding data source data set to acquire data, and then performing data binding mapping to realize data mapping; setting whether to enable polling operation to acquire the latest data in real time, thereby achieving the purpose of updating the layer information in real time;
s7, linking the image layer in the map interface designer with the built-in component, and binding related operation events to realize related interaction requirements;
and S8, previewing and publishing the intelligent visual map application completed by the map interface designer.
The specific steps of clicking and adding the required components in the map interface designer to form a layer are as follows:
s201, selecting a corresponding component according to the requirement, and generating a corresponding graphical layer by the map container area according to default data;
s202, converting the operation of the component into layer processing, and carrying out visual attribute modification configuration on the component.
And S4, performing corresponding editing operations on the layers in the map interface designer, wherein the operations comprise deleting, copying, displaying/hiding the layers.
And S6, selecting a corresponding data source data set after selecting a middle layer in the map interface designer, and performing data binding rendering to realize data analysis and display, wherein the specific steps are as follows:
s601, performing relevant screening operation by connecting a database, uploading a CSV static data source and a third party API interface data source to obtain relevant required data;
s602, carrying out real-time request through the demand data acquired in S601, binding the acquired data with a graphical component through a data mapping function in a map interface designer, and realizing graphical display of the data.
The specific steps of controlling authority control for carrying out authorized sharing on layer data information constructed by the intelligent visual map are as follows:
s801, publishing the constructed and generated layer data information to open links, wherein all users who acquire the links can access the links;
s802, viewing corresponding large screen content according to different login user authority types.
The invention has the beneficial effects that:
1. rich built-in graphic components: a large number of layer components need to be packaged and the layer-configuration-data source visualization operations and rendering completed.
2. The system is provided with a complete map interface designer and ensures performance requirements, and comprises the following components:
(1) the response time requires millisecond level, so that the method can meet the use of various scenes;
(2) the system is required to provide reliable functional support; the system is operated continuously for 7×24 hours; the availability of the system (a=mtbf (mean time between failure/mtbf+mttr (mean time to repair)) is at least 99.5%. And care should be taken to take into account concurrent user support, which determines the availability and scalability of the system.
3. The data mapping converter with a third party data source and the graphic assembly data source comprises the following main functions:
(1) the visualized operation completes data conversion, filtering and screening;
(2) and the visualized operation completes data binding and data linkage.
Drawings
FIG. 1 is a schematic diagram of a system according to the present invention.
Detailed Description
The invention discloses an intelligent visual map system with a flexible configuration mode, which comprises an application management module, a component visual map designer module, an application resource template module and a release preview module, wherein an intelligent visual map application is created through the application management module and enters the map designer module, a board data object is generated and stored in a local Storage of a browser, wherein map basic configuration and map basic scene configuration are contained by default, the design of each layer is completed by clicking a component of the component resource template module, and data binding is completed in the data mapping module by combining data of a data source data set, so that the release of an intelligent visual map interface is realized.
Map base configuration:
"uuid": unique identifier of each component in browser for "13630975-fbb4-496e-9fdd-2a0cafa9059 e"//
"name": "init set"// component name
"type": "mapnit"// component type
"comment": "1",// component hint
"sort": 0,// component ordering
"setting": "config": { "resolutionScale":1, "animation": false, "fullscreen button": false, "geocode": false, "homeButton": false, "info box": false, "sceneModeTicker": false, "selection indicator": false, "timeline": false, "navigations helpbutton": false, "scene3don ly": false, "shouldband" is: true, "fullscreenElement": "procedium content", "targetFrameRate":60, "shadow": false, "orderInndependtransavailability": false, "baselayerPicker": false, "contextOptions": { "webgl": { "alpha": true, "requestWebgl2": true, "msaa": true, "multisampleNum":8, "msaaSamples":4, "requestRenderMode": specific parameters of the basic configuration of true// map are shown in detail inhttps：//cesium.com/learn/cesiumjs/ref-doc/Viewer.html/classFilter=viewer
Basic scene configuration:
"uuid": "45fc2267-e97a-42fb-840d-4e812435b23a",// browser is automatically generated, unique identifier of each component in the browser
"name": "base settings",// component names
"active": true,// whether the current component is selected, highlight selected
"type": "basic setting"// component type
"comment": ",// description
"icon": icons displayed in "/static/images/snorg",// component templates
"setting"： {
"configType": [ "Initialization", "Weather", "HawkEye2DMap", "terrainProvider", "SceneMorph" ]// the functions comprised by the current component: initial animation, weather, eagle eye, terrain, 2D/3D mode
"configSetting"： {
"InitAnimation": {// initial animation
"show": false,// whether to start initial animation, default false
"loaded": true,// map area tile loading is completed and animation is started again
"delay": 3,// animation duration
"hpoll": "[0, -60,0]",// map camera orientation after animation is complete
"camera position": "104.061427, 30.592286, 10000"// camera position after animation is completed
"flyback": 3,// time of flight
"speed": 10000// rotational speed of the earth
}
"Weather": {// weather
"rain": {// rain
"show": false,// show, default false
"tiltange": -0.6,// inclination
"rainSize": 3/rain drop size
"rainseed": 5// rainfall rate
}，
"fog": {// fog mask
"show": false,// show, default false
"visibility": 0,// visibility
"color": 'rgba (204, 204, 204, # 3)'// fog mask color
}，
"snorow": {// snowflake
"show": false,// show, default false
"swSize": 0.02,// snowflake size
"swspeed": 60.0// snowflake falling speed
}
}，
"HawkEye2DMap": {// eagle eye pattern
"show": false,// show, default false
Position ": fixed,// positioning mode in page, fixed, removable, etc
"left": "70",// positioning left distance relative to the map viewable area
"top": "2",// positioning relative to the top distance of the map viewable area
"width": 120 "// component width
"height": 120 "// component height
"borderRadius": "50",// component fillet
"borderWidth": 2/frame width
"borderColor": "rgba (0, 1)"// frame color
}，
"TerrainProvider": {// topography
"show": false,// show, default false
"tp": "1",// terrain classification
"assetId": "1",// topography ID
"requestvertex normals": false,// illumination effects
"requestWaterMask": false,// Water surface effect
}，
"sceneMorph": {// map mode
"morph"： "3D"
}
}
System module description
And an application management module: the module mainly realizes the management of intelligent visual map application, and comprises: application creation, application editing, application preview, application deletion, etc. Through which an intelligent visual map application can be created and jumped to the map interface designer module.
Map interface designer module: the module mainly realizes the interface design of the intelligent visual map application, and comprises the following steps: component management module, layer management, map container, component visual property editor, data source data set module, data mapping module, etc. And adding a new component object by clicking a component in the component management module, modifying the attribute of the component by using a component visual attribute editor of the intelligent visual map to complete component style modification, and binding data by using static data or combining a data source data set module with data mapping.
Component management module: the module is used for unified management of the packaged common map layer, the visualized basic object point positions, lines, planes, video components, spheres, advanced objects 3DTileset, urban white films, third-party Echarts and other components, and the configuration parameters of the components are packaged to form the visualized components. Providing a variety of visual component support for intelligent visual map applications;
layer management: clicking a component management module can add a layer in the layer management module, and the layer can rename, delete, copy, display/hide in the map container, etc.
Map container: the map container is a container generated by an open source javascript library CesiumJS for displaying two/three-dimensional earth and map in a cross-platform and cross-browser mode, a map basic configuration is built in, a plurality of layers can be added in the container for carrying out data mapping, and intelligent visual map display is completed.
Component visualization property editor: the editor visually presents the attribute of the component in the component management module, and can adjust parameters so as to modify the pattern of the layer and meet the interaction requirement.
Data source dataset module: the module mainly realizes the acquisition of a data source data set, and the specific functions comprise: the created data sources (common data types include database type, API data type, static data type) are selected, and then the data sets in the data set module are selected.
And a data mapping module: the module mainly realizes the association and binding of the data acquired through the data set and the components in the intelligent visual map, realizes the real-time rendering of the data and the components, and specifically operates to select the data set to be displayed, acquire the data thereof and manually select the data fields to be associated with the data attributes of the components, thereby generating the data required by the components. Whether to enable the polling operation to acquire the latest data in real time can be set, so that the aim of updating the layer information in real time is fulfilled.
Raw data: [ { id:1, name: "xx Point location", position X:104.5, positiony: 32.3, count:5, createtime: … })
Data mapped according to fields required by the component: [ { id:1, tooltip: "xx Point location", longitude: 104.5, latency: 32.3, number:5}]
And (3) an application resource template module:
the module is an intelligent visual map application template of different configured service scene types, and is only used for configuration reference. The method mainly comprises the functions of template addition, configuration, deletion, classified inquiry, keyword retrieval, paging inquiry and the like.
[{
id: "daa ba64-c649-4538-bb03-16ca0541f14 e"// application id
projectId: "66c5c304-c138-453d-82e5-6627e2228b12",// item id of interest
data: [ … ],// data for component configuration, 6.1.1, 6.1.2, 7.1, etc. included in each application
currentPage: 1,// current page
limit:8,// number of pages
}，…]
Publishing preview module
The module is an application configured by a map interface designer, and previews the templates in the resource template module. According to the data generated by the application module and the configuration module:
[{
id: "caa8ba64-c649-4538-bb03-16ca0541f14 e"// application id
projectId: "66c5c304-c138-453d-82e5-6627e2228b12",// item id of interest
data: [ … ],// data for component configuration, 6.1.1, 6.1.2, 7.1, etc. included in each application
currentPage: 1,// current page
limit:8,// number of pages
}，…]
Generating a map through the open source plug-in of the processing JS and displaying the component module data contained in the application data on the map
Method steps
S1, creating an application in an application management module and jumping to a map interface designer module;
s2, after a component to be used is selected in the map interface designer module, a layer can be formed in the map container, and all layers have default data for reference;
s3, carrying out corresponding data adjustment, style editing and interactive operation binding on the layers in the map interface designer;
component example:
basic point location component basic attributes:
{
id: ",// component ID, unique, immutable
name: ",// component name, editable
type: "labelPoints",// component type, unique, immutable
icon: "// component icon address
setting: {// component configuration
show: ",// whether to display/hide in the map container
configType: [ "StaticData", "Icon", "PopComponents" ]// configurable component types, each type having a corresponding editing option, here only the type required for point configuration
configSetting: the {/(key) value is the configurable component type
StaticData: default static data in ""// JSON format, string type
Icon: {// Point icon configuration
url: "/static/images/point. Png",// icon address
offsetX: 0,// lateral offset of icons in map container
offsetY: 0, vertical offset of the/(m/g) icon in map container
width: 36,// icon width
height: 36,// icon height
color: "rgba (0, 255, 255,1)",// icon superimposes color, and no data indicates the original color of the icon
}，
"PopComponents": { component: 'DialogDetail' }// interaction template
}
}
}
S4, adjusting the layer configuration in the layer list area to meet the layer style requirement;
s5, changing the name of the layer through the layer of the map interface designer, and setting the display/hiding of the component in the map container;
and S6, clicking a data module after clicking a certain layer in the map interface designer to display a data configuration interface, selecting a corresponding data source data set to acquire data, and then carrying out data binding mapping to realize data mapping. Whether to enable the polling operation to acquire the latest data in real time can be set, so that the aim of updating the layer information in real time is fulfilled.
S7, linking the image layer in the map interface designer with the built-in component, and binding related operation events to realize related interaction requirements;
and S8, previewing and publishing the intelligent visual map application completed by the map interface designer.
The specific steps of clicking and adding the required components in the map interface designer to form a layer are as follows:
s201, selecting a corresponding component according to the requirement, and generating a corresponding graphical layer by the map container area according to default data;
s202, converting the operation of the component into layer processing, and carrying out visual attribute modification configuration on the component.
And S4, performing corresponding editing operations on the layers in the map interface designer, including operations such as deleting, copying, displaying/hiding the layers and the like.
And S6, selecting a corresponding data source data set after selecting a middle layer in the map interface designer, and performing data binding rendering to realize data analysis and display, wherein the specific steps are as follows:
s601, performing relevant screening operation by connecting a database, uploading a CSV static data source and a third party API interface data source to obtain relevant required data;
s602, carrying out real-time request through the demand data acquired in S601, binding the acquired data with a graphical component through a data mapping function in a map interface designer, and realizing graphical display of the data.
The specific steps of controlling authority control for carrying out authorized sharing on layer data information constructed by the intelligent visual map are as follows:
s801, publishing the constructed and generated layer data information to open links, wherein all users who acquire the links can access the links;
s802, viewing corresponding large screen content according to different login user authority types.
Public links: examples:http：//10.10.10.10：8080/preview/123456789，123456789for large screen application ID, according to token obtained after user login, transmitting to background to verify whether authority is right, finally returning large screen data, if user does not login, automatically jumping to login interfacehttp：//10.10.10.10：8080/login/redirect=preview/ 123456789And after successful login, automatically jumping to a large screen preview interface according to the redirect parameter. If the ID is public information, the background does not check the authority, and the large screen data information is directly returned.
In order to reduce the time for a user to draw a large screen, the centralized operation management of a layer in a large screen editor is convenient for the user, so that the data can be quickly changed into a visual language to be displayed on a screen, the value of the data is amplified, the large screen delivery with high efficiency and high quality is realized, and the combined operation mode of a map interface is realized; the method has the advantages that users can manufacture the large screen of the map interface more orderly, the modules are clear and fast, the data are enabled to be alive, the value of the data is realized, and developers can finish drawing and delivering of the large screen with high efficiency and high quality.
The invention has the beneficial effects that:
1. rich built-in graphic components: a large number of layer components need to be packaged and the layer-configuration-data source visualization operations and rendering completed. For example, the attribute configuration of a point aggregation component is as follows:
{
"id": ",// component ID
"uuid": the system automatically generates unique layer ID when the layer is added by '681 ae2be-f01b-43b4-b401-ef5086ad33d 9', and the unique layer ID is used for controlling the layer information in the map container
"name": "aggregation Point",// layer name
"type": "Cluster"// layer type
"hoverip": "// component mouse hover cues
"icon": "/static/images/pointCluster. Png",// component icons
"setting": {// component configuration
"show": true/not show/hide
"configType": [// layer contains configuration module types
"StaticData"// static data Module
Cluster and/or aggregation point bitmap layer configuration module
PopComponents// click point interaction module
]，
"configSetting": {// layers contain configuration module data
"StaticData"： "[
{
Position ": [104.08765694024714, 30.401166056621566,0 ]// Point location longitude and latitude altitude
"id": "s54d4 f"// Point ID
"imgcandlabelopt": picture configuration of {// point location on map
"label": characters displayed in ' Xinglong lake wetland park ', '// picture
"imgcolorfromtba": [63, 235, 136,1]// Picture color overlay
}
}，
…
]"，
"Cluster": {// layer style configuration
"url": "/static/images/blue camera. Png"// dot location icon address
"iconWidth": 36, final display width of the/(dot) icon
"iconHeight": 56,// dot location icon final display height
"pixelRange": 40,// aggregate pixel
"minimumclusterize": 3,// minimum polymerization number
"isimcand labelopt": false,// whether text-picture combination mode is enabled to display point icons
"offsetX": 0,// dot icon lateral offset
"offsetY": 0,// dot icon longitudinal offset
"imgcandlabelopt": {// graphic style configuration, the size in the configuration is virtual size, and finally the configuration size is scaled to the size of iconWidth and the like
"label": ",// text content
"width": "374"// virtual Picture Width
"height": "170"// virtual height of picture
"labelPositionTop": "35",// text in the picture from top height
"fontSize": 30,// text font virtual size
"imgcolorfromtba": "// picture color overlay
}
}
}
}
}
2. The system is provided with a complete map interface designer and ensures performance requirements, and comprises the following components:
(1) the response time requires millisecond level, so that the method can meet the use of various scenes;
(2) the system is required to provide reliable functional support; the system is operated continuously for 7×24 hours; the availability of the system (a=mtbf (mean time between failure/mtbf+mttr (mean time to repair)) is at least 99.5%. And care should be taken to take into account concurrent user support, which determines the availability and scalability of the system.
3. The data mapping converter with a third party data source and the graphic assembly data source comprises the following main functions:
(1) the visualized operation completes data conversion, filtering and screening;
(2) and the visualized operation completes data binding and data linkage.
Noun interpretation:
cesium: a JavaScript library for displaying three-dimensional earth and map across platforms and browsers is a virtual earth browser and Geographic Information System (GIS) platform with open source, hardware acceleration graphics are performed by using webgl, and the JavaScript library can be used for commercial and non-commercial purposes freely based on an aaApache 2.0 open source program.
GIS (Geographic Information System or Geo-Information system, GIS): the system is a technical system for collecting, storing, managing, operating, analyzing, displaying and describing the related geographic distribution data in the whole or part of the earth surface (including the atmosphere) space under the support of a computer hard and software system.
API (Application Programming Interface): engagement of different components of a software system
MTBF (Mean Time Between Failure): the average fault-free working time is a reliability index for measuring a product.
MTTR (Mean time to repair): average repair time, average repair time when the product is changed from the fault state to the working state.
Claims (6)
1. A system for zero code release map interface based on a expressed system comprising: the system comprises an application management module, a map interface designer module, a component management module, a layer management module, a map container, a component visual attribute editor, a data source data set module and a data mapping module;
and an application management module: the intelligent visual map application is created through the module and jumps to the map interface designer module;
map interface designer module: the system comprises a component management module, a layer management module, a map container, a component visual attribute editor, a data source data set module and a data mapping module, wherein a new component object is added by clicking a component in the component management module, the component style modification is completed by modifying the attribute of the component through the component visual attribute editor of the intelligent visual map, and the binding of data is realized by combining static data or using the data source data set module with data mapping;
component management module: the module is used for uniformly managing packaged common map layers, visualized basic object point positions, lines, planes, video components, spheres, advanced objects 3DTileset, urban white films and third-party Echarts components, and is used for packaging configuration parameters of the components to form a visualized component and providing various visualized component supports for intelligent visualized map applications;
layer management: clicking a component management module to add a layer in the layer management module, renaming, deleting, copying and displaying/hiding the layer in the map container;
map container: the map container is a container generated by an open source javascript library CesiumJS for displaying two/three-dimensional earth and map in a cross-platform and cross-browser mode, a map basic configuration is built in, a plurality of layers are added for data mapping, and intelligent visual map display is completed;
component visualization property editor: the editor visually presents the attribute of the component in the component management module, and adjusts parameters so as to modify the pattern of the layer and meet the interaction requirement;
data source dataset module: the module realizes the acquisition of the data source data set, and the specific functions comprise selecting the created data source, wherein common data types comprise a database type, an API data type and a static data type, and then selecting the data set in the data set module;
and a data mapping module: the module realizes the association and binding of the data acquired through the data set and the components in the intelligent visual map, realizes the real-time rendering of the data and the components, and specifically operates to select the data set to be displayed, acquire the data thereof, manually select the data fields to be associated with the data attributes of the components, thereby generating the data required by the components; whether polling operation is started or not is set to acquire the latest data in real time, and layer information is updated in real time.
2. The method for using the system for issuing a map interface based on zero codes implemented by the process according to claim 1, comprising the following steps:
s1, creating an application in an application management module and jumping to a map interface designer module;
s2, after a component to be used is selected in the map interface designer module, a layer can be formed in the map container, and all layers have default data for reference;
s3, carrying out corresponding data adjustment, style editing and interactive operation binding on the layers in the map interface designer;
s4, adjusting the layer configuration in the layer list area to meet the layer style requirement;
s5, changing the name of the layer through the layer of the map interface designer, and setting the display/hiding of the component in the map container;
s6, clicking a data module after clicking a certain layer in the map interface designer to display a data configuration interface, selecting a corresponding data source data set to acquire data, and then performing data binding mapping to realize data mapping; setting whether to enable polling operation to acquire the latest data in real time, thereby achieving the purpose of updating the layer information in real time;
s7, linking the image layer in the map interface designer with the built-in component, and binding related operation events to realize related interaction requirements;
and S8, previewing and publishing the intelligent visual map application completed by the map interface designer.
3. The method for using the system for issuing the map interface based on zero code implemented by the process according to claim 2, wherein the specific steps of clicking and adding the required components in the map interface designer to form a layer in S2 are as follows:
s201, selecting a corresponding component according to the requirement, and generating a corresponding graphical layer by the map container area according to default data;
s202, converting the operation of the component into layer processing, and carrying out visual attribute modification configuration on the component.
4. The method for using the system for issuing the map interface based on zero code implemented by the process according to claim 2, wherein said S4 performs corresponding editing operations on the layers in the map interface designer, including deletion, duplication, display/hiding operations of the layers.
5. The method for using the system for publishing the map interface based on the zero code realized by the process according to claim 2, wherein after the middle layer is selected in the map interface designer in the step S6, the corresponding data source data set is selected for data binding rendering, and the data analysis and display are realized, and the specific steps are as follows:
s601, performing relevant screening operation by connecting a database, uploading a CSV static data source and a third party API interface data source to obtain relevant required data;
s602, carrying out real-time request through the demand data acquired in S601, binding the acquired data with a graphical component through a data mapping function in a map interface designer, and realizing graphical display of the data.
6. The method for using the system for issuing the map interface based on the zero code realized by the process according to claim 2, wherein the specific steps of controlling the authority control for carrying out the authorized sharing on the layer data information constructed by the intelligent visual map by the S8 are as follows:
s801, publishing the constructed and generated layer data information to open links, wherein all users who acquire the links can access the links;
s802, viewing corresponding large screen content according to different login user authority types.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202311642617.9A CN117591099A (en) | 2023-12-04 | 2023-12-04 | System for zero code release map interface based on reach |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202311642617.9A CN117591099A (en) | 2023-12-04 | 2023-12-04 | System for zero code release map interface based on reach |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN117591099A true CN117591099A (en) | 2024-02-23 |
Family
ID=89919855
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN202311642617.9A Pending CN117591099A (en) | 2023-12-04 | 2023-12-04 | System for zero code release map interface based on reach |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN117591099A (en) |
-
2023
- 2023-12-04 CN CN202311642617.9A patent/CN117591099A/en active Pending
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN110018742B (en) | Construction method of network virtual travel system | |
| US10990638B2 (en) | Processing ambiguous search requests in a geographic information system | |
| US9916070B1 (en) | Architectures and methods for creating and representing time-dependent imagery | |
| US9280258B1 (en) | Displaying and navigating within photo placemarks in a geographic information system and applications thereof | |
| KR101962394B1 (en) | Prominence-based generation and rendering of map features | |
| US7643673B2 (en) | Markup language for interactive geographic information system | |
| US7353114B1 (en) | Markup language for an interactive geographic information system | |
| US9465513B2 (en) | Visual representation of map navigation history | |
| US8737683B2 (en) | Architectures and methods for creating and representing time-dependent imagery | |
| US8495066B2 (en) | Photo-based virtual world creation system for non-professional volunteers | |
| US9990750B1 (en) | Interactive geo-referenced source imagery viewing system and method | |
| CN103650013A (en) | Methods and systems for browsing heterogeneous map data | |
| Shahabi et al. | GeoDec: A framework to effectively visualize and query geospatial data for decision-making | |
| CN114359501B (en) | Configurable 3D visualization platform and scene construction method | |
| Greenwood et al. | Using game engine technology to create real-time interactive environments to assist in planning and visual assessment for infrastructure | |
| CN117591099A (en) | System for zero code release map interface based on reach | |
| Giertsen et al. | An open system for 3D visualisation and animation of geographic information | |
| Devaux et al. | Increasing interactivity in street view web navigation systems | |
| Virtanen et al. | CREATING OPEN ONLINE APPLICATIONS WITH GEOSPATIAL INTERFACES-CASE STUDY “PALVELUTUTKA” | |
| Jobst et al. | Communicating Geoinformation effectively with virtual 3D city models | |
| CN117788688A (en) | Method for three-dimensionally constructing scene by live-action | |
| Counsell et al. | The generation of 3D VRML urban area models from GIS for planning information systems |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| PB01 | Publication | ||
| PB01 | Publication | ||
| SE01 | Entry into force of request for substantive examination | ||
| SE01 | Entry into force of request for substantive examination |