CN112099893A - Map drill-down visualization method capable of accelerating map loading - Google Patents

Map drill-down visualization method capable of accelerating map loading Download PDF

Info

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
Application number
CN202011004994.6A
Other languages
Chinese (zh)
Inventor
包迎春
刘潇
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Zhengzhou Tangmai Information Technology Co ltd
Original Assignee
Zhengzhou Tangmai Information Technology Co ltd
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by Zhengzhou Tangmai Information Technology Co ltd filed Critical Zhengzhou Tangmai Information Technology Co ltd
Priority to CN202011004994.6A priority Critical patent/CN112099893A/en
Publication of CN112099893A publication Critical patent/CN112099893A/en
Pending legal-status Critical Current

Links

Images

Classifications

    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F9/00Arrangements for program control, e.g. control units
    • G06F9/06Arrangements 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/44Arrangements for executing specific programs
    • G06F9/451Execution arrangements for user interfaces
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00Information retrieval; Database structures therefor; File system structures therefor
    • G06F16/20Information retrieval; Database structures therefor; File system structures therefor of structured data, e.g. relational data
    • G06F16/24Querying
    • G06F16/245Query processing
    • G06F16/2457Query processing with adaptation to user needs
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00Information retrieval; Database structures therefor; File system structures therefor
    • G06F16/20Information retrieval; Database structures therefor; File system structures therefor of structured data, e.g. relational data
    • G06F16/29Geographical information databases
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F9/00Arrangements for program control, e.g. control units
    • G06F9/06Arrangements 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/46Multiprogramming arrangements
    • G06F9/50Allocation of resources, e.g. of the central processing unit [CPU]
    • G06F9/5005Allocation of resources, e.g. of the central processing unit [CPU] to service a request
    • G06F9/5027Allocation 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/505Allocation 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

Map drill-down visualization method capable of accelerating map loading
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.
CN202011004994.6A 2020-09-21 2020-09-21 Map drill-down visualization method capable of accelerating map loading Pending CN112099893A (en)

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)

* Cited by examiner, † Cited by third party
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

Patent Citations (3)

* Cited by examiner, † Cited by third party
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