Map data processing method, device, equipment, system and storage medium

Abstract

The invention discloses a map data processing method, device, equipment and system and a storage medium. The method comprises the following steps: sending a first browsing request for a map and an editing request for map elements to server equipment; receiving vector tile data and to-be-edited element data sent by the server equipment; based on a rendering engine and the vector tile data, rendering a map to generate first spatial data to be displayed; and editing the map elements based on the to-be-edited element data to generate edited data, and highlighting the map elements based on the rendering engine to generate second to-be-displayed spatial data. In this way, the data efficient browsing function and the online editing function are both considered, and the user experience is improved.

Description

Technical Field

[0001] The present application relates to the field of map technology, and in particular to a map data processing method, device, equipment, system and storage medium. Background Art

[0002] Geographic Information System (GIS) is a specific spatial information system, and vector data is a data type used to represent geographic features in a Geographic Information System (GIS). It uses points, lines, and polygons to represent objects in the real world and is very suitable for representing geographic features with clear boundaries and shapes, such as roads, rivers, buildings, and administrative divisions.

[0003] Currently, vector data can be processed using Web GIS (Web Geographic Information System) engines, such as Cesium, OpenLayers, Leaflet, and Mapbox. These engines provide the functions of loading, editing, querying, and rendering vector data to varying degrees, but cannot meet the needs of browsing and editing vector data in business scenarios.

[0004] Taking Cesium as an example, it can load and edit data in GeoJSON format. GeoJSON format is a lightweight data exchange format for representing geographic spatial data. However, when the data reaches a certain level, it often cannot be loaded directly or loads very slowly or freezes. If it is not loaded in GeoJSON format, it is difficult to implement interactive editing functions based on the map engine. Summary of the invention

[0005] In view of this, the embodiments of the present application provide a map data processing method, apparatus, device, system and storage medium, aiming to simultaneously take into account the efficient browsing and online editing functions of the map.

[0006] The technical solution of the embodiment of the present application is implemented as follows: In a first aspect, an embodiment of the present application provides a map data processing method, which is applied to a browser device, and the method includes: Sending a first browse request for a map and an edit request for a map element to a server device; Receiving vector tile data and feature data to be edited sent by the server device; wherein the vector tile data is generated by the server device based on a vector tile service in response to the first browsing request; Rendering the map based on a rendering engine and the vector tile data to generate first spatial data to be displayed; Based on the element data to be edited, the map element is edited to generate edit data, and based on the rendering engine, the map element is highlighted to generate second spatial data to be displayed; wherein, after the element data to be edited is determined by the server device to generate the first spatial data to be displayed, it is obtained from the database based on the first application program interface in response to the edit request.

[0007] In some embodiments, the method further comprises: sending a second browsing request for a target area of ​​the map to the server device; receiving first vector tile data of the target area and second vector tile data of other areas in the map except the target area, sent by the server device; Based on the first vector tile data, the second vector tile data and a set color matching rule, color matching is performed on the first spatial data to be displayed to generate third spatial data to be displayed; The first vector tile data and the second vector tile data are both generated by the server device in response to the second browsing request based on the vector tile service provided by the database.

[0008] In some embodiments, the method further comprises: Sending a search request for a target element of the map to the server device; Receiving metadata information of the target element sent by the server device; The metadata information is obtained from the database based on a first application program interface by the server device in response to the search request.

[0009] In some embodiments, the method further comprises: The edited data is sent to the server device.

[0010] In a second aspect, an embodiment of the present application provides a map data processing method, which is applied to a server device, and the method includes: Receiving a first browsing request for a map and an editing request for a map element sent by a browser device; In response to the first browsing request, obtaining vector data corresponding to the map in a database; and generating vector tile data based on a vector tile service; Determining to generate first display data, then in response to the editing request, obtaining metadata information corresponding to the map element in the database; wherein the first display data is generated by the browser device by rendering the map based on a rendering engine and the vector tile data; Based on the first application program interface and the metadata information, acquiring the element data to be edited from the database; The vector tile data and the element data to be edited are sent to the browser device.

[0011] In some embodiments, the method further comprises: receiving a second browsing request for a target area of ​​the map sent by the browser device; In response to the second browsing request, acquiring, from the database, first vector tile data of the target area and second vector tile data of other areas in the map except the target area; The first vector tile data and the second vector tile data are sent to the browser device.

[0012] In some embodiments, the method further comprises: Receiving editing data sent by the browser device; Based on the edited data, the database is updated.

[0013] In some embodiments, the method further comprises: Acquire initial vector data of the map; Preprocessing the initial vector data; Based on a unified format conversion rule, format conversion is performed on the preprocessed initial vector data to generate the vector data; The vector data is stored in the database.

[0014] In a third aspect, an embodiment of the present application provides a map data processing device, which is applied to a browser device, and the map data processing device includes: A sending module, used for sending a first browsing request for a map and an editing request for a map element to a server device; A receiving module, configured to receive the vector tile data and the element data to be edited sent by the server device; wherein the vector tile data is generated by the server device based on the vector tile service in response to the first browsing request; A rendering module, used for rendering the map based on a rendering engine and the vector tile data to generate first spatial data to be displayed; An editing module is used to edit the map elements based on the element data to be edited to generate editing data, and to highlight the map elements based on the rendering engine to generate second spatial data to be displayed; wherein the element data to be edited is obtained from the database based on the first application program interface in response to the editing request after the server device determines to generate the first spatial data to be displayed.

[0015] In a fourth aspect, an embodiment of the present application provides a map data processing device, which is applied to a server device, and the map data processing device includes: A receiving module, used for receiving a first browsing request for a map and an editing request for a map element sent by a browser device; A slicing module, configured to obtain vector data corresponding to the map in a database in response to the first browsing request; and generate vector tile data based on a vector tile service; an acquisition module, configured to determine to generate first display data, and then, in response to the editing request, acquire metadata information corresponding to the map element in the database; wherein the first display data is generated by the browser device by rendering the map based on a rendering engine and the vector tile data; and acquire the element data to be edited from the database based on a first application program interface and the metadata information; A sending module is used to send the vector tile data and the element data to be edited to the browser device.

[0016] In a fifth aspect, an embodiment of the present application provides a browser device, comprising: a processor and a memory for storing a computer program that can be run on the processor, wherein when the processor is used to run the computer program, the steps of the method described in the first aspect of the embodiment of the present application are executed.

