A method and system for adaptive docking map

Abstract

This invention discloses an adaptive map docking method and system, relating to the field of digital data processing technology. The method includes the following steps: based on an open internet map interface, selecting either the Baidu Maps interface or the Gaode Maps interface according to the chosen internet map type and data map type; opening the corresponding internet map interface's visualization map layer parameters; configuring and obtaining data map data; and rendering and displaying the data map based on the data map data using an adaptive map matching strategy. The system includes a docking module, a data map management module, and a data map display module. The method steps for adaptive map docking are implemented through these modules, completing the adaptive docking with a map platform.

Description

Technical Field

[0001] This invention relates to the field of electronic digital data processing technology, and in particular to an adaptive mapping method and system. Background Technology

[0002] Vector maps are rendered using GeoJSON, a geospatial data exchange format based on JavaScript object representation. It's used to encode various geographic data structures, such as points, lines, polygons, and their associated attributes. GeoJSON is widely used in map making, geographic information systems, and location services. As a standard format for storing, exchanging, and visualizing geospatial data, GeoJSON data, based on JSON's lightweight and structured characteristics, is well-suited for dynamic interaction and display in web applications.

[0003] Internet maps are electronic maps based on the internet, combining traditional satellite navigation data and electronic map technology. They provide users with map browsing, location positioning, and navigation functions through an internet platform. Internet maps offer users convenient map services such as map search, public transport queries, and driving navigation, and are widely used in travel planning, location information services, and many other fields.

[0004] Compared to vector maps, internet maps can achieve more complex and varied interactions and displays. However, when using internet maps in projects, it is necessary to weigh the advantages and disadvantages, display effects, and compatibility of different map platforms. When faced with the fact that each internet map has its own advantages in a specific scenario, only one can be chosen. Choosing all of them requires individual integration and development, and it is also necessary to comprehensively consider factors such as requirements, scenarios, advantages and disadvantages, and compatibility.

[0005] 1. Baidu Maps (MapVGL)

[0006] advantage:

[0007] Rich visualization effects: It provides 37 styles in 6 categories, covering a variety of visualization effects such as points, lines, surfaces, and animations, which can meet the needs of different business scenarios.

[0008] Powerful performance: Based on a WebGL-based image rendering engine, combined with Web Workers and GPU acceleration technologies, it significantly enhances visualization rendering performance. It maintains a smooth performance experience even in scenarios with massive amounts of data.

[0009] Ease of use: Offers a rich selection of visualizations for developers to choose from, allowing them to customize the visualizations based on their business data types and scenario requirements. Extensive documentation and examples facilitate a quick and easy learning process for developers.

[0010] shortcoming:

[0011] Technical barriers: Although MapV GL offers rich visualization effects and powerful performance, it may pose a certain technical barrier for users who are not familiar with WebGL and front-end development.

[0012] Customization requirements: For some specific customization requirements, developers may need to do additional development work, such as custom layers, animation effects, etc.

[0013] 2. Gaode Maps Data Visualization Locala API 2.0

[0014] advantage:

[0015] Highly customizable: Offers highly customizable camera controls, such as Pitch, Zoom, Rotation, and Center, enabling flexible control over camera parameters. Provides various lighting types and light source distributions, allowing control over light intensity, range, color, and position, increasing the visual depth of scene lighting.

[0016] Rich layer capabilities: Over ninety layer capabilities have been upgraded, including data interaction functions and animation support for points, lines, surfaces, honeycomb, and heat maps, making data more vivid, easy to understand, and interactive. Support for 3D spatial height lines and floor levels restores the effect of realistic spatial data.

[0017] Powerful data processing and rendering capabilities: Utilizing a brand-new rendering pipeline and architecture, it enhances data processing and rendering capabilities. It can easily handle large-scale datasets with fast data response times.

[0018] shortcoming:

[0019] Learning curve: While feature-rich and powerful, the learning curve is correspondingly steep. Developers need to invest time and effort to familiarize themselves with the API and its documentation.

