CN112099893A - Map drill-down visualization method capable of accelerating map loading - Google Patents
Map drill-down visualization method capable of accelerating map loading Download PDFInfo
- Publication number
- CN112099893A CN112099893A CN202011004994.6A CN202011004994A CN112099893A CN 112099893 A CN112099893 A CN 112099893A CN 202011004994 A CN202011004994 A CN 202011004994A CN 112099893 A CN112099893 A CN 112099893A
- Authority
- CN
- China
- Prior art keywords
- data
- map
- loading
- drill
- user
- 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
- 238000007794 visualization technique Methods 0.000 title claims abstract description 11
- 238000012216 screening Methods 0.000 claims abstract description 27
- 238000012545 processing Methods 0.000 claims abstract description 8
- 238000012544 monitoring process Methods 0.000 claims abstract description 4
- 238000000034 method Methods 0.000 claims description 10
- 238000012800 visualization Methods 0.000 claims 2
- 230000000007 visual effect Effects 0.000 abstract description 3
- 230000009286 beneficial effect Effects 0.000 abstract description 2
- 238000012423 maintenance Methods 0.000 abstract description 2
- 238000009877 rendering Methods 0.000 abstract description 2
- 239000013589 supplement Substances 0.000 abstract description 2
- 238000005553 drilling Methods 0.000 description 2
- 238000006467 substitution reaction Methods 0.000 description 2
- 230000002457 bidirectional effect Effects 0.000 description 1
- 238000003672 processing method Methods 0.000 description 1
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F9/00—Arrangements for program control, e.g. control units
- G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
- G06F9/44—Arrangements for executing specific programs
- G06F9/451—Execution arrangements for user interfaces
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/20—Information retrieval; Database structures therefor; File system structures therefor of structured data, e.g. relational data
- G06F16/24—Querying
- G06F16/245—Query processing
- G06F16/2457—Query processing with adaptation to user needs
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/20—Information retrieval; Database structures therefor; File system structures therefor of structured data, e.g. relational data
- G06F16/29—Geographical information databases
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F9/00—Arrangements for program control, e.g. control units
- G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
- G06F9/46—Multiprogramming arrangements
- G06F9/50—Allocation of resources, e.g. of the central processing unit [CPU]
- G06F9/5005—Allocation of resources, e.g. of the central processing unit [CPU] to service a request
- G06F9/5027—Allocation of resources, e.g. of the central processing unit [CPU] to service a request the resource being a machine, e.g. CPUs, Servers, Terminals
- G06F9/505—Allocation of resources, e.g. of the central processing unit [CPU] to service a request the resource being a machine, e.g. CPUs, Servers, Terminals considering the load
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Software Systems (AREA)
- Physics & Mathematics (AREA)
- General Engineering & Computer Science (AREA)
- General Physics & Mathematics (AREA)
- Databases & Information Systems (AREA)
- Data Mining & Analysis (AREA)
- Computational Linguistics (AREA)
- Remote Sensing (AREA)
- Human Computer Interaction (AREA)
- General Factory Administration (AREA)
Abstract
The embodiment of the invention relates to the technical field of map visualization methods, in particular to a map drill-down visualization method capable of accelerating map loading, which comprises the following steps: acquiring data of a required province map; processing and integrating province map data and transmitting the province map data to a front-end interface; after the front-end interface acquires data, a default data loading range is defined in advance; loading a national data map of minimum unit statistics according to an initial default value; screening out required display data; carrying out Echarts configuration according to the data screened in real time; displaying on a browser page for large-screen display; and monitoring and map operation are carried out by the user through the large-screen page. The embodiment of the invention has the beneficial effects that: by judging the map range, only the data to be displayed is loaded, the loading speed is increased, the operation load of the browser is reduced, and the maintenance is facilitated; partial function supplement is performed aiming at the existing visual map drilling-down, a page does not need to be refreshed, the real-time rendering is performed, the operation habit of a user is fitted, and the user experience is improved.
Description
Technical Field
The invention relates to the technical field of map visualization methods, in particular to a map drill-down visualization method capable of quickly loading a map.
Background
The existing visual map drill-down processing method can only realize one-way drill-down, function loss or need to refresh a page for reloading, has a complicated algorithm structure, low efficiency and slow map loading speed, and is difficult to meet the performance requirement of the existing large-data-volume processing.
Therefore, the embodiment of the invention provides a map drill-down visualization method capable of quickly loading a map, so as to overcome the occurrence of the above problems.
Disclosure of Invention
In order to solve the above problems, that is, to solve the problems of function loss, slow map loading and low efficiency in the conventional map drill-down method, an embodiment of the present invention provides a map drill-down visualization method capable of accelerating map loading, which includes the steps of:
s1, obtaining the data of the required province map by inquiring a database;
s2, processing and integrating the data inquired in the database, and then transmitting the data to the front-end interface;
s3, after the front-end interface acquires data, a default data loading range is defined in advance, the initial value of the range is set to be national, and after the front-end interface receives the data, the national data are loaded according to the initial default value;
s4, loading a national data map counted by taking a provincial meeting city or a non-provincial meeting city as a minimum unit according to an initial default value;
s5, circularly traversing the data, and screening out the data to be displayed;
s6, configuring options, serious and data configuration items in Echarts according to the data screened in real time;
s7, loading the json data of the map through Echarts, and displaying the json data on a browser page for large-screen display after the Echarts configuration is completed;
and S8, monitoring and map operation are performed by the user through the large-screen page.
Further, the processing in step S2 is integrated as: integrating the inquired data into geographic coordinates by using the province as the json array name and the column name as the json key according to the column name, and finally assembling the geographic coordinates into a json list.
Further, the data is circularly traversed in step S5 as follows: traversing the map data by adopting a for loop mode based on a loop variable i to be used in the loop, and screening the data by reading the map data type selected by a user in a map drop-down box and various screening conditions.
Further, the division of the required data in step S5 is based on: and (4) performing condition screening on the data, and only displaying the data which are in line with the screening conditions in the current map according to the screening conditions selected by the user and the current displayed map.
Further, the data required for screening in step S5 are: in the for loop, the data is screened according to the screening conditions by adopting an if/else nesting mode.
Further, the user operation in step S8 is: and if the user selects the type a and the qualified data, screening the qualified data in the current map in the data in a cycle, and replacing and displaying the qualified data.
The embodiment of the invention has the beneficial effects that:
the method comprises the steps of reading user operation by utilizing the Echarts event parameters, obtaining a map area selected by a user, obtaining a current map range display mark by judging a map range, circularly traversing background data, loading a map, and greatly improving the loading speed under the condition of not refreshing a page. And a bidirectional drilling function can be added according to the operation habit of the user;
by judging the map range, only the data to be displayed is loaded, the loading speed is increased, the operation load of the browser is reduced, and the maintenance is facilitated; partial function supplement is performed aiming at the drilling of the conventional visual map, a page does not need to be refreshed, the real-time rendering is performed, the operation habit of a user is fitted, and the user experience is improved.
Drawings
FIG. 1 is a flow chart of a map drill-down visualization method that can accelerate map loading.
Detailed Description
Preferred embodiments of the present invention are described below with reference to the accompanying drawings. It should be understood by those skilled in the art that these embodiments are only for explaining the technical principle of the present invention, and are not intended to limit the scope of the present invention.
Referring to fig. 1, an embodiment of the present invention discloses a map drill-down visualization method capable of accelerating map loading, including the steps of:
s1, obtaining the data of the required province map by inquiring a database;
s2, processing and integrating the data inquired in the database, and then transmitting the data to the front-end interface;
s3, after the front-end interface acquires data, a default data loading range is defined in advance, the initial value of the range is set to be national, and after the front-end interface receives the data, the national data are loaded according to the initial default value;
s4, loading a national data map counted by taking a provincial meeting city or a non-provincial meeting city as a minimum unit according to an initial default value;
s5, circularly traversing the data, and screening out the data to be displayed;
s6, configuring options, serious and data configuration items in Echarts according to the data screened in real time;
s7, loading the json data of the map through Echarts, and displaying the json data on a browser page for large-screen display after the Echarts configuration is completed;
and S8, monitoring and map operation are performed by the user through the large-screen page.
One way of integrating the processing in step S2 is: integrating the inquired data into geographic coordinates by using the province as the json array name and the column name as the json key according to the column name, and finally assembling the geographic coordinates into a json list.
The specific process of performing loop traversal on the data in step S5 is as follows: traversing the map data by adopting a for loop mode based on a loop variable i to be used in the loop, and screening the data by reading the map data type selected by a user in a map drop-down box and various screening conditions.
The division of the required data in step S5 is based on: and (4) performing condition screening on the data, and only displaying the data which are in line with the screening conditions in the current map according to the screening conditions selected by the user and the current displayed map.
The data required for screening in step S5 is: in the for loop, the data is screened according to the screening conditions by adopting an if/else nesting mode.
The user operation in step S8 is: and if the user selects the type a and the qualified data, screening the qualified data in the current map in the data in a cycle, and replacing and displaying the qualified data.
The terms "comprises," "comprising," or any other similar term are intended to cover a non-exclusive inclusion, such that a process, article, or apparatus that comprises a list of elements does not include only those elements but may include other elements not expressly listed or inherent to such process, article, or apparatus.
So far, the technical solutions of the present invention have been described in connection with the preferred embodiments shown in the drawings, but it is easily understood by those skilled in the art that the scope of the present invention is obviously not limited to these specific embodiments. Equivalent changes or substitutions of related technical features can be made by those skilled in the art without departing from the principle of the invention, and the technical scheme after the changes or substitutions can fall into the protection scope of the invention.
Claims (6)
1. A map drill-down visualization method capable of accelerating map loading is characterized by comprising the following steps:
s1, obtaining the data of the required province map by inquiring a database;
s2, processing and integrating the data inquired in the database, and then transmitting the data to the front-end interface;
s3, after the front-end interface acquires data, a default data loading range is defined in advance, the initial value of the range is set to be national, and after the front-end interface receives the data, the national data are loaded according to the initial default value;
s4, loading a national data map counted by taking a provincial meeting city or a non-provincial meeting city as a minimum unit according to an initial default value;
s5, circularly traversing the data, and screening out the data to be displayed;
s6, configuring options, serious and data configuration items in Echarts according to the data screened in real time;
s7, loading the json data of the map through Echarts, and displaying the json data on a browser page for large-screen display after the Echarts configuration is completed;
and S8, monitoring and map operation are performed by the user through the large-screen page.
2. The method for map drill-down visualization of an acceleratedly loaded map as claimed in claim 1, wherein the processing in step S2 is integrated as follows: integrating the inquired data into geographic coordinates by using the province as the json array name and the column name as the json key according to the column name, and finally assembling the geographic coordinates into a json list.
3. The method for visualizing drill-down map with accelerated map loading of claim 2, wherein the step S5 is executed with a loop traversal of the data: traversing the map data by adopting a for loop mode based on a loop variable i to be used in the loop, and screening the data by reading the map data type selected by a user in a map drop-down box and various screening conditions.
4. The method for visualizing drill-down map with accelerated map loading of claim 3, wherein the data required in step S5 is divided according to: and (4) performing condition screening on the data, and only displaying the data which are in line with the screening conditions in the current map according to the screening conditions selected by the user and the current displayed map.
5. The method for visualizing downhole map downloading with accelerated map loading according to claim 4, wherein the step S5 is implemented by selecting the required data as: in the for loop, the data is screened according to the screening conditions by adopting an if/else nesting mode.
6. The method for map drill-down visualization of an acceleratable loaded map according to claim 5, wherein the user operation in step S8 is: and if the user selects the type a and the qualified data, screening the qualified data in the current map in the data in a cycle, and replacing and displaying the qualified data.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202011004994.6A CN112099893A (en) | 2020-09-21 | 2020-09-21 | Map drill-down visualization method capable of accelerating map loading |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202011004994.6A CN112099893A (en) | 2020-09-21 | 2020-09-21 | Map drill-down visualization method capable of accelerating map loading |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN112099893A true CN112099893A (en) | 2020-12-18 |
Family
ID=73755043
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN202011004994.6A Pending CN112099893A (en) | 2020-09-21 | 2020-09-21 | Map drill-down visualization method capable of accelerating map loading |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN112099893A (en) |
Citations (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN106708896A (en) * | 2015-11-17 | 2017-05-24 | 北京国双科技有限公司 | ECharts map displaying method and device |
| CN109903671A (en) * | 2019-04-09 | 2019-06-18 | 吉旗（成都）科技有限公司 | A kind of route methods of exhibiting based on Echart |
| CN111104015A (en) * | 2018-10-29 | 2020-05-05 | 珠海横琴盛达兆业科技投资有限公司 | Map drilling method based on echarts tool |
-
2020
- 2020-09-21 CN CN202011004994.6A patent/CN112099893A/en active Pending
Patent Citations (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN106708896A (en) * | 2015-11-17 | 2017-05-24 | 北京国双科技有限公司 | ECharts map displaying method and device |
| CN111104015A (en) * | 2018-10-29 | 2020-05-05 | 珠海横琴盛达兆业科技投资有限公司 | Map drilling method based on echarts tool |
| CN109903671A (en) * | 2019-04-09 | 2019-06-18 | 吉旗（成都）科技有限公司 | A kind of route methods of exhibiting based on Echart |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| US11010970B1 (en) | Conveying data to a user via field-attribute mappings in a three-dimensional model | |
| US10558681B2 (en) | Automated computer visualization and interaction with big data | |
| US11475088B2 (en) | Providing notifications based on geofencing search results | |
| US20200142658A1 (en) | Historian interface system | |
| CN104469516B (en) | A kind of video web page treating method and apparatus of Android system | |
| US9123178B2 (en) | Updating map tiles | |
| US20130232419A1 (en) | Systems and methods for efficient video analysis | |
| CN104657416A (en) | Map display method and device | |
| US20150170386A1 (en) | Managing updates to map tiles | |
| CN105160005A (en) | Mass POI (Point Of Interest) map data display method based on Web browser | |
| US8743134B2 (en) | Interactive comparative analysis of multiple object data visualizations | |
| US20130293550A1 (en) | Method and system for zoom animation | |
| CN109858421B (en) | Android platform handwriting playback method and device based on scalable vector graphics | |
| CN102968497A (en) | Method and system for dynamically processing data | |
| CN112099893A (en) | Map drill-down visualization method capable of accelerating map loading | |
| CN107085518A (en) | A kind of big data rendering intent | |
| CN109388306A (en) | Information display method and device | |
| US9171387B2 (en) | Data visualization system | |
| JP2016522517A (en) | Device that displays trends related to process variables | |
| CN104978334A (en) | Processing method and device of spatiotemporal behavior data | |
| CN106873931A (en) | Raster data visualization device, method and computer system | |
| CN103902633A (en) | Method, device and system for generating POI hotspot data | |
| US11831521B1 (en) | Entity lifecycle management in service monitoring system | |
| CN116016822A (en) | Monitoring equipment data storage method and device, storage medium and equipment | |
| KR100563086B1 (en) | Method for dynamically displaying static maps |
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 |