[0017] In a sixth aspect, an embodiment of the present application provides a server device, comprising: a processor and a memory for storing a computer program that can be run on the processor, wherein the processor, when used to run the computer program, performs the steps of the method described in the second aspect of the embodiment of the present application.

[0018] In a seventh aspect, an embodiment of the present application provides a map data processing system, the map data processing system comprising a browser device and a server device, the browser device being used to send a first browsing request for a map and an editing request for a map element to the server device; receiving vector tile data and element data to be edited sent by the server device; wherein the vector tile data is generated by the server device based on a vector tile service in response to the first browsing request; based on a rendering engine and the vector tile data, the map is rendered to generate first spatial data to be displayed; based on the element data to be edited, the map element is edited to generate editing data, and the map element is highlighted based on the rendering engine to generate second spatial data to be displayed; wherein the element data to be edited is acquired from a database based on a first application program interface in response to the editing request after the server device determines to generate the first spatial data to be displayed; The server device is used to receive a first browsing request for a map and an editing request for a map element sent by a browser device; in response to the first browsing request, obtain vector data corresponding to the map in a database; and generate vector tile data based on a vector tile service; determine to generate first display data, then in response to the editing request, obtain metadata information corresponding to the map element in the database; wherein the first display data is generated by the browser device by rendering the map based on a rendering engine and the vector tile data; based on a first application interface and the metadata information, obtain the element data to be edited from the database; and send the vector tile data and the element data to be edited to the browser device.

[0019] In an eighth aspect, an embodiment of the present application provides a computer storage medium, on which a computer program is stored. When the computer program is executed by a processor, the steps of the method described in the first and second aspects of the embodiment of the present application are implemented.

[0020] The technical solution provided by the embodiment of the present application is a map data processing method, which is applied to a browser device, and the method includes: sending a first browsing request for a map and an editing request for a map element to a server device; receiving vector tile data and element data to be edited sent by the server device; wherein the vector tile data is generated by the server device based on a vector tile service in response to the first browsing request; based on a rendering engine and the vector tile data, the map is rendered to generate first spatial data to be displayed; based on the element data to be edited, the map element is edited to generate editing data, and the map element is highlighted based on the rendering engine to generate second spatial data to be displayed; wherein the element data to be edited is obtained from a database based on a first application program interface in response to the editing request after the server device determines to generate the first spatial data to be displayed.

[0021] In this way, by decoupling the browsing and rendering of all data from the online editing of individual elements, it supports browsing and viewing of large amounts of vector data under the BS architecture while enabling the selection and editing of individual elements, thus taking into account both efficient data browsing and online editing functions and improving the user experience. BRIEF DESCRIPTION OF THE DRAWINGS

[0022] Figure 1 A flowchart of a map data processing method provided in an embodiment of the present application; Figure 2 A flowchart of another map data processing method provided in an embodiment of the present application; Figure 3 A schematic diagram of the overall process of a vector data browsing and online editing solution based on a BS architecture provided for an application example of this application; Figure 4 A schematic diagram of the structure of a map data processing device provided in an embodiment of the present application; Figure 5 A schematic diagram of the structure of another map data processing device provided in an embodiment of the present application; Figure 6 A schematic diagram of the structure of a browser device provided in an embodiment of the present application; Figure 7 A schematic diagram of the structure of a server device provided in an embodiment of the present application. DETAILED DESCRIPTION

[0023] The present application is further described in detail below with reference to the accompanying drawings and embodiments. Unless otherwise defined, all technical and scientific terms used herein are the same as those in the present application. The terms used in the specification of this application are only for the purpose of describing specific embodiments and are not intended to limit this application. In order to make the above-mentioned objects, features and advantages of this application more obvious and understandable, this application is further described in detail below in conjunction with the accompanying drawings.

[0024] The embodiment of the present application provides a map data processing system, the architecture of which is a browser / server structure, referred to as a B / S (Browser / Server) structure.

[0025] Among them, the browser side (WebGIS) is the browser device, which is the front-end interface used by users to interact with the map data processing system and the interface of the user's operating system. Users can interact with the server side through a web browser to perform operations such as map viewing, searching, and editing. Users make requests to the server side through the browser interface, and process and display the results returned by the server side. The logical functions of the system can be better demonstrated through the interface.

[0026] The server side (PostGIS), that is, the server device, is used to provide data services and then return the results to the browser side. Specifically, the server side is responsible for processing requests from the browser side and executing the corresponding business logic.

[0027] In the embodiment of the present application, the server side includes a PostgreSQL database, and PostGIS is an extension plug-in of the PostgreSQL database, which adds geospatial capabilities to the database so that geospatial data can be stored and queried. It can be understood that PostgreSQL is a basic relational database, and PostGIS is an extension of PostgreSQL to support storage and processing of spatial data.

[0028] Here, the server can provide specific services through interfaces such as the pg_tileserv tile service, so as to process requests and business logic from the browser.

[0029] Based on the above BS architecture, this application implements a map data processing method, which is applied to browser devices, such as Figure 1 As shown, the method comprises the following steps: Step 110: Send a first browsing request for a map and an editing request for a map element to a server device.

[0030] It is understandable that when a user opens a map page in a browser, the browser device will obtain a first browsing request corresponding to the user's operation, and the first browsing request is used to request display of map data. When the browser device obtains the first browser request, it sends the browsing request to the server device.

[0031] It is understandable that if the user wants to edit certain map elements on the map (such as roads, buildings, etc.), for example, by clicking or selecting the map element with the mouse, the browser device will automatically switch to online editing mode after receiving the user's interactive operation.

[0032] After the online editing mode is started, the selected map element on the map becomes editable, allowing the user to modify it, such as changing the position, shape or attribute, etc. At this time, the browser device obtains the edit request for the map element and sends the edit request to the server device.

[0033] Step 120: receiving vector tile data and feature data to be edited sent by the server device; wherein the vector tile data is generated by the server device based on the vector tile service in response to the first browsing request.

[0034] It should be noted that in the embodiment of the present application, before receiving the feature data to be edited, the browser device needs to complete the reception of the vector tile data and the subsequent rendering operation, because only after rendering can the user view the map and have the prerequisite for editing, thereby further editing.

[0035] That is, browsing behavior precedes editing behavior, and the specific operation sequence is user browsing - browser sends tile request - browser receives tile data from server - rendering - editing.