[0020] Documentation and Examples: Although Amap provides a wealth of documentation and examples, developers may still need to conduct additional exploration and practice for some complex visualization effects and customized needs.

[0021] In conclusion, Baidu Maps MapVGL and Amap Local API 2.0 each have their own strengths in visualization, and the choice of which platform to use depends on the specific application scenario and requirements. If you need to display complex visualization effects and process massive amounts of data points, you can consider using Baidu Maps MapVGL; if you need high customization and rich layer capabilities, you can consider using Amap Local API 2.0.

[0022] Based on the above analysis, how to adaptively connect to a map platform has become a pressing technical problem to be solved. Summary of the Invention

[0023] This invention provides a method and system for adaptive map docking, solving the technical problem of adaptive docking with a map platform.

[0024] To solve the above-mentioned technical problems, the technical solution adopted by the present invention is as follows:

[0025] An adaptive mapping method includes the following steps:

[0026] Step S1: Open the Internet map interface, which includes the Baidu Map interface and the Gaode Map interface;

[0027] Step S2: Based on the selected Internet map type and data map type, open the corresponding Internet map interface's visualization map layer parameters, configure and obtain the data map data;

[0028] Step S3: Render and display the data map based on the obtained data map data using an adaptive matching map strategy.

[0029] A further technical solution is that: step S1 also includes saving the map rendering parameters and the layer parameters of the data visualization library after completing the connection with the Baidu Maps interface or the Gaode Maps interface, and obtaining the backend data map type enumeration file, the backend layer configuration file and the frontend components.

[0030] A further technical solution is that, in step S1, the backend layer configuration file is used by users to carry data map layer data when creating, modifying or viewing data maps.

[0031] A further technical solution is that, in step S1, the Baidu Maps interface includes Baidu Maps' JS API and MapVGL, and the Gaode Maps interface includes Gaode Maps' JS API and Local API 2.0.

[0032] A further technical solution is as follows: In step S2, the Internet map type and the data map type are selected by the user. When creating a new data map, the user enters the data map name, selects the Internet map type and the data map type, configures the basic rendering parameters of the map, the data visualization map layer parameters and the dataset parameters on the data map design page, obtains the data map data after configuration, and saves it to the data map type table and the data map table accordingly, generating a unique identifier for the data map.

[0033] A further technical solution is as follows: In step S3, the adaptive matching map strategy includes determining the specific Internet map type and layer type of the current data map through the code in the data map type enumeration, and rendering the data map according to the corresponding Baidu Map interface and Gaode Map interface.

[0034] An adaptive map docking system, used in the aforementioned adaptive map docking method, includes a docking module, a data map management module, and a data map display module.

[0035] The interface module is configured to integrate Baidu Maps and Gaode Maps interfaces. After completing the map interface, it saves the map rendering parameters and the layer parameters of the data visualization library, and obtains the end data map type enumeration file, the backend layer configuration file and the frontend components.

[0036] The data map management module is configured to create, modify, delete, or preview data maps. When creating a new data map, enter the data map name, select the Internet map type and data map type, configure the basic rendering parameters and visualization map layer parameters on the data map design page, configure the dataset to be displayed in the layer, select the latitude and longitude fields and indicator fields in the dataset, and after configuration, obtain the data map data and save it to the data map type table and data map table accordingly.

[0037] The data map display module is configured to view data maps. It receives data map data based on the unique identifier of the data map and displays the data map through an adaptive map matching strategy.

[0038] A further technical solution is that the rendering parameters in the data map management module include the map center longitude, map center latitude, and map zoom level.

[0039] A further technical solution is that the data map management module displays map layer parameters, which are dynamically configured parameters that change according to the internet map type and data map type selected by the user.

[0040] A further technical solution is that the dataset displayed in the layer of the data map management module is the system's data source dataset module, which is used to read the data that the user wants to display on the data map.

[0041] The beneficial effects of adopting the above technical solution are as follows:

