Self-adaptive map docking method and system

Abstract

The invention discloses a self-adaptive map docking method and system, and relates to the technical field of electric digital data processing. The method comprises the following steps of selecting a Baidu map interface or an Gade map interface in an internet map interface based on an open internet map interface according to a selected internet map type and a selected data map type, opening visual map layer parameters of the corresponding internet map interface, and displaying the visual map layer parameters of the corresponding internet map interface. Configuring and obtaining data map data; according to the data of the data map, rendering display of the data map is completed through a self-adaptive map matching strategy; the system comprises a docking module, a data map management module and a data map display module, and the steps of the self-adaptive map docking method are realized through the docking module, the data map management module and the data map display module, so that the self-adaptive docking of a map platform is completed.

Description

Technical Field

[0001] The present invention relates to the technical field of electronic digital data processing, and in particular to a method and system for adaptively docking maps. Background Art

[0002] Vector maps are rendered based on GeoJSON, a geospatial information data exchange format based on JavaScript object notation. It is used to encode various geographic data structures, such as geometric shapes such as points, lines, and surfaces and their related properties. GeoJSON is widely used in map production, geographic information systems, location services, and other fields. As a standard format for storage, exchange, and visualization of geospatial data, GeoJSON data is very suitable for dynamic interaction and display in Web applications based on the lightweight and structured characteristics of JSON.