[0036] It is understandable that the server device can generate vector tile data through the MVT (Mapbox Vector Tile) vector tile service provided by pg_tileserv (an open server that provides tile services based on PostGIS implemented in Go language). The vector tile data will be sent back to the browser device for display to the user.

[0037] Here, the pg_featureserv feature service of the server device also provides a RESTful Web service API based on HTTP as a first application program interface. The API may be an API that complies with the Open Geospatial Consortium (OGC) standard, namely, the OGC API.

[0038] It is understandable that for an editing request, the server device will obtain the specific information of the map element that the user wants to edit, that is, the element data to be edited, from the database through the first application program interface (API) and send it to the browser device so that the user can perform editing operations on the browser side.

[0039] Correspondingly, the browser device will receive the vector tile data and the feature data to be edited sent by the server device.

[0040] Step 130: Rendering the map based on the rendering engine and the vector tile data to generate first spatial data to be displayed.

[0041] It is understandable that after receiving the vector tile data, the browser device uses a built-in rendering engine to convert the data into a visual map, thereby generating the first spatial data to be displayed. The rendering engine here is a WebGIS (WebGeographic Information System) engine. The "first spatial data to be displayed" here refers to the basic visual version obtained by rendering the vector tile data, excluding any editing marks or highlights.

[0042] For example, suppose there is a map showing the provincial administrative divisions of China, and the data behind the map is stored in a PostgreSQL database. pg_tileserv provides an MVT service that can output MVT vector tile data for efficient transmission and rendering. The WebGIS engine can read these vector tile data and render them in real time to generate the first spatial data to be displayed.

[0043] Step 140: Based on the element data to be edited, the map elements are edited to generate edit data, and the map elements are highlighted based on the rendering engine to generate second spatial data to be displayed; wherein the element data to be edited is obtained from the database based on the first application program interface in response to the edit request after the server device determines to generate the first spatial data to be displayed.

[0044] It should be noted that the browser renders the map based on the rendering engine and vector tile data to generate the first spatial data to be displayed. After the server device determines to generate the first spatial data to be displayed, it responds to the editing request and obtains the feature data to be edited from the database based on the first application interface.

[0045] It is understandable that when the browser device receives the element data to be edited sent by the server, it directly edits the specific element on the map based on the element data to be edited. After the editing operation is completed, the editing data is generated. Then, in order to highlight the edited element, the browser device will highlight the map element selected on the map and generate an updated map view, that is, the second spatial data to be displayed.

[0046] For example, when a user interacts with a map, he or she may click a feature in the MVT service layer (eg, a certain administrative division boundary, such as Beijing) with a mouse, and this operation triggers the loading of the feature data to be edited in the first interface, and highlights it.

[0047] In this way, by decoupling the browsing and rendering of all data from the online editing of individual elements, it supports browsing and viewing of large amounts of vector data under the BS architecture while enabling the selection and editing of individual elements, thus taking into account both data browsing effects and online editing functions and improving the user experience.

[0048] In some embodiments, the method further comprises: sending a second browsing request for the target area of ​​the map to the server device; Receiving first vector tile data of a target area and second vector tile data of other areas in the map except the target area, sent by a server device; Based on the first vector tile data, the second vector tile data and the set color matching rule, the first to-be-displayed spatial data is color matched to generate third to-be-displayed spatial data; The first vector tile data and the second vector tile data are both generated by the server device in response to the second browsing request based on the vector tile service provided by the database.

[0049] It is understandable that, considering that the user needs to browse a specific area (target area) on the map, at this time, the browser device sends a second browsing request for the target area of ​​the map to the server device, requesting map data of the specific area.

[0050] It can be understood that after the server device responds to the second browsing request, it will generate the first vector tile data of the target area and the second vector tile data of the non-target area at the same time. The first vector tile data and the second vector tile data are both generated by the server device in response to the second browsing request by the vector tile service provided by the database, and the first vector tile data and the second vector tile data are sent back to the browser device.

[0051] It is understandable that after receiving the first vector tile data and the second vector tile data, the browser device will perform color processing on these data according to a preset color matching rule. The color matching rule can be determined by the user according to the type of business scenario.

[0052] After color processing, the original first spatial data to be displayed will be updated to the third spatial data to be displayed. This new version of the map not only includes the basic view, but also is colored according to the data of the target area and other areas to enhance the visual effect and information communication capabilities.

[0053] For example, taking a map of administrative divisions of major countries and regions in the world as an example, the map includes a map of China's provincial-level administrative divisions, and the map of China's provincial-level administrative divisions is the target area.

[0054] The Maputnik tool is a tool for vector map style design and configuration, which can be used to define the colors and other visual attributes of different regions. In the embodiment of the present application, the Maputnik tool can be used to color the first data to be displayed based on the vector tile data corresponding to the provincial administrative divisions of China and other regions in the world, and these regions are superimposed and displayed. Specifically, different fill colors and wireframe colors are configured for the Chinese region and other regions in the world. Next, the colored map is loaded using the WebGIS engine.

[0055] Compared with using the WebGIS engine to directly load GeoJSON format data, which cannot friendly support the transmission and rendering of elements of this magnitude, the embodiment of the present application generates the third spatial data to be displayed by coloring the first spatial data to be displayed based on the first vector tile data, the second vector tile data and the set color matching rules, without obvious slow loading and jamming problems.

[0056] In some embodiments, the method further comprises: Sending a search request for a target element of the map to a server device; receiving metadata of a target element sent by a server device; The metadata information is obtained from the database based on the first application program interface by the server device in response to the search request.

[0057] It is understandable that the browser device sends a request to the server device to retrieve information about a specific geographic element (e.g., an area or point on a map). The retrieval here includes a point-selection query or a polygon query. The point-selection query is for the target element corresponding to a single point, while the polygon query is used to select all target elements in a specific area. Exemplarily, the browser device can click on the target element under the MVT service layer.

[0058] In response to the request, the server device retrieves metadata information of the target element from a database through a first application program interface (API) and sends the metadata information to the client, thereby implementing metadata retrieval of the specified element.

[0059] In some embodiments, the method further comprises: Send edited data to the server device.

[0060] It is understandable that in order to ensure that the database can be updated in a timely manner, after generating the edit data, the browser device sends the edit data to the server device to update the database.

[0061] The present application also provides a map data processing method, which is applied to a server device, such as Figure 2 As shown, the specific steps are as follows: Step 210: Receive a first browsing request for a map and an editing request for a map element sent by a browser device.