[0042] An adaptive map integration method includes the following steps: based on an open internet map interface, selecting either the Baidu Maps interface or the Gaode Maps interface according to the selected internet map type and data map type; opening the visualization map layer parameters of the corresponding internet map interface; configuring and obtaining the data map data; and rendering and displaying the data map based on the data map data using an adaptive map matching strategy, thereby completing the adaptive integration with a map platform.

[0043] An adaptive map docking system includes a docking module, a data map management module, and a data map display module. Through these modules, it can adaptively dock with a map platform.

[0044] See the detailed implementation section for further description. Attached Figure Description

[0045] Figure 1 This is a flowchart of Embodiment 1 of the present invention;

[0046] Figure 2 This is a data flow diagram of Embodiment 1 of the present invention;

[0047] Figure 3 This is a principle block diagram of Embodiment 2 of the present invention. Detailed Implementation

[0048] The purpose of this application is to allow users in projects that require internet maps to avoid the need to consider or struggle with using Baidu Maps or Gaode Maps, and to avoid the need to consider the integration and development of internet map JS APIs and data visualization libraries. The data visualization libraries are MapVGL and Local API 2.0. Users only need to select and configure parameters through the web-based graphical interface to quickly configure the data map and adaptively display the data map according to the configured parameter strategy.

[0049] Baidu Maps requires integration with JS API and MapVGL, while Gaode Maps requires integration with JS API and Local API 2.0. The difference lies in the APIs required for integration, the visualization libraries used, and the final display effects achieved by the visualization libraries.

[0050] GeoJSON is a data format upon which internet maps are displayed.

[0051] The technical solutions of the embodiments of this application will be clearly and completely described below with reference to the accompanying drawings. Obviously, the described embodiments are only some embodiments of this application, and not all embodiments. The following description of at least one exemplary embodiment is merely illustrative and is in no way intended to limit this application or its application or use. All other embodiments obtained by those skilled in the art based on the embodiments of this application without creative effort are within the scope of protection of this application.

[0052] Many specific details are set forth in the following description in order to provide a full understanding of this application. However, this application may also be implemented in other ways different from those described herein. Those skilled in the art can make similar extensions without departing from the spirit of this application. Therefore, this application is not limited to the specific embodiments disclosed below.

[0053] Example 1:

[0054] like Figure 1 As shown, this invention discloses an adaptive docking map method, comprising the following steps:

[0055] Step S1: Open the Internet map interface, which includes the Baidu Map interface and the Gaode Map interface.

[0056] This application integrates the API interfaces of Baidu Maps and Gaode Maps, exposing the methods and parameters of the interface APIs of the connected internet maps to users.

[0057] This application integrates the API methods of Baidu Maps and Gaode Maps, exposing the API method parameters of the connected internet maps to users. In this embodiment, the internet map interface API includes the Baidu Maps interface and the Gaode Maps interface. The Baidu Maps interface includes Baidu Maps' JS API and MapVGL, while the Gaode Maps interface includes Gaode Maps' JS API and LocalAPI 2.0. After completing the API method integration between Baidu Maps and Gaode Maps, the rendering parameters of different maps and the layer parameters of the data visualization library will be saved as a backend data map type enumeration file, a backend layer configuration file, and a frontend config component.

[0058] The parameters for Baidu Maps and Gaode Maps JS API and data visualization integration are different. After completing the integration of multiple map API methods, it is also necessary to save the different map rendering parameters and layer parameters of the data visualization library into a backend data map type enumeration file and a backend layer options configuration file, and then provide feedback to the user through the browser's graphical interface.

[0059] The backend data map type enumeration file provides users with the option to choose between Baidu Maps and Gaode Maps, as well as the corresponding data visualization layer type, when creating a new data map.

[0060] The following is a partial excerpt from the backend data map type enumeration file.