[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, navigation and other functions through the Internet platform. Internet maps provide users with convenient map services, such as map search, bus query, driving navigation, etc., and are widely used in travel planning, geographic location information services and other fields.

[0004] Compared with vector maps, Internet maps can achieve more complex and varied interactions and displays. However, when using Internet maps in a project, it is necessary to weigh the advantages and disadvantages, display effects, and adaptability of different map platforms. When Internet maps have their own advantages in specific scenarios, only one can be chosen. All options need to be connected and developed one by one, and it is also necessary to comprehensively consider factors such as requirements, scenarios, advantages and disadvantages, and adaptability.

[0005] 1. Baidu Map MapVGL

[0006] advantage:

[0007] Rich visualization effects: It provides six categories and 37 styles in total, covering various visualization effects such as points, lines, surfaces, and motion effects, which can meet the needs of different business scenarios.

[0008] Powerful performance: The WebGL-based image rendering engine, combined with Web Workers, GPU acceleration and other technologies, improves the performance of visual rendering. In scenarios with massive data points, it can maintain a smooth performance experience.

[0009] Ease of use: It provides a variety of visualization effects for developers to choose from. Developers can customize the visualization effects they need according to their own business data types and scenario requirements. There are abundant documents and examples to help developers get started quickly.

[0010] shortcoming:

[0011] Technical threshold: Although MapV GL provides rich visualization effects and powerful performance, there may be certain technical barriers for users who are not familiar with WebGL and front-end development.

[0012] Customized requirements: For some specific customized requirements, developers may be required to perform additional development work, such as custom layers, animation effects, etc.

[0013] 2. Amap data visualization Loca API 2.0

[0014] advantage:

[0015] Highly customizable: Provides highly customizable lens controls, such as Pitch, Zoom, Rotation, Center, etc., which can realize flexible control of lens parameters. Provides a variety of lighting types and light source distribution, which can control the lighting intensity, range, color, position, etc., and increase the visual level of scene lighting.

[0016] Rich layer capabilities: More than 90 layer capabilities have been upgraded, including data interaction functions and animation support for points, lines, surfaces, honeycombs, thermals, etc., making data more vivid, easy to understand, and interactive. Support for three-dimensional space height lines and floors to restore real space data effects.

[0017] Powerful data processing and rendering capabilities: The new rendering pipeline and architecture model are adopted to improve data processing and rendering capabilities. It can easily process large-scale data sets and has fast data response speed.

[0018] shortcoming:

[0019] Learning cost: It is feature-rich and powerful, but correspondingly, its learning cost is also high. Developers need to spend a certain amount of time and energy to become familiar with the use of APIs and the writing of documentation.

[0020] Documentation and Examples: Although Amap provides rich documentation and examples, some complex visualization effects and customized requirements may require additional exploration and practice by developers.

[0021] In summary, Baidu Map MapVGL and AutoNavi Map Loca API 2.0 have their own advantages in visualization. The choice of which platform depends on the specific application scenario and requirements. If you need to display complex visualization effects and process massive data points, you can consider using Baidu Map MapVGL; if you need highly customized and rich layer capabilities, you can consider using AutoNavi Map Loca API 2.0.

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

[0023] The present invention provides a method and system for adaptively docking a map, which solves the technical problem of adaptively docking a map platform.

[0024] In order to solve the above technical problems, the technical solutions adopted by the present invention are as follows:

[0025] A method for adaptively docking a map comprises the following steps:

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

[0027] Step S2: according to the selected Internet map type and data map type, the visualization map layer parameters of the corresponding Internet map interface are opened, and the data map data is configured and obtained;

[0028] Step S3: Based on the acquired data map data, the data map rendering and display is completed through an adaptive matching map strategy.

[0029] A further technical solution is that step S1 also includes saving the rendering parameters of the map and the layer parameters of the data visualization library after completing the docking of the Baidu map interface or the Amap interface, and obtaining the backend data map type enumeration file, the backend layer configuration file and the front-end components.

[0030] A further technical solution is that in step S1, the backend layer configuration file is used to carry the data map layer data when the user creates, modifies or views the data map.

[0031] A further technical solution is that in step S1, the Baidu map interface includes the JS API and MapVGL of Baidu map, and the Amap interface includes the JS API and Loca API 2.0 of Amap.

[0032] A further technical solution is that in step S2, the Internet map type and the data map type are obtained by user selection. When the user creates a new data map, he enters the data map name, selects the Internet map type and the data map type, and configures the map-based rendering parameters and data visualization map layer parameters and data set parameters on the data map design page. After the configuration is completed, the data map data is obtained and saved accordingly to the data map type table and the data map table, and a unique data map identifier is generated.

[0033] A further technical solution is that 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 Amap map interface.

[0034] A system for adaptively docking maps, used for the above-mentioned method for adaptively docking maps, comprises a docking module, a data map management module and a data map display module.

[0035] The docking module is configured to integrate the Baidu map interface and the Amap map interface. After completing the map docking, the map rendering parameters and the layer parameters of the data visualization library are saved, and the end data map type enumeration file, the back-end layer configuration file and the front-end components are obtained;

[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 of the map and the visualization map layer parameters on the data map design page, configure the data set to be displayed in the layer, select the latitude and longitude fields and indicator fields in the data set, and obtain the data map data after the configuration is completed and save it to the data map type table and data map table accordingly;

[0037] The data map display module is configured to view the data map, receive the data map data according to the data map unique identifier, and complete the display of the data map through adaptive matching map strategy.

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

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

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

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

[0042] A method for adaptively docking a map comprises the following steps: based on an open Internet map interface, according to the Internet map type and data map type selected for use, selecting a Baidu map interface or an Amap interface in the Internet map interface, opening the visualization map layer parameters of the corresponding Internet map interface, configuring and obtaining data map data; completing the rendering and display of the data map through an adaptive matching map strategy according to the data map data, and completing adaptive docking with a map platform.

[0043] A system for adaptively docking maps includes a docking module, a data map management module and a data map display module. The system completes adaptive docking with a map platform through the docking module, the data map management module and the data map display module.

[0044] Please refer to the detailed description of the specific implementation method. BRIEF DESCRIPTION OF THE DRAWINGS

[0045] Figure 1 is a flow chart of Embodiment 1 of the present invention;

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

[0047] Figure 3 It is a principle block diagram of embodiment 2 of the present invention. DETAILED DESCRIPTION

[0048] The purpose of this application is to allow users to use Internet maps in projects without having to consider or worry about using Baidu Maps or Amap, and without having to consider the docking and development of the Internet map JS API, as well as the docking and development of the data visualization library, namely MapVGL and Loca API 2.0. Users only need to select and configure parameters through the graphical interface of the web, quickly configure the data map, and adaptively display the data map according to the configured parameter strategy.

[0049] Baidu Maps needs to be connected to JS API and MapVGL, while Amap needs to be connected to JS API and Loca API 2.0. The difference lies in the different APIs that need to be connected, the different visualization libraries that need to be connected, and the different display effects of the visualization libraries.

[0050] GeoJSON is a data format on which Internet maps are displayed.

[0051] The technical solutions in the embodiments of the present application will be clearly and completely described below in conjunction with the drawings in the embodiments of the present application. Obviously, the described embodiments are only part of the embodiments of the present application, rather than all of the embodiments. The following description of at least one exemplary embodiment is actually only illustrative and is by no means intended to limit the present application and its application or use. Based on the embodiments in the present application, all other embodiments obtained by ordinary technicians in this field without creative work are within the scope of protection of this application.

[0052] In the following description, many specific details are set forth to facilitate a full understanding of the present application, but the present application may also be implemented in other ways different from those described herein, and those skilled in the art may make similar generalizations without violating the connotation of the present application. Therefore, the present application is not limited to the specific embodiments disclosed below.

[0053] Embodiment 1:

[0054] like Figure 1 As shown, the present invention discloses a method for adaptively docking maps, comprising the following steps:

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

[0056] This application integrates the interface APIs of Baidu Maps and Amap, and opens 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 Amap, and opens the API method parameters of the docked Internet maps to users. In this embodiment, the Internet map interface API includes the Baidu map interface and the Amap interface, the Baidu map interface includes the JS API and MapVGL of Baidu Maps, and the Amap interface includes the JS API and LocaAPI 2.0 of Amap. After completing the interface API method docking of Baidu Maps and Amap, the rendering parameters of different maps and the layer parameters of the data visualization library will be saved as the back-end data map type enumeration file, the back-end layer configuration file and the front-end config component.

[0058] The parameters for connecting Baidu Map and Amap JS API and data visualization are different. After completing the connection of multiple map API methods, different map rendering parameters and layer parameters of the data visualization library need to be saved into back-end data map type enumeration files and back-end layer options configuration files, and then fed back to the user through the browser graphical interface.

[0059] The backend data map type enumeration file provides users with the option of Baidu Map or Amap when creating a new data map, as well as the corresponding data visualization layer type.

[0060] Part of the backend data map type enumeration file is as follows.

[0061] Public enum MapDataTypeCode{

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

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

[0064] BaiDuMapsMapVGLHeatmapLayer(100002,"heat map layer"),

[0065] BaiDuMapsMapVGLClusterLayer(100003,"Point aggregation layer"),

[0066] BaiDuMapsMapVGLHeatPointLayer(100004,"heat point layer"),

[0067] BaiDuMapsMapVGLHeatGridLayer(100005,"heat column layer"),

[0068] BaiDuMapsMapVGLPointTripLayer(100006,"Point track layer"),

[0069] BaiDuMapsMapVGLLineTripLayer(100007,"Line track layer"),

[0070] BaiDuMapsMapVGLFlyLineLayer(100008,"fly line layer"),

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

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

[0073] AmapLocalHeatmapLayer(101002,"heat map layer"),

[0074] AmapLocalclusterLayer(101003,"Point aggregation layer"),

[0075] AmapLocalHeatPointLayer(101004,"heat point layer"),

[0076] AmapLocalHeatGridLayer(101005,"heat column layer"),

[0077] AmapLocalPointTripLayer(101006,"Point track layer"),

[0078] AmapLocalLineTripLayer(101007,"Line track layer"),

[0079] AmapLocalFlyLineLayer(101008,"fly line layer"), ;

[0081] }.

[0082] Some of the Baidu Map heat map layer configuration parameters are as follows.

[0083] / **

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

[0085] * /

[0086] @Data

[0087] public class Layeroptions{

[0088] / **

[0089] *Explanation: Display method

[0090] * Type: string

[0091] *Default: 'grid'

[0092] *Optional value: grid, default value, display by radius aggregation: normal; normal, display by real coordinates* /

[0093] private String style="grid";

[0094] / **

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

[0096] * Type: Numbe

[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: Column block initialization rise time

[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 carries the data map layer data when the user creates, modifies, or views a data map.

[0144] Step S2: According to the Internet map type and data map type selected by the user, the parameters of the visualization map layer of the corresponding Internet map interface are opened to the user and configured to obtain the data map data.

[0145] According to the Internet map type and data map type selected by the user, the parameters of the visualization map layer of the corresponding Internet map are opened to the user for configuration and saving.

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

[0147] Part of the data map type table is as follows.

[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 section is as follows.

[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: Based on the acquired data map data, the data map rendering and display is completed through an adaptive matching map strategy.

[0180] According to the data map data saved by the user, the map strategy is adaptively matched during display and the rendering and display of the data map is completed.

[0181] Embodiment 2:

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

[0183] The docking module is configured to integrate the API methods of Baidu Maps and Amap. After completing the docking of multiple map API methods, it is also necessary to save different map rendering parameters and layer parameters of the data visualization library into back-end data map type enumeration files, back-end layer options configuration files and front-end components.

[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 map rendering parameters on the data map design page: map center longitude, map center latitude, map zoom level, etc., as well as visualization map layer parameters. Next, configure the data set to be displayed in the layer, select the longitude and latitude fields and indicator fields in the data set, and after configuration, obtain the data map data and save it accordingly to the data map type table and data map table.

[0185] like Figure 2 As shown, when a user creates a new data map through the data map management module, he 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 and the data visualization map layer parameters and the data set parameters on the data map design page. After the configuration is completed, the data map data is obtained and saved accordingly to the data map type table and the data map table, and a unique identifier for the data map is generated.

[0186] The visualization map layer parameters are dynamically configured parameters, which change according to the Internet map type and data map type selected by the user. For specific parameters, please refer to the official API documentation of Baidu Map MapVGL and Amap Loca API 2.0 data visualization library.

[0187] The data set displayed in the layer is the data source data set module of the system, which is 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 a data map display module.

[0189] The data map display module is configured so that the user can view a certain data map. According to the unique identifier of the data map, the data map data saved by the user is received, and the data map display is completed through adaptive matching of the map strategy.

[0190] The adaptive matching map strategy can determine the specific Internet map type and layer type of the current data map through the code in the data map type enumeration, and then render the data map according to the corresponding Baidu and Amap API methods.

[0191] The method for adaptive docking map described in Example 1 is implemented through an adaptive docking map system.

[0192] Technical effects:

[0193] Simplified operation: Users do not need to have an in-depth understanding of the differences and complexities of different Internet map APIs. They only need to select the required functions and configuration parameters through an intuitive graphical interface.

[0194] Instant feedback: The configuration effect is displayed instantly during the configuration process, allowing users to instantly see and adjust the display effect of the data map, greatly reducing the cost and time of trial and error.

[0195] Multi-map support: The system supports a variety of Internet map services. Users can choose the most suitable map service according to project requirements, or select maps according to user group preferences.

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

[0197] Reduce development costs: Developers do not need to customize multiple sets of map display logic for different projects or users. Instead, they can meet diverse needs through a unified configuration interface, reducing development complexity.

[0198] Fast Iteration: The system supports fast updating and iteration of map configurations, allowing new features to be added or existing features to be adjusted without rewriting code.

[0199] Strong scalability: supports the rapid integration of new map services and functions to meet possible future expansion needs.

Claims

1. A method for adaptively docking a map, characterized in that: The following steps are included: Step S1: Open the Internet map interface, which includes the Baidu map interface and the Amap map interface; Step S2: according to the selected Internet map type and data map type, the visualization map layer parameters of the corresponding Internet map interface are opened, and the data map data is configured and obtained; Step S3: Based on the acquired data map data, the data map rendering and display is completed through an adaptive matching map strategy.

2. The method for adaptively docking a map according to claim 1, characterized in that: The step S1 also includes saving the rendering parameters of the map and the layer parameters of the data visualization library after completing the connection with the Baidu map interface or the Amap interface, and obtaining the backend data map type enumeration file, the backend layer configuration file and the frontend components.

3. The method for adaptively docking a map according to claim 2, characterized in that: In step S1, the backend layer configuration file is used to carry the data map layer data when the user creates, modifies or views the data map.

4. The method for adaptively docking a map according to claim 1, characterized in that: In the step S1, the Baidu map interface includes the JS API and MapVGL of the Baidu map, and the Amap interface includes the JS API and LocaAPI 2.0 of the Amap.

5. The method for adaptively docking a map according to claim 1, characterized in that: In step S2, the Internet map type and the data map type are obtained by user selection. 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 map-based rendering parameters and the data visualization map layer parameters and the data set parameters on the data map design page, obtains the data map data after the configuration is complete, and saves it to the data map type table and the data map table accordingly, and generates a unique data map identifier.

6. The method for adaptively docking a map according to claim 1, characterized in that: 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 Amap map interface.

7. A system for adaptive docking maps, used in an adaptive docking map method according to any one of claims 1 to 6, characterized in that: Including docking module, data map management module and data map display module, The docking module is configured to integrate the Baidu map interface and the Amap map interface. After completing the map docking, the map rendering parameters and the layer parameters of the data visualization library are saved, and the end data map type enumeration file, the back-end layer configuration file and the front-end components are obtained; 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 of the map and the visualization map layer parameters on the data map design page, configure the data set to be displayed in the layer, select the latitude and longitude fields and indicator fields in the data set, and obtain the data map data after the configuration is completed and save it to the data map type table and data map table accordingly; The data map display module is configured to view the data map, receive the data map data according to the data map unique identifier, and complete the display of the data map through adaptive matching map strategy.

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

9. The system of an adaptive docking map according to claim 7, characterized in that: In the data map management module, the map layer parameters are visualized, which are dynamically configured parameters and change according to the Internet map type and data map type selected by the user.

10. The adaptive docking map system according to claim 7, characterized in that: In the data map management module, the data set displayed in the layer is the data source data set module of the system, which is used to read out the data that the user wants to display on the data map.

Images