[0062] It is understandable that the browser device sends two requests to the server: one is for loading the base view of the map (the first browsing request), and the other is a request sent when the user needs to edit certain elements on the map (the editing request). Accordingly, the server device receives the first browsing request and the editing request.

[0063] Step 220: in response to the first browsing request, obtain vector data corresponding to the map in the database; and generate vector tile data based on the vector tile service.

[0064] It is understood that vector data is a geospatial data format used to represent geographic features such as points, lines, and surfaces on a map. Unlike raster images, vector data can be infinitely scaled without distortion, making it very suitable for use in map applications.

[0065] Exemplarily, the server device is provided with a PostgreSQL database, the database connection is configured to pg_tileserv and pg_featureserv, and the service is started.

[0066] Here, pg_tileserv / pg_featureserv are both open source (or non-open source but usable) services implemented in Go language, based on the capabilities provided by PostGIS. Their main services are vector tile service and RESTful API interface.

[0067] It is understandable that after responding to the first browsing request, the server device will extract the corresponding vector tile data based on the vector data service of pg_tileserv and send it back to the browser device.

[0068] Step 230: Determine to generate the first display data, then in response to the editing request, obtain metadata information corresponding to the map element in the database; wherein the first display data is generated by rendering the map by the browser device based on the rendering engine and vector tile data; based on the first application interface and the metadata information, obtain the element data to be edited from the database.

[0069] It is understandable that since the premise of editing is to generate a rendered map, namely the first display data, the first display data is generated by rendering the map based on the rendering engine and the vector tile data, so that the user can view the map and perform editing operations.

[0070] It is understandable that the server device also first obtains metadata information corresponding to the map element from the database in response to the edit request. The metadata information here includes the gid (Global Identifier) ​​field information in the metadata, and gid is a globally unique identifier used to uniquely identify each element in the map.

[0071] It can be understood that the embodiment of the present application establishes a connection with the database based on the first application program interface, and retrieves the specific information of the map element that the user wants to edit from the database based on the metadata information, thereby generating the element data to be edited and sending it to the browser device. The browser device receives the vector tile data and the element data to be edited sent by the server device.

[0072] It is understandable that the feature data to be edited can be GeoJSON format data. It should be noted that GeoJSON format is a lightweight, easy-to-read text format suitable for use in network transmission. In vector feature services, GeoJSON format can be used to encode spatial information into geometric types (such as points, lines, and surfaces) and their coordinate information, so as to display and render them in the front-end map library. The server obtains the geographic information feature data to be edited, and organizes the spatial information and attribute information according to the specified encoding method so that it can be transmitted to the target terminal. The spatial information is organized in GeoJSON format so that the data can be transmitted to the browser device in a lightweight and easy-to-read manner to meet the display and rendering requirements of the map.

[0073] Exemplarily, during human-computer interaction, the map element of the MVT service layer is selected by mouse click. If it is in editing mode, the server device calls the interface provided in step 3 to obtain the GeoJSON format data of the element according to the gid field in the metadata of the map element, and sends it to the browser device for loading and highlighting.

[0074] Step 240: Send the vector tile data and the feature data to be edited to the browser device.

[0075] It is understandable that the server will send the generated vector tile data and the element data to be edited back to the browser device, so as to ensure that the browser device generates the first data to be displayed and edits the selected element.

[0076] In this way, by decoupling the browsing and rendering of all data from the online editing of individual elements, it supports browsing and viewing of large amounts of vector data under the BS architecture while enabling the selection and editing of individual elements, thus taking into account both data browsing effects and online editing functions and improving the user experience.

[0077] In some embodiments, the method further comprises: receiving a second browsing request for a target area of ​​the map sent by a browser device; In response to the second browsing request, acquiring first vector tile data of the target area and second vector tile data of other areas in the map except the target area from the database; The first vector tile data and the second vector tile data are sent to a browser device.

[0078] It is understandable that the server device receives a new browsing request (i.e., a second browsing request) for a specific target area of ​​the map from the browser device. In response to this request, the server extracts the relevant vector tile data of the target area from the database (the first vector tile data), and also obtains data of other non-target areas on the map (the second vector tile data). The server sends these two parts of vector tile data to the browser device so that the browser device can display a complete map view.

[0079] In some embodiments, the method further comprises: Receiving a retrieval request for a target element of a map sent by a browser device; In response to the retrieval request, metadata information of the target element is obtained from the database based on the first application program interface.

[0080] Exemplarily, the browser device clicks on the MVT service layer and sends a retrieval request to the server device. In response to the retrieval request, the server device can obtain the vector tile layer where the target element is located, parse the vector tile layer, and retrieve the metadata information corresponding to the target element from the database.

[0081] Exemplarily, the PostgreSQL database account configures the database connection of pg_featureserv, starts the service, and provides a first application program interface, namely, a RESTful Web service API based on HTTP, for accessing metadata corresponding to the MVT vector service, thereby supporting full data retrieval and specified feature metadata retrieval.

[0082] In some embodiments, the method further comprises: Receive editing data sent by the browser device; Based on the edited data, the database is updated.

[0083] In some embodiments, the method further comprises: Get the initial vector data of the map; Preprocessing the initial vector data; Based on a unified format conversion rule, the format of the preprocessed initial vector data is converted to generate vector data; Store vector data in the database.

[0084] It is understandable that the server device first needs to obtain the original vector data of the map, that is, the initial vector quantity. This data may come from different sources, such as GIS files (such as Shapefile), other databases, network services, etc. The preprocessing step includes operations such as data cleaning to ensure the accuracy and consistency of the data.

[0085] For example, due to the differences in the definition and storage structure of vector map data in different GIS (Geographic Information Systems), the initial vector data of the map needs to be pre-processed separately, such as cleaning and warehousing, and storing in a PostgreSQL database.

[0086] In addition, in order to avoid the problem of incompatibility of data formats, the format of the preprocessed initial vector data can be converted based on a unified format conversion rule to generate vector data, and the vector data can be stored in the database. For example, the conversion tool can be PostGIS Bundle 1 for PostgreSQL x64 14 Shapefileand DBF Loader Exporter. This is a tool for importing Shapefile and other formats of data into a PostgreSQL database.

[0087] In this way, the accuracy and consistency of vector data can be ensured, while also ensuring that the data can be effectively stored and queried in a specific database system, especially when it is necessary to process data from multiple different sources.

[0088] Below, the embodiment of the present application is described in detail with reference to an application example.