[0061] public enum MapDataTypeCode{

[0062] BaiduMaps(100000,"Baidu Maps")

[0063] BaiDuMapsMapVGLIconLayer(100001,"Icon icon layer"),

[0064] BaiDuMapsMapVGLHeatmapLayer(100002,"Heatmap Layer")

[0065] BaiDuMapsMapVGLClusterLayer(100003,"Point Aggregation Layer"),

[0066] BaiDuMapsMapVGLHeatPointLayer(100004,"Heatpoint Layer")

[0067] BaiDuMapsMapVGLHeatGridLayer(100005,"Heat Grid Layer"),

[0068] BaiDuMapsMapVGLPointTripLayer(100006,"Point Trajectory Layer"),

[0069] BaiDuMapsMapVGLLineTripLayer(100007,"Line Trajectory Layer")

[0070] BaiDuMapsMapVGLFlyLineLayer(100008,"Flying Line Layer")

[0071] Amap(101000,"Amap"),

[0072] AmapLocalIconLayer(101001,"Icon icon layer"),

[0073] AmapLocalHeatmapLayer(101002,"Heatmap Layer"),

[0074] AmapLocalclusterLayer(101003,"Point Cluster Layer"),

[0075] AmapLocalHeatPointLayer(101004,"Heatpoint Layer"),

[0076] AmapLocalHeatGridLayer(101005,"Heat Grid Layer"),

[0077] AmapLocalPointTripLayer(101006,"Point Trajectory Layer"),

[0078] AmapLocalLineTripLayer(101007,"Line Trajectory Layer"),

[0079] AmapLocalFlyLineLayer(101008,"Flying Line Layer"), ;

[0081] }

[0082] The following are some of the configuration parameters for Baidu Maps heatmap layers.

[0083] / **

[0084] @Descriprion: Baidu Maps - MapVGL - Hot Column Layer

[0085] /

[0086] @Data