[0089] Vector data is a data type used to represent geographic features in a geographic information system (GIS). It uses points, lines, and polygons to represent objects in the real world. It is very suitable for representing geographic features with clear boundaries and shapes, such as roads, rivers, buildings, and administrative divisions. Vector data can be stored and transmitted in a variety of formats, such as Shapefile, GeoJSON, KML, MVT, GeoPackage, etc. Each format has its own characteristics and applicable scenarios. Vector data can be processed using Web GIS engines, such as Cesium, OpenLayers, Leaflet, and Mapbox. These engines provide the functions of loading, editing, querying, and rendering vector data to varying degrees, but they cannot meet the needs of browsing and editing vector data in business scenarios. Taking Cesium as an example, it can load and edit data in GeoJSON format, but when the data reaches a certain level, it often cannot be loaded directly or loads very slowly and freezes. However, if it is not loaded in GeoJSON format, it is difficult to implement interactive editing functions based on map engines.

[0090] Based on this, how to efficiently browse and edit vector data online in the same business scenario under the BS architecture is the primary technical problem to be solved in this application example. To this end, the purpose of this application example is to provide a vector data browsing and online editing solution based on the BS architecture.

[0091] The vector data browsing and online editing method based on BS architecture is a method that separates data rendering from online editing. This technology first cleans and stores vector data in various common formats into a PostgreSQL database with PostGIS extension enabled, where the spatial data field is in Geometry format with clear coordinate system and feature type; secondly, it relies on the underlying retrieval interface and data service provided by pg_tileserv and other platforms and renders and interacts based on the Web GIS engine, rendering all vector data in real time and dynamically in the form of vector services in the Web GIS engine; then, when a feature is interactively selected, the feature information is queried based on the underlying retrieval interface provided by pg_featureserv and other platforms and highlighted based on the WebGIS engine, and the user is allowed to edit when the edit mode is enabled; finally, the edited results are passed to the server for data update and storage, and the data returned by the data service and retrieval interface is refreshed immediately.

[0092] In this way, by decoupling the browsing and rendering of all data from the online editing of individual elements, it is possible to support browsing and viewing of large amounts of vector data under the BS architecture while selecting and editing individual elements. The editing results are immediately stored in the database, taking into account both data browsing effects and online editing functions, thereby supporting the construction of a system that meets user needs and provides a good user experience.

[0093] like Figure 3 As shown, Figure 3 The following is a schematic diagram of the overall process of the vector data browsing and online editing solution based on the BS architecture in this application example. Figure 3 In the example, other formats of data represent the original data source, including various file formats such as Shapefile, GeoJSON, etc.

[0094] PostGIS: Set up on the server device side, these other formats of data are imported into the PostgreSQL database and stored and managed using the PostGIS extension. PostGIS is an open source geospatial database extension that allows geospatial objects to be stored and manipulated in the PostgreSQL database.

[0095] MVT service and OGC API: MVT service provides map tiles, usually implemented using tools such as pg_tileserv, which can dynamically generate vector tiles based on requests. The OGC API provides a standard interface for accessing and manipulating geospatial data. They are all published via HTTP protocol. pg_featureserv is an example of a RESTful API service based on PostGIS.

[0096] Here, PostgreSQL->PostGIS->pg_tileserv / pg_featureserv, the relationship is that PostgreSQL is a basic relational database, PostGIS is an extension of PostgreSQL, used to support the storage and processing of spatial data, etc. pg_tileserv / pg_featureserv are both open source services implemented in Go language, based on the capabilities provided by PostGIS, and the main services are vector tile service and RESTful API interface.

[0097] WebGIS: This is the user interface layer, which is the aforementioned browser device. Users can view and interact with maps through the browser. WebGIS can receive user input and then forward the request to the corresponding service.

[0098] Point and polygon queries: These are operations that users may perform. Point queries target a single point, while polygon queries are used to select all features within a specific area. If the user makes changes to the map, these changes are submitted back to the database and the associated services are updated.

[0099] Build your own services: Finally, users can create their own services so that others can access their data or applications.

[0100] It is understandable that in a map browsing system built based on open source tools such as pg_tileserv and pg_featureserv, although these tools provide core vector tile services and RESTful API interface functions, for the data update part, users need to develop additional services themselves to implement specific business logic.

[0101] At the same time, in order to ensure the security and data integrity of the database, the database account configured for pg_tileserv and pg_featureserv should have limited permissions, granting only the necessary SELECT and EXECUTE permissions, so as to prevent these services from directly modifying the data in the database. For services that need to perform update operations, a database account with UPDATE permissions should be used to ensure that only authenticated services can modify data.

[0102] Based on this, it specifically includes the following contents: Step 1: After obtaining the administrative division data of China's provinces and major countries and regions in the world, the original data is in Shapefile format. Clean the data and store them in the PostgreSQL database. The gemo field needs to be explicitly specified as Geometry (MultiPolygon, 4326). The two data tables china_provinces and world_adm1 are obtained, both in public mode. The conversion tool can be PostGIS PostGIS Bundle 1 forPostgreSQL x64 14 Shapefile and DBF Loader Exporter, and the same applies to other vector data.

[0103] Step 2: Create a PostgreSQL database account, grant only the SELECT permission for the data table that needs to publish services and the EXECUTE permission for the function that needs to be executed, configure the database connection using this account to pg_tileserv and set other configuration items, start the service, and provide MVT vector tile services.

[0104] Step 3: Use the PostgreSQL database account set in step 2 to configure the database connection of pg_featureserv and start the service. Provide an HTTP-based RESTful Web service API for accessing the metadata corresponding to the MVT vector service published in step 2. Support full data retrieval and specified feature metadata retrieval.

[0105] Step 4: Color the MVT vector service published in step 2 according to the business scenario. You can use the maputnik tool to color the two vectors published in step 2 and display them in an overlapping manner, and configure different fill colors and wireframe colors for the Chinese region and other regions in the world. Use the WebGIS engine to load the color-matched service. Taking Infoearth3d (SDK based on Cesium encapsulation) as an example, you need to call its encapsulated MVT layer class for loading. At this time, the loading range is global and the number of features is more than 3,700. There is no obvious slow loading and jamming problem. If you use this engine to directly load GeoJSON format data, it cannot support the transmission and rendering of this level of features in a friendly manner.

[0106] Step 5: During human-computer interaction, click the MVT service layer with the mouse to obtain metadata and display it. If it is in edit mode, call the interface provided in step 3 according to the gid field in the metadata to obtain the GeoJSON format data of the feature, load it and highlight it.

[0107] Step 6: Edit the GeoJSON data through the editing function provided by the WebGIS engine, and submit the edited results to the server after confirmation. The server (the database connection of this server needs to be configured as a database account with more modification and execution permissions such as UPDATE) receives the gid, GeoJSON or other metadata parameters and writes them to the database. The data and services are updated immediately, that is, the data service in step 2 and the interface data in step 3 have been updated to the edited results.

[0108] In order to implement the method of the embodiment of the present application, the embodiment of the present application also provides a map data processing device, which is applied to a browser device. The map data processing device corresponds to the above-mentioned map data processing method, and each step in the above-mentioned map data processing method embodiment is also fully applicable to this map data processing device embodiment.

[0109] like Figure 4 As shown, the map data processing device 400 includes: a sending module 401, a receiving module 402, a rendering module 403 and an editing module 404. The sending module 401 is used to send a first browsing request for a map and an editing request for a map element to a server device; the receiving module 402 is used to receive vector tile data and element data to be edited sent by the server device; wherein the vector tile data is generated by the server device based on the vector tile service in response to the first browsing request; the rendering module 403 is used to render the map based on the rendering engine and the vector tile data to generate the first spatial data to be displayed; the editing module 404 is used to edit the map element based on the element data to be edited to generate the editing data, and highlight the map element based on the rendering engine to generate the second spatial data to be displayed, wherein the element data to be edited is obtained from the database based on the first application program interface in response to the editing request after the server device determines to generate the first spatial data to be displayed.

[0110] In some embodiments, the sending module 401 is also used to send a second browsing request for a target area of ​​the map to a server device; the receiving module 402 is also used to receive the first vector tile data of the target area and the second vector tile data of other areas in the map except the target area sent by the server device; the map data processing device also includes a color matching module 405, which is used to color the first spatial data to be displayed based on the first vector tile data, the second vector tile data and the set color matching rules to generate third spatial data to be displayed; wherein the first vector tile data and the second vector tile data are both generated by the server device in response to the second browsing request based on the vector tile service provided by the database.

[0111] In some embodiments, the sending module 401 is also used to send a retrieval request for a target element of a map to a server device; the receiving module 402 is also used to receive metadata information of the target element sent by the server device; wherein the metadata information is obtained from the database by the server device in response to the retrieval request based on the first application program interface.

[0112] In some embodiments, the sending module 401 is further used to send the edited data to a server device.

[0113] In actual application, the sending module 401, the receiving module 402, the rendering module 403, the editing module 404 and the color matching module 405 can be implemented by a processor in the map data processing device. Of course, the processor needs to run the computer program in the memory to realize its function.

[0114] It should be noted that: the map data processing device provided in the above embodiment only uses the division of the above program modules as an example to illustrate when processing map data. In actual applications, the above processing can be assigned to different program modules as needed, that is, the internal structure of the device is divided into different program modules to complete all or part of the above-described processing. In addition, the map data processing device provided in the above embodiment and the map data processing method embodiment belong to the same concept, and the specific implementation process is detailed in the method embodiment, which will not be repeated here.

[0115] In order to implement the method of the embodiment of the present application, the embodiment of the present application also provides a map data processing device, which is applied to a server device. The map data processing device corresponds to the above-mentioned map data processing method, and each step in the above-mentioned map data processing method embodiment is also fully applicable to this map data processing device embodiment.

[0116] like Figure 5 As shown, the map data processing device 500 includes: a receiving module 501, a slicing module 502, an acquisition module 503 and a sending module 504. The receiving module 501 is used to receive a first browsing request for a map and an editing request for a map element sent by a browser device; the slicing module 502 is used to respond to the first browsing request, obtain vector data corresponding to the map in a database; and generate vector tile data based on a vector tile service; the acquisition module 503 is used to determine to generate the first display data, and then respond to the editing request, obtain metadata information corresponding to the map element in the database; based on the first application program interface and the metadata information, obtain the element data to be edited from the database; the sending module 504 is used to send the vector tile data and the element data to be edited to the browser device.

[0117] In some embodiments, the receiving module 501 is also used to receive a second browsing request for a target area of ​​the map sent by a browser device; the acquiring module 503 is also used to obtain, in response to the second browsing request, first vector tile data of the target area and second vector tile data of other areas in the map except the target area from a database; the sending module 504 is used to send the first vector tile data and the second vector tile data to the browser device.

[0118] In some embodiments, the receiving module 501 is further used to receive editing data sent by the browser device; the map data processing device also includes an updating module 505, which is used to update the database based on the editing data.

[0119] In some embodiments, the acquisition module 503 is also used to acquire the initial vector data of the map; the map data processing device also includes a preprocessing module 506 for preprocessing the initial vector data; the map data processing device also includes a conversion module 507 for format conversion of the preprocessed initial vector data based on a unified format conversion rule to generate vector data; and the vector data is stored in a database.

[0120] In actual application, the receiving module 501, the slicing module 502, the acquiring module 503, the sending module 504, the updating module 505, the pre-processing module 506 and the converting module 507 can be implemented by a processor in the map data processing device. Of course, the processor needs to run the computer program in the memory to realize its function.

[0121] It should be noted that: the map data processing device provided in the above embodiment only uses the division of the above program modules as an example to illustrate when processing map data. In actual applications, the above processing can be assigned to different program modules as needed, that is, the internal structure of the device is divided into different program modules to complete all or part of the above-described processing. In addition, the map data processing device provided in the above embodiment and the map data processing method embodiment belong to the same concept, and the specific implementation process is detailed in the method embodiment, which will not be repeated here.

[0122] Based on the hardware implementation of the above program modules, and in order to implement the method of the embodiment of the present application, the embodiment of the present application also provides a browser device. Figure 6Only an exemplary structure of the browser device is shown, not the entire structure. Part of the structure or the entire structure shown in FIG. 6 can be implemented as needed. As shown in FIG. 6 , the browser device 600 provided in the embodiment of the present application includes: at least one processor 601, a memory 602, a user interface 603, and at least one network interface 604. The various components in the browser device 600 are coupled together through a bus system 605. It can be understood that the bus system 605 is used to realize the connection and communication between these components. In addition to the data bus, the bus system 605 also includes a power bus, a control bus, and a status signal bus. However, for the sake of clarity, various buses are marked as bus systems 605 in FIG. 6.

[0123] The user interface 603 may include a display, a keyboard, a mouse, a trackball, a click wheel, keys, buttons, a touch pad or a touch screen.

[0124] The memory 602 in the embodiment of the present application is used to store various types of data to support the operation of the browser device. Examples of such data include: any computer program used to operate on the browser device.

[0125] The control method of the browser device disclosed in the embodiment of the present application can be applied to the processor 601, or implemented by the processor 601. The processor 601 may be an integrated circuit chip with signal processing capabilities. In the implementation process, each step of the control method of the browser device can be completed by the hardware integrated logic circuit or software instructions in the processor 601. The above-mentioned processor 601 can be a general-purpose processor, a digital signal processor (DSP, Digital Signal Processor), or other programmable logic devices, discrete gates or transistor logic devices, discrete hardware components, etc. The processor 601 can implement or execute the various methods, steps and logic block diagrams disclosed in the embodiment of the present application. The general-purpose processor can be a microprocessor or any conventional processor, etc. In combination with the steps of the method disclosed in the embodiment of the present application, it can be directly embodied as a hardware decoding processor to execute, or it can be executed by a combination of hardware and software modules in the decoding processor. The software module can be located in a storage medium, which is located in the memory 602. The processor 601 reads the information in the memory 602 and completes the steps of the control method of the browser device provided in the embodiment of the present application in combination with its hardware.

[0126] In an exemplary embodiment, the browser device may be implemented by one or more application specific integrated circuits (ASIC), DSP, programmable logic device (PLD), complex programmable logic device (CPLD), field programmable gate array (FPGA), general processor, controller, microcontroller (MCU), microprocessor, or other electronic components to execute the aforementioned method.

[0127] It can be understood that the memory 602 can be a volatile memory or a non-volatile memory, and can also include both volatile and non-volatile memories. Among them, the non-volatile memory can be a read-only memory (ROM), a programmable read-only memory (PROM), an erasable programmable read-only memory (EPROM), an electrically erasable programmable read-only memory (EEPROM), or an electrically erasable programmable read-only memory (EEPROM). Erasable Programmable Read-Only Memory), ferromagnetic random access memory (FRAM), flash memory, magnetic surface memory, optical disk, or compact disc read-only memory (CD-ROM); magnetic surface memory can be disk memory or. Volatile memory can be random access memory (RAM), which is used as an external cache. By way of example but not limitation, many forms of RAM are available, such as static random access memory (SRAM). Access Memory), Synchronous Static Random Access Memory (SSRAM), Dynamic Random Access Memory (DRAM), Synchronous Dynamic Random Access Memory (SDRAM), Double Data Rate Synchronous Dynamic Random Access Memory (DDRSDRAM), Enhanced Synchronous Dynamic Random Access Memory (ESDRAM), SyncLink Dynamic Random Access Memory (SLDRAM), Direct Rambus Random Access Memory (DRRAM). The memories described in the embodiments of the present application are intended to include but are not limited to these and any other suitable types of memories.

[0128] Based on the hardware implementation of the above program modules, and in order to implement the method of the embodiment of the present application, the embodiment of the present application also provides a server device. Figure 7 Only an exemplary structure of the server device is shown instead of the entire structure. Part or all of the structures shown in FIG. 7 may be implemented as needed. As shown in FIG. 7 , the server device 700 provided in the embodiment of the present application includes: at least one processor 701, a memory 702, a user interface 703, and at least one network interface 704. The various components in the server device 700 are coupled together via a bus system 705. It can be understood that the bus system 705 is used to achieve connection and communication between these components. In addition to the data bus, the bus system 705 also includes a power bus, a control bus, and a status signal bus. However, for the sake of clarity, various buses are labeled as bus systems 705 in FIG. 7 .

[0129] The user interface 703 may include a display, a keyboard, a mouse, a trackball, a click wheel, keys, buttons, a touch pad or a touch screen.

[0130] The memory 702 in the embodiment of the present application is used to store various types of data to support the operation of the server device. Examples of such data include: any computer program used to operate on the server device.

[0131] The control method of the server device disclosed in the embodiment of the present application can be applied to the processor 701, or implemented by the processor 701. The processor 701 may be an integrated circuit chip with signal processing capabilities. In the implementation process, each step of the control method of the server device can be completed by the hardware integrated logic circuit or software instructions in the processor 701. The above-mentioned processor 701 may be a general-purpose processor, a digital signal processor (DSP, Digital Signal Processor), or other programmable logic devices, discrete gates or transistor logic devices, discrete hardware components, etc. The processor 701 can implement or execute the various methods, steps and logic block diagrams disclosed in the embodiment of the present application. The general-purpose processor may be a microprocessor or any conventional processor, etc. In combination with the steps of the method disclosed in the embodiment of the present application, it can be directly embodied as a hardware decoding processor to execute, or it can be executed by a combination of hardware and software modules in the decoding processor. The software module may be located in a storage medium, which is located in the memory 702. The processor 701 reads the information in the memory 702 and completes the steps of the control method of the server device provided in the embodiment of the present application in combination with its hardware.

[0132] In an exemplary embodiment, the server device may be implemented by one or more application specific integrated circuits (ASIC), DSP, programmable logic device (PLD), complex programmable logic device (CPLD), field programmable gate array (FPGA), general processor, controller, microcontroller (MCU), microprocessor, or other electronic components to execute the aforementioned method.

[0133] It can be understood that the memory 702 can be a volatile memory or a non-volatile memory, and can also include both volatile and non-volatile memories. Among them, the non-volatile memory can be a read-only memory (ROM), a programmable read-only memory (PROM), an erasable programmable read-only memory (EPROM), an electrically erasable programmable read-only memory (EEPROM), or an electrically erasable programmable read-only memory (EEPROM). Erasable Programmable Read-Only Memory), ferromagnetic random access memory (FRAM), flash memory, magnetic surface memory, optical disk, or compact disc read-only memory (CD-ROM); magnetic surface memory can be disk memory or. Volatile memory can be random access memory (RAM), which is used as an external cache. By way of example but not limitation, many forms of RAM are available, such as static random access memory (SRAM). Access Memory), Synchronous Static Random Access Memory (SSRAM), Dynamic Random Access Memory (DRAM), Synchronous Dynamic Random Access Memory (SDRAM), Double Data Rate Synchronous Dynamic Random Access Memory (DDRSDRAM), Enhanced Synchronous Dynamic Random Access Memory (ESDRAM), SyncLink Dynamic Random Access Memory (SLDRAM), Direct Rambus Random Access Memory (DRRAM). The memories described in the embodiments of the present application are intended to include but are not limited to these and any other suitable types of memories.