[0087] public class Layeroptions{

[0088] / **

[0089] *Explanation: Display method

[0090] Type: string

[0091] Default value: 'grid'

[0092] *Optional values: grid, default value, displays data aggregated by radius; normal, displays data based on actual coordinates.* /

[0093] private String style="grid";

[0094] / **

[0095] *Explanation: The radius of a single bar in a bar chart is also the aggregate radius.

[0096] *Type: Number

[0097] *Default value: 500

[0098] /

[0099] private Integer size=500;

[0100] / **

[0101] *Explanation: Gradient color

[0102] Type: Object

[0103] *default value:

[0104] *{

[0105] *0.0:'rgb(50,50,256)',

[0106] *0.1:'rgb(50,250,56)',

[0107] *0.5:'rgb(250,250,56)',

[0108] *}

[0109] /

[0110] private Map<Double,String> gradient;

[0111] / **

[0112] *Explanation: Maximum threshold

[0113] *Type: Number

[0114] /

[0115] private Integer max = 100;

[0116] / **

[0117] *Explanation: Minimum threshold

[0118] *Type: Number

[0119] /

[0120] private Integer min = 0;

[0121] / **

[0122] *Explanation: Maximum height

[0123] *Type: Number

[0124] /

[0125] private Integer maxHeight=10000;

[0126] / **

[0127] *Explanation: Minimum height

[0128] *Type: Number

[0129] /

[0130] private Integer minHeight=200;

[0131] / **

[0132] *Explanation: Initial rise time of the cylinder

[0133] *Type: Number

[0134] /

[0135] private Integer riseTims=2000;

[0136] public LayerOptions(){

[0137] this.gradient=new HashMape<>();

[0138] gradient.put(0.0,"rgb(50,50,256)");

[0139] gradient.put(0.1,"rgb(50,250,56)");

[0140] gradient.put(0.5,"rgb(250,250,56)");

[0141] gradient.put(1.0,"rgb(250,50,56)");

[0142] }

[0143] The backend layer options configuration file contains the data map layer data when users create, modify, or view data maps.

[0144] Step S2: Based on the internet map type and data map type selected by the user, the parameters of the corresponding internet map interface's visualization map layer are made available to the user for configuration, and data map data is obtained.

[0145] Based on the type of internet map and data map selected by the user, the parameters of the corresponding visual map layer of the internet map are made available to the user for configuration and saving.

[0146] like Figure 2 As shown, when creating a new data map, users can enter a data map name, select the Internet map type and the data map type, and configure the basic rendering parameters, data visualization map layer parameters and dataset parameters on the data map design page. After configuration, the data map data is obtained and saved to the data map type table and data map table accordingly, generating a unique identifier for the data map.

[0147] The following is a partial list of the data map type table.

[0148] map data_type

[0149] id:int(11)

[0150] code: int(11)

[0151] name: varchar(32)

[0152] level: int(11)

[0153] img_url:varchar(128)

[0154] description: varchar(255)

[0155] parent_code:int(11)

[0156] sort:int(11)

[0157] data_flag:int(11)

[0158] create time.datetime

[0159] update_time:datetime

[0160] The data map data table contains the following content.

[0161] map_data

[0162] id:int(11)

[0163] code:warchar(255)

[0164] user_id:int(11)

[0165] app_code:varchar(64)

[0166] app_data_set_code:varchar(64)

[0167] map_data_type_code:int(11)

[0168] name:warchar(255)

[0169] img_prefix:varchar(50)

[0170] img_path:varchar(255)

[0171] img_absolute_path:varchar(255)

[0172] data_options:varchar(255)

[0173] map_options:varchar(255)

[0174] layer_data_options:varchar(255)

[0175] layer_options:warchar(255)

[0176] data_flag:int(11)

[0177] create time:timestamp

[0178] update_time:timestamp

[0179] Step S3: Render and display the data map based on the obtained data map data using an adaptive matching map strategy.

[0180] Based on the user-saved map data, the system uses an adaptive map matching strategy to render and display the data map.

[0181] Example 2:

[0182] like Figure 3As shown, the present invention discloses an adaptive docking map system, including a docking module, a data map management module, and a data map display module.

[0183] The integration module is configured to integrate the API methods of Baidu Maps and Gaode Maps. After completing the integration of multiple map API methods, it is also necessary to save the different map rendering parameters and layer parameters of the data visualization library into the backend data map type enumeration file, the backend layer options configuration file, and the frontend component.

[0184] The data map management module is configured for users to create, modify, delete, and preview data maps. When creating a new data map, users can enter the data map name, select the Internet map type and the data map type, and configure the basic rendering parameters of the map on the data map design page: map center longitude, map center latitude, map zoom level, etc., as well as the visualization map layer parameters. Next, the dataset to be displayed in the layer is configured by selecting the latitude and longitude fields and indicator fields in the dataset. After configuration, the data map data is obtained and saved to the data map type table and data map table accordingly.

[0185] like Figure 2 As shown, when creating a new data map through the data map management module, users can enter the data map name, select the Internet map type and the data map type, and configure the basic rendering parameters, data visualization map layer parameters and dataset parameters on the data map design page. After configuration, the data map data is obtained and saved to the data map type table and data map table accordingly, generating a unique identifier for the data map.

[0186] The parameters for the visualized map layer are dynamically configured and change depending on the type of internet map and data map selected by the user. For specific parameters, please refer to the official API documentation of Baidu MapVGL and Gaode Map Local API 2.0 data visualization library.

[0187] The dataset displayed in the layer is the system's data source dataset module, used to read the data that the user wants to display on the data map.

[0188] like Figure 3 As shown, the data display module is the same as the data map display module.

[0189] The data map display module is configured so that users can view a specific data map. Based on the unique identifier of the data map, it receives the data map data saved by the user and completes the display of the data map through an adaptive map matching strategy.

[0190] The adaptive matching map strategy determines the specific internet map type and layer type of the current data map through the code in the data map type enumeration, and then renders the data map according to the corresponding Baidu and Gaode map API methods.

[0191] The adaptive map docking method described in Example 1 is implemented through a system that adaptively docks maps.

[0192] Technical effects:

[0193] Simplified operation: Users do not need to delve into the differences and complexities of different Internet map APIs; they can simply select the desired functions and configuration parameters through an intuitive graphical interface.

[0194] Real-time feedback: The configuration effect is displayed in real time during the configuration process, allowing users to see and adjust the display of the data map immediately, which greatly reduces the cost and time of trial and error.

[0195] Multiple map support: The system supports a variety of internet map services. Users can choose the most suitable map service according to project needs or select a map according to user group preferences.

[0196] Highly configurable: Allows users to customize multiple aspects of the map, including map style, layer overlay, label style, zoom level, etc., to meet the display needs of different scenarios.

[0197] Reduced development costs: Developers no longer need to customize multiple map display logics for different projects or users. Instead, they can meet diverse needs through a unified configuration interface, thus reducing development complexity.

[0198] Rapid iteration: The system supports rapid updates and iterations of map configurations, enabling the addition of new features or adjustments to existing features without rewriting code.

[0199] Highly scalable: Supports rapid integration of new map services and functions to meet potential future expansion needs.

Claims

1. A method for adaptive map docking, characterized in that: Includes the following steps, Step S1: Open the Internet map interface, which includes the Baidu Map interface and the Gaode Map interface; after completing the connection with the Baidu Map interface or the Gaode Map interface, save the map rendering parameters and the layer parameters of the data visualization library, and obtain the backend data map type enumeration file, the backend layer configuration file and the frontend component; the backend layer configuration file is used by users to carry the data map layer data when creating, modifying or viewing data maps; Step S2: Based on the internet map type and data map type selected by the user through the browser's graphical interface, the corresponding internet map interface's visualization map layer parameters are made available to the user for configuration, thereby obtaining the data map data. The internet map type and data map type are selected by the user. When creating a new data map, the user enters the data map name, selects the internet map type and data map type, and configures the basic rendering parameters, data visualization map layer parameters, and dataset parameters on the data map design page. After configuration, the data map data is obtained and saved accordingly to the data map type table and data map table, generating a unique identifier for the data map. Visual map layer parameters, which are dynamically configured and change depending on the type of internet map and data map selected by the user; Step S3: Based on the obtained data map data, the data map is rendered and displayed using an adaptive matching map strategy. The adaptive matching map strategy includes determining the specific Internet map type and layer type of the current data map through the code in the data map type enumeration, and rendering the data map according to the corresponding Baidu Map and Gaode Map interfaces.

2. The adaptive map docking method according to claim 1, characterized in that: In step S1, the Baidu Maps interface includes Baidu Maps' JS API and MapVGL, and the Gaode Maps interface includes Gaode Maps' JS API and LocalAPI 2.

0.

3. A system for adaptive map docking, used in the adaptive map docking method as described in claim 1 or 2, characterized in that: It includes an interface module, a data map management module, and a data map display module. The interface module is configured to integrate Baidu Maps and Gaode Maps interfaces. After completing the map interface, it saves the map rendering parameters and the layer parameters of the data visualization library, and obtains the end data map type enumeration file, the backend layer configuration file and the frontend components. The data map management module is configured to create, modify, delete, or preview data maps through a browser graphical interface. When creating a new data map, you can enter the data map name, select the Internet map type and the data map type, configure the basic rendering parameters and visualization map layer parameters on the data map design page, configure the dataset to be displayed in the layer, select the latitude and longitude fields and indicator fields in the dataset, and obtain the data map data after configuration and save it to the data map type table and data map table accordingly. Visual map layer parameters, which are dynamically configured and change depending on the type of internet map and data map selected by the user; The data map display module is configured to view data maps. It receives data map data based on the unique identifier of the data map and displays the data map through an adaptive map matching strategy.

4. The adaptive docking map system according to claim 3, characterized in that: In the data map management module, the rendering parameters include the map center longitude, map center latitude, and map zoom level.

5. The adaptive docking map system according to claim 3, characterized in that: In the data map management module, the dataset displayed in the layer is the system's data source dataset module, which is used to read the data that the user wants to display on the data map.

Images