[0134] The embodiment of the present application also provides a map data processing system, which includes a browser device and a server device, wherein the browser device is used to send a first browsing request for a map and an editing request for a map element to the server device; receive vector tile data and element data to be edited sent by the server device; wherein the vector tile data is generated by the server device based on a vector tile service in response to the first browsing request; based on a rendering engine and the vector tile data, the map is rendered to generate first spatial data to be displayed; based on the element data to be edited, the map element is edited to generate editing data, and the map element is highlighted based on the rendering engine to generate second spatial data to be displayed; wherein the element data to be edited is obtained from a database based on a first application program interface in response to the editing request after the server device determines to generate the first spatial data to be displayed; The server device is used to receive a first browsing request for a map and an editing request for a map element sent by a browser device; in response to the first browsing request, obtain vector data corresponding to the map in a database; and generate vector tile data based on a vector tile service; determine to generate first display data, then in response to the editing request, obtain metadata information corresponding to the map element in the database; wherein the first display data is generated by rendering the map by the browser device based on a rendering engine and vector tile data; based on a first application interface and metadata information, obtain element data to be edited from a database; and send the vector tile data and element data to be edited to the browser device.

[0135] In an exemplary embodiment, the present application also provides a computer storage medium, which can be a computer-readable storage medium, on which a computer program is stored, and the computer program can be executed by a processor to complete the steps of the method of the present application. The computer-readable storage medium can be a memory such as ROM, PROM, EPROM, EEPROM, Flash Memory, magnetic surface storage, optical disk, or CD-ROM.

[0136] It should be noted that: "first", "second", etc. are used to distinguish similar objects, and are not necessarily used to describe a specific order or sequence.

[0137] In addition, the technical solutions described in the embodiments of the present application can be combined arbitrarily without conflict.

[0138] The above are only specific implementations of the present application, but the protection scope of the present application is not limited thereto. Any technician familiar with the technical field can easily think of changes or substitutions within the technical scope disclosed in the present application, which should be included in the protection scope of the present application. Therefore, the protection scope of the present application should be based on the protection scope of the claims.

Claims

1. A map data processing method, characterized in that: Applied to a browser device, the method comprises: Sending a first browse request for a map and an edit request for a map element to a server device; Receiving vector tile data and feature data to be edited sent by the server device; wherein the vector tile data is generated by the server device based on a vector tile service in response to the first browsing request; Rendering the map based on a rendering engine and the vector tile data to generate first spatial data to be displayed; Based on the element data to be edited, the map element is edited to generate edit data, and based on the rendering engine, the map element is highlighted to generate second spatial data to be displayed; wherein, after the element data to be edited is determined by the server device to generate the first spatial data to be displayed, it is obtained from the database based on the first application program interface in response to the edit request.

2. The map data processing method according to claim 1, characterized in that: The method further comprises: sending a second browsing request for a target area of ​​the map to the server device; receiving first vector tile data of the target area and second vector tile data of other areas in the map except the target area, sent by the server device; Based on the first vector tile data, the second vector tile data and a set color matching rule, color matching is performed on the first spatial data to be displayed to generate third spatial data to be displayed; The first vector tile data and the second vector tile data are both generated by the server device in response to the second browsing request based on the vector tile service provided by the database.

3. The map data processing method according to claim 1, characterized in that: The method further comprises: Sending a search request for a target element of the map to the server device; Receiving metadata information of the target element sent by the server device; The metadata information is obtained from the database based on the first application program interface by the server device in response to the search request.

4. The map data processing method according to claim 1, characterized in that: The method further comprises: The edited data is sent to the server device.

5. A map data processing method, characterized in that: Applied to a server device, the method comprises: Receiving a first browsing request for a map and an editing request for a map element sent by a browser device; In response to the first browsing request, obtaining vector data corresponding to the map in a database; and generating vector tile data based on a vector tile service; Determining to generate first display data, then in response to the editing request, obtaining metadata information corresponding to the map element in the database; wherein the first display data is generated by the browser device by rendering the map based on a rendering engine and the vector tile data; Based on the first application program interface and the metadata information, acquiring the element data to be edited from the database; The vector tile data and the element data to be edited are sent to the browser device.

6. The method according to claim 5, characterized in that The method further comprises: receiving a second browsing request for a target area of ​​the map sent by the browser device; In response to the second browsing request, acquiring, from the database, first vector tile data of the target area and second vector tile data of other areas in the map except the target area; The first vector tile data and the second vector tile data are sent to the browser device.

7. The method according to claim 5, characterized in that The method further comprises: Receiving editing data sent by the browser device; Based on the edited data, the database is updated.

8. The method according to claim 5, characterized in that The method further comprises: Acquire initial vector data of the map; Preprocessing the initial vector data; Based on a unified format conversion rule, format conversion is performed on the preprocessed initial vector data to generate the vector data; The vector data is stored in the database.

9. A map data processing device, characterized in that: Applied to a browser device, the map data processing device comprises: A sending module, used for sending a first browsing request for a map and an editing request for a map element to a server device; A receiving module, configured to receive the vector tile data and the element data to be edited sent by the server device; wherein the vector tile data is generated by the server device based on the vector tile service in response to the first browsing request; A rendering module, used for rendering the map based on a rendering engine and the vector tile data to generate first spatial data to be displayed; An editing module is used to edit the map elements based on the element data to be edited to generate editing data, and to highlight the map elements based on the rendering engine to generate second spatial data to be displayed; wherein the element data to be edited is obtained from the database based on the first application program interface in response to the editing request after the server device determines to generate the first spatial data to be displayed.

10. A map data processing device, characterized in that: Applied to a server device, the map data processing device comprises: A receiving module, used for receiving a first browsing request for a map and an editing request for a map element sent by a browser device; A slicing module, configured to obtain vector data corresponding to the map in a database in response to the first browsing request; and generate vector tile data based on a vector tile service; an acquisition module, configured to determine to generate first display data, and then, in response to the editing request, acquire metadata information corresponding to the map element in the database; wherein the first display data is generated by the browser device by rendering the map based on a rendering engine and the vector tile data; and acquire the element data to be edited from the database based on a first application program interface and the metadata information; A sending module is used to send the vector tile data and the element data to be edited to the browser device.

Images