Store display method and device, electronic equipment and computer readable storage medium
By calculating the placement of the target store on the map page and rendering the store icons in batches, the problem of the surge in resource usage in map rendering of multiple stores is solved, and efficient store management and rendering efficiency is achieved.
Patent Information
- Application Number
- CN202510468816.5
- Authority / Receiving Office
- CN · China
- Patent Type
- Applications(China)
- Current Assignee / Owner
- Filing Date
- 2025-04-15
- Publication Date
- 2025-07-08
Smart Images
Figure CN120277285A_ABST
Abstract
Description
Technical Field
[0001] This application relates to the field of Internet technologies, and in particular to a method for displaying stores, and also relates to a store display device, an electronic device, and a computer-readable storage medium. Background Art
[0002] In the map application scenario, the current map rendering technology generally adopts a batch centralized rendering architecture, that is, all geographical points need to be pre-loaded completely and then submitted uniformly for full-scale rendering. However, the instantaneous rendering of a large amount of point data will inevitably lead to a sharp increase in system resource occupancy, resulting in the instability of system operation; moreover, any change in point data requires triggering a global redraw, and differential rendering cannot be achieved. Taking a multi-store enterprise as an example, when rendering the locations of multiple stores based on a map, as the enterprise expands and the number of stores increases, the enterprise system needs to continuously trigger global redraws, which is inefficient and will cause a large amount of system resources to be occupied, and it is also not convenient for store management.
[0003] Therefore, how to render and display the geographical location of a single store based on a map, avoid unnecessary resource occupancy, improve rendering efficiency, and facilitate store management is an urgent problem to be solved by those skilled in the art. Summary of the Invention
[0004] The purpose of this application is to provide a method for displaying stores, which can render and display the geographical location of a single store based on a map, avoid unnecessary resource occupancy, improve rendering efficiency, and facilitate store management; another purpose of this application is to provide another method for displaying stores, a store display device, an electronic device, and a computer-readable storage medium, all of which have the above beneficial effects.
[0005] In a first aspect, this application discloses a method for displaying stores, including:
[0006] Obtain a map base map and display the map base map on a system page to obtain a map page; the map base map is a rectangular map including a map area;
[0007] Determine the vertex coordinates of the map base map on the map page and obtain the store coordinates of the target store;
[0008] Determine the display position of the target store on the map page according to the vertex coordinates and the store coordinates;
[0009] Mark the store icon corresponding to the target store at the display position to implement store display on the map page.
[0010] Optionally, displaying the map base map on a system page to obtain a map page includes:
[0011] Determine the system page scale;
[0012] Set the scale of the map base map to the system page scale to display the map base map on the system page and obtain the map page.
[0013] Optionally, the vertex coordinates are vertex longitude and latitude, and the store coordinates are store longitude and latitude;
[0014] Correspondingly, determining the display position of the target store on the map page according to the vertex coordinates and the store coordinates includes:
[0015] Calculate the first longitude and latitude difference of the map base map according to the vertex longitude and latitude;
[0016] Calculate the second longitude and latitude difference of the target store relative to the upper left vertex of the map base map according to the vertex longitude and latitude and the store longitude and latitude;
[0017] Determine the display position of the target store on the map page according to the first longitude and latitude difference and the second longitude and latitude difference.
[0018] Optionally, determining the display position of the target store on the map page according to the first longitude and latitude difference and the second longitude and latitude difference includes:
[0019] Use the quotient of the second longitude difference in the second longitude and latitude difference and the first longitude difference in the first longitude and latitude difference as the X-axis display coordinate of the target store on the map page;
[0020] Use the quotient of the second latitude difference in the second longitude and latitude difference and the first latitude difference in the first longitude and latitude difference as the Y-axis display coordinate of the target store on the map page;
[0021] Determine the display position of the target store on the map page according to the X-axis display coordinate and the Y-axis display coordinate.
[0022] Optionally, marking the store icon corresponding to the target store at the display position to implement store display on the map page includes:
[0023] When the number of target stores is multiple, determine the display positions of all the target stores on the map page;
[0024] Read a preset number of the display positions from all the display positions at a preset time interval and batch-mark the store icons corresponding to the corresponding target stores until all the display positions are read, so as to implement batch display of stores on the map page.
[0025] Optionally, after marking the store icon corresponding to the target store at the display position to implement store display on the map page, it further includes:
[0026] Obtain the icon configuration modification information of the target store;
[0027] Update the store icon by using the icon configuration modification information to obtain an updated store icon.
[0028] Optionally, after marking the store icon corresponding to the target store at the display position to implement store display on the map page, it further includes:
[0029] Obtain the target position of the target store and determine the movement path from the display position to the target position;
[0030] Move the store icon to the target position according to the movement path.
[0031] In a second aspect, the present application also discloses a store display device, including:
[0032] A display module, configured to obtain a map base map and display the map base map on a system page to obtain a map page; the map base map is a rectangular map including a map area;
[0033] A first determination module, configured to determine the vertex coordinates of the map base map on the map page and obtain the store coordinates of the target store;
[0034] A second determination module, configured to determine the display position of the target store on the map page according to the vertex coordinates and the store coordinates;
[0035] A marking module, configured to mark the store icon corresponding to the target store at the display position to implement store display on the map page.
[0036] In a third aspect, the present application also discloses an electronic device, including:
[0037] A memory, configured to store a computer program;
[0038] A processor, configured to implement the steps of any one of the above-mentioned store display methods when executing the computer program.
[0039] In a fourth aspect, the present application also discloses a computer-readable storage medium, on which a computer program is stored, and when the computer program is executed by a processor, the steps of any one of the above-mentioned store display methods are implemented.
[0040] The present application provides a store display method, including: obtaining a map base map, and displaying the map base map on a system page to obtain a map page; the map base map is a rectangular map including a map area; determining vertex coordinates of the map base map on the map page, and obtaining store coordinates of a target store; determining a display position of the target store on the map page according to the vertex coordinates and the store coordinates; and marking a store icon corresponding to the target store at the display position to implement store display on the map page.
[0041] Applying the technical solution provided by the present application, first, a map base map for store display is obtained, that is, a rectangular map including a map area for store display, and it is displayed on the current system page to obtain a visual map page. Then, vertex coordinates of the map base map are determined within the map page, and store coordinates of a target store (i.e., the store to be displayed) are obtained to determine the display position of the target store on the map page, so that a store icon can be drawn at this display position. Thus, store display is implemented on the map page. Based on this technical solution, the rendering and display of the geographical location of a single store are realized based on the map. Compared with full-scale rendering, unnecessary resource occupation can be effectively avoided, and the rendering efficiency is improved. It has higher flexibility and is more convenient for enterprises to manage stores.
[0042] Another store display method, store display device, electronic device, and computer-readable storage medium provided by the present application also have the above technical effects, which will not be elaborated herein. Brief Description of the Drawings
[0043] In order to more clearly illustrate the prior art and the technical solutions in the embodiments of the present application, the drawings required for description in the prior art and the embodiments of the present application will be briefly introduced below. Of course, the following drawings related to the embodiments of the present application only describe a part of the embodiments in the present application. For those of ordinary skill in the art, without creative efforts, other drawings can be obtained according to the provided drawings, and the other obtained drawings also fall within the protection scope of the present application.
[0044] Figure 1 It is a schematic flowchart of a store display method provided by the present application;
[0045] Figure 2 It is a schematic structural diagram of a store display device provided by the present application;
[0046] Figure 3 It is a schematic structural diagram of an electronic device provided by the present application. Detailed Embodiments
[0047] The core of this application is to provide a store display method. This store display method can render and display the geographical location of a single store based on a map, avoiding unnecessary resource occupation, improving the rendering efficiency, and facilitating store management. Another core of this application is to provide another store display method, a store display device, an electronic device, and a computer-readable storage medium, all of which have the above beneficial effects.
[0048] To describe the technical solutions in the embodiments of this application more clearly and completely, the following will introduce the technical solutions in the embodiments of this application in conjunction with the accompanying drawings in the embodiments of this application. Obviously, the described embodiments are only a part of the embodiments of this application, rather than all the embodiments. Based on the embodiments in this application, all other embodiments obtained by those of ordinary skill in the art without creative efforts shall fall within the protection scope of this application.
[0049] The embodiments of this application provide a store display method.
[0050] Please refer to Figure 1 , Figure 1 which is a flowchart of the first store display method provided by this application. This store display method may include the following S101 to S104.
[0051] S101: Obtain a map base map and display the map base map on the system page to obtain a map page; the map base map is a rectangular map including a map area.
[0052] This step aims to achieve the acquisition and display of the map base map. First, the map base map is the background map required to implement store display. Essentially, it is a rectangular map containing the map area where store display needs to be implemented. Here, the rectangle can be the circumscribed rectangle of the map area. It can be understood that the map area in the map base map can be a city map, a national map, a global map, etc. This application does not make any restrictions on this. For a multi-store enterprise, the map area should be the geographical area where stores are opened. Further, by displaying the map base map on the system page, a map page can be obtained, that is, a visualization page used to implement store display.
[0053] In an embodiment of this application, displaying the map base map on the system page to obtain a map page may include:
[0054] Determine the scale of the system page;
[0055] Set the scale of the map base map to the scale of the system page to display the map base map on the system page and obtain a map page.
[0056] The embodiment of the present application provides a solution for displaying a map base map on a system page to obtain a map page, that is, setting the scale of the map base map to the scale of the system page to make the two consistent, so as to achieve the coincidence of the map areas and obtain the map page.
[0057] S102: Determine the vertex coordinates of the map base map on the map page and obtain the store coordinates of the target store.
[0058] This step aims to determine the coordinate data. Specifically, the coordinate data to be obtained includes the vertex coordinates of the map base map and the store coordinates of the target store. The vertex coordinates of the map base map refer to the coordinates of the four vertices of the circumscribed rectangle inside and outside the map page; the store coordinates of the target store can be directly determined according to the actual location of the target store. In a possible implementation, both the vertex coordinates and the store coordinates can be longitude and latitude. Inside the map page, the longitude and latitude of the four vertices of the circumscribed rectangle of the map base map can be directly picked up, and the longitude and latitude of the target store can be directly determined according to its actual location.
[0059] S103: Determine the display position of the target store on the map page according to the vertex coordinates and the store coordinates.
[0060] This step aims to determine the display position of the target store on the map page. It can be understood that according to the four vertex coordinates of the map base map in the map page and the store coordinates of the target store, the geographical location of the target store relative to the map base map can be determined, that is, the geographical location of the target store relative to the map page can be determined, and thus the display position of the target store on the map page can be obtained. It should be noted that the number of target stores can be one or more. In other words, the store display method provided by the embodiment of the present application supports both full-scale map point rendering and incremental map point rendering, with higher system performance.
[0061] In an embodiment of the present application, the vertex coordinates are vertex longitude and latitude, and the store coordinates are store longitude and latitude; correspondingly, determining the display position of the target store on the map page according to the vertex coordinates and the store coordinates may include:
[0062] Calculate the first longitude and latitude difference of the map base map according to the vertex longitude and latitude;
[0063] Calculate the second longitude and latitude difference of the target store relative to the upper left vertex of the map base map according to the vertex longitude and latitude and the store longitude and latitude;
[0064] Determine the display position of the target store on the map page according to the first longitude and latitude difference and the second longitude and latitude difference.
[0065] As described above, the vertex coordinates of the map base map and the store coordinates of the target store can both be longitude and latitude. Taking the longitude and latitude coordinates as an example, the embodiments of the present application provide a method for determining the display position of the target store on the map page according to the vertex coordinates and the store coordinates. First, calculate the longitude and latitude differences of the map base map according to the vertex longitude and latitude, that is, the above-mentioned first longitude and latitude difference. Specifically, within the map page, calculate the longitude difference between the left vertex and the right vertex to obtain the first longitude difference, such as calculating the longitude difference between the upper left vertex and the upper right vertex, or calculating the longitude difference between the lower left vertex and the lower right vertex; calculate the latitude difference between the upper vertex and the lower vertex to obtain the first latitude difference, such as calculating the latitude difference between the upper left vertex and the lower left vertex, or calculating the latitude difference between the upper right vertex and the lower right vertex; thus, the first longitude difference and the first latitude difference are combined to obtain the first longitude and latitude difference. Further, calculate the longitude and latitude differences of the target store relative to the upper left vertex of the map base map, that is, the above-mentioned second longitude and latitude difference (assuming that the upper left vertex is the map origin here). Specifically, within the map page, calculate the longitude difference between the longitude of the target store and the longitude of the upper left vertex to obtain the second longitude difference; calculate the latitude difference between the latitude of the target store and the latitude of the upper left vertex to obtain the second latitude difference; thus, the second longitude difference and the second latitude difference are combined to obtain the second longitude and latitude difference. Finally, the display position of the target store on the map page can be determined according to the first longitude and latitude difference and the second longitude and latitude difference.
[0066] Furthermore, determining the display position of the target store on the map page according to the first longitude and latitude difference and the second longitude and latitude difference may include:
[0067] Taking the quotient of the second longitude difference in the second longitude and latitude difference and the first longitude difference in the first longitude and latitude difference as the X-axis display coordinate of the target store on the map page;
[0068] Taking the quotient of the second latitude difference in the second longitude and latitude difference and the first latitude difference in the first longitude and latitude difference as the Y-axis display coordinate of the target store on the map page;
[0069] Determine the display position of the target store on the map page according to the X-axis display coordinate and the Y-axis display coordinate.
[0070] That is to say, by calculating the quotient of the two longitude differences, the X-axis display coordinate of the target store on the map page can be obtained, and by calculating the quotient of the two latitude differences, the Y-axis display coordinate of the target store on the map page can be obtained, and the X-axis display coordinate and the Y-axis display coordinate are combined as the display position of the target store on the map page. It can be understood that the calculation method provided by the embodiments of the present application essentially converts the position of the target store relative to the map page into a percentage form to facilitate the subsequent display of store positioning on the map page.
[0071] S104: Mark the store icon corresponding to the target store at the display position to implement store display on the map page.
[0072] This step aims to mark the store icon corresponding to the target store to facilitate the display of the target store on the map page. Specifically, after determining the display position of the target store on the map page, the store icon corresponding to the target store can be directly rendered at this display position, so as to display the target store on the map page. It should be noted that when the number of target stores is multiple, different target stores may correspond to the same store icon or different store icons. For example, the head store and branch stores are displayed using different store icons, etc. This application does not make any limitations on this.
[0073] In an embodiment of this application, marking the store icon corresponding to the target store at the display position to implement store display on the map page may include:
[0074] When the number of target stores is multiple, determine the display positions of all target stores on the map page;
[0075] Read a preset number of display positions from all the display positions at preset time intervals, and batch mark the store icons corresponding to the corresponding target stores until all the display positions are read, so as to implement batch display of stores on the map page.
[0076] The store display method provided by the embodiment of this application can implement batch display of target stores. Specifically, when the number of target stores is multiple, the display positions of all target stores on the map page can be obtained through the foregoing S101 - S103. On this basis, to achieve batch display of target stores, a certain number of display positions can be read from all the display positions at one time at a preset time interval, and batch marking of store icons can be performed on them, and so on, until all the display positions are read, then batch display of target stores on the map page can be achieved. In a possible implementation manner, the drawing of the store icon can be based on css (Cascading Style Sheets).
[0077] It should be noted that the values of the preset time interval and the preset quantity do not affect the implementation of this technical solution, and can be set by technicians according to actual needs. This application does not make any limitations in this regard. Suppose there are a total of 100 target stores that need to be displayed currently. After determining the display positions of these 100 target stores on the map page, the display positions of 10 target stores can be read every second for rendering the corresponding store icons, so that the visualization display of these 100 target stores on the map page can be completed within 10 seconds. Of course, the above preset quantity can also be a preset ratio, that is, a preset ratio of the total number of target stores. For example, 10% of the display positions of the target stores can be taken out every second for rendering the corresponding store icons, and the visualization display of all target stores on the map page can also be completed within 10 seconds.
[0078] It can be seen that the store display method provided by the embodiments of this application first obtains the map base map that needs to be used for store display, that is, a rectangular map including the map area where the stores need to be displayed, and displays it on the current system page to obtain a visual map page. Then, the vertex coordinates of the map base map are determined within the map page, and the store coordinates of the target stores (that is, the stores that need to be displayed) are obtained to determine the display positions of the target stores on the map page, so that store icons can be drawn at these display positions. Thus, store display is realized on the map page. Based on this technical solution, the rendering and display of the geographical locations of individual stores are realized based on the map. Compared with full-scale rendering, it can effectively avoid unnecessary resource occupation, improve the rendering efficiency, has higher flexibility, and is more convenient for enterprises to manage stores.
[0079] Based on the above embodiments:
[0080] In an embodiment of this application, after marking the store icons corresponding to the target stores at the display positions to realize store display on the map page, it may further include:
[0081] Obtain the icon configuration modification information of the target store;
[0082] Use the icon configuration modification information to update the store icons to obtain updated store icons.
[0083] The store display method provided by the embodiments of this application can also realize the personalized display of single / batch stores, that is, the store icons can be updated by modifying the configuration information of the store icons of the target stores. Among them, the icon configuration modification information is the modification information for the store icons of the target stores, which can be directly input by the user through a visual interface, and its specific content may include, but is not limited to, modifying the style, shape, color, size, transparency, background color, etc. of the store icons. For example, the store icons can be highlighted.
[0084] In an embodiment of the present application, after the store icon corresponding to the target store is marked at the display position to realize store display on the map page, the following may further be included:
[0085] Obtain the target position of the target store and determine the moving path from the display position to the target position;
[0086] Move the store icon to the target position according to the moving path.
[0087] The store display method provided by the embodiment of the present application can also realize the movement of single / batch stores and can be applied to the store relocation scenario. For the target store that has been relocated, its target position can be obtained. This target position is the display position of the target store on the map page after relocation and can also be calculated through the above steps S101 - S103. Further, determine the moving path of the target store, that is, the path from the current display position (the display position before relocation) to the target position (the display position after relocation). Thus, the store icon of the target store can be moved from the current display position to the target position according to this moving path.
[0088] Of course, in another possible implementation manner, after obtaining the target position of the target store, the store icon corresponding to the target store can also be directly marked at the target position, and then the store icon of the target store at the current display position can be deleted. It can be understood that the previous embodiment can visualize the moving effect and moving result of the target store, while the latter embodiment can only visualize the moving result of the target store, and its specific implementation form can be selected and set according to the actual needs of the user.
[0089] The embodiment of the present application provides another store display method.
[0090] The implementation process of the store display method provided by the embodiment of the present application is as follows:
[0091] 1. Set the scale of the rectangular map base map including the map area to be consistent with the scale of the actual coordinate longitude and latitude picking system (system page scale), and determine that at least 3 non-linear key points in the map area coincide with the real map, that is, it is determined that the two map areas coincide.
[0092] 2. Manually obtain the longitude and latitude information of the 4 vertices of the rectangular map base map. For example:
[0093] Const mapPoints = {
[0094] tl: [70.92, 54.65];
[0095] tr: [137.575, 54.65];
[0096] bl: [70.92, 15.15];
[0097] br: [137.575, 15.15];
[0098] }。
[0099] 3. Obtain the corresponding position (display position) of the store to be displayed on the map page based on the longitude and latitude coordinates of the 4 vertexes of the map base map and the longitude and latitude coordinates of the store to be displayed (target store), and perform marking and display.
[0100] Taking the upper left corner of the map as the origin, convert the longitude and latitude information of the original point into the coordinates corresponding to the X-axis and Y-axis, and using the map base map as the regional background, draw the obtained coordinate points into this area:
[0101] const getAddDataPoint = (point) => {
[0102] / / Calculate the longitude difference between the left and right of the map and the latitude difference between the top and bottom;
[0103] let xLength = mapPoints.tr[0] - mapPoints.tl[0];
[0104] let yLength = mapPoints.tl[1] - mapPoints.bl[1];
[0105] / / Calculate the position of point (store longitude and latitude) relative to the upper left corner (origin) of the map area;
[0106] / / Subtract the longitude of the upper left corner of the map from the longitude of point;
[0107] let x = point.lng - mapPoints.tl[0];
[0108] / / Subtract the latitude of point from the latitude of the upper left corner of the map;
[0109] let y = mapPoints.tl[1] - point.lat;
[0110] / / Obtain the coordinate points of the X-axis and Y-axis;
[0111] return [x / xLength, y / yLength];
[0112] }。
[0113] Example: The original data is {"lat": 23.0145, "lng": 113.9715}, and the converted display coordinates are [0.6458855299677445, 0.8008987341772151].
[0114] Furthermore, the store display method provided by this application can also implement the following personalized functions:
[0115] 1. Move the point (move the store icon):
[0116] Modify the CSS style to move the coordinates. Assume the target position is targetPosition = {x: '5%', y: '5%'}, and move the first point (the target store) to the target position:
[0117] document.getElementsByClassName('point-icon')[0].style.left
[0118] = targetPosition.x;
[0119] document.getElementsByClassName('point-icon')[0].style.top
[0120] = targetPosition.y.
[0121] 2. Delete the point (delete the store icon):
[0122] document.getElementsByClassName('point-icon')[0].remove().
[0123] 3. Highlight the point (highlight the store icon):
[0124] Achieved by modifying the transparency or background color, such as:
[0125] document.getElementsByClassName('point-icon')[0].style.opacity = 1.
[0126] 4. Render points in batches (render store icons in batches):
[0127] Determine all points to be rendered (allPoints), the currently rendered points (pointList), take out 10% of the data per second and put it into the rendering list, and use the two-way data binding of Vue to automatically render:
[0128] let step = allPoints / 10;
[0129] let timer = setInterval(() => {
[0130] if (list.length) {
[0131] pointList.value = pointList.value.concat(allPoints.splice(0, step));
[0132] } else {
[0133] clearInterval(timer);
[0134] timer = null;
[0135] }
[0136] },1000).
[0137] Thus, it can be seen that for the store display method provided in the embodiments of the present application, first, the map base map for store display is obtained, that is, a rectangular map including the map area for store display, and it is displayed on the current system page to obtain a visual map page. Then, the vertex coordinates of the map base map are determined within the map page, and the store coordinates of the target store (i.e., the store to be displayed) are obtained to determine the display position of the target store on the map page. Thus, the store icon can be drawn at this display position. Therefore, the store display is realized on the map page. Based on this technical solution, the rendering and display of the geographical location of a single store are realized based on the map. Compared with full-scale rendering, it can effectively avoid unnecessary resource occupation, improve the rendering efficiency, has higher flexibility, and is more convenient for enterprises to manage stores.
[0138] The embodiments of the present application provide a store display device.
[0139] Please refer to Figure 2 , Figure 2 which is a schematic structural diagram of a store display device provided by the present application. The store display device may include:
[0140] Display module 1, which is used to obtain the map base map and display the map base map on the system page to obtain a map page; the map base map is a rectangular map including the map area;
[0141] First determination module 2, which is used to determine the vertex coordinates of the map base map in the map page and obtain the store coordinates of the target store;
[0142] The second determination module 3 is configured to determine the display position of the target store on the map page according to the vertex coordinates and the store coordinates;
[0143] The annotation module 4 is configured to annotate the store icon corresponding to the target store at the display position, so as to implement store display on the map page.
[0144] It can be seen that the store display device provided by the embodiment of the present application first obtains the map background image that needs to be used for store display, that is, a rectangular image including the map area where the store needs to be displayed, and displays it on the current system page to obtain a visual map page. Then, it determines the vertex coordinates of the map background image within the map page, and obtains the store coordinates of the target store (that is, the store that needs to be displayed), so as to determine the display position of the target store on the map page, and thus can draw the store icon at this display position. Therefore, store display is realized on the map page. Based on this technical solution, the rendering and display of the geographical location of a single store are realized based on the map. Compared with full-scale rendering, unnecessary resource occupation can be effectively avoided, and the rendering efficiency is improved. It has higher flexibility and is more convenient for enterprises to manage stores.
[0145] In an embodiment of the present application, the above-mentioned display module 1 may be specifically configured to determine the scale of the system page; set the scale of the map background image to the scale of the system page, so as to display the map background image on the system page to obtain a map page.
[0146] In an embodiment of the present application, the vertex coordinates are the vertex longitude and latitude, and the store coordinates are the store longitude and latitude; correspondingly, the above-mentioned second determination module 3 may include:
[0147] The first calculation unit is configured to calculate the first longitude and latitude difference of the map background image according to the vertex longitude and latitude;
[0148] The second calculation unit is configured to calculate the second longitude and latitude difference of the target store relative to the upper left vertex of the map background image according to the vertex longitude and latitude and the store longitude and latitude;
[0149] The determination unit is configured to determine the display position of the target store on the map page according to the first longitude and latitude difference and the second longitude and latitude difference.
[0150] In an embodiment of the present application, the above-mentioned determination unit may be specifically configured to use the quotient of the second longitude difference in the second longitude and latitude difference and the first longitude difference in the first longitude and latitude difference as the X-axis display coordinate of the target store on the map page; use the quotient of the second latitude difference in the second longitude and latitude difference and the first latitude difference in the first longitude and latitude difference as the Y-axis display coordinate of the target store on the map page; determine the display position of the target store on the map page according to the X-axis display coordinate and the Y-axis display coordinate.
[0151] In one embodiment of the present application, the above-mentioned annotation module 4 can be specifically configured to, when the number of target stores is multiple, determine the display positions of all target stores on the map page; read a preset number of display positions from all the display positions at preset time intervals, and batch-annotate the store icons corresponding to the corresponding target stores until all the display positions are read, so as to realize the batch display of stores on the map page.
[0152] In one embodiment of the present application, the store display method may further include a modification module, which is configured to, after annotating the store icons corresponding to the target stores at the display positions to realize the store display on the map page, obtain the icon configuration modification information of the target stores; update the store icons by using the icon configuration modification information to obtain the updated store icons.
[0153] In one embodiment of the present application, the store display method may further include a moving module, which is configured to, after annotating the store icons corresponding to the target stores at the display positions to realize the store display on the map page, obtain the target position of the target store, and determine the moving path from the display position to the target position; move the store icon to the target position according to the moving path.
[0154] For the introduction of the device provided by the embodiments of the present application, please refer to the above method embodiments, and the present application will not elaborate here.
[0155] The embodiments of the present application provide an electronic device.
[0156] Please refer to Figure 3 , Figure 3 which is a schematic structural diagram of an electronic device provided by the present application. The electronic device may include:
[0157] A memory 11, which is used to store a computer program;
[0158] A processor 10, which is configured to execute the computer program to implement the steps of any one of the above-mentioned store display methods.
[0159] As Figure 3 shown, it is a schematic structural diagram of the composition of the electronic device. The electronic device may include: a processor 10, a memory 11, a communication interface 12, and a communication bus 13. The processor 10, the memory 11, and the communication interface 12 all complete the communication with each other through the communication bus 13.
[0160] In the embodiments of the present application, the processor 10 may be a central processing unit (CPU), an application specific integrated circuit, a digital signal processor, a field programmable gate array, or other programmable logic devices, etc.
[0161] The processor 10 can call the program stored in the memory 11. Specifically, the processor 10 can execute the operations in the embodiments of the store display method.
[0162] The memory 11 is used to store one or more programs. The program can include program codes, and the program codes include computer operation instructions. In the embodiments of the present application, the memory 11 stores at least programs for implementing the following functions:
[0163] Obtain a map base map, and display the map base map on the system page to obtain a map page; the map base map is a rectangular map including a map area;
[0164] Determine the vertex coordinates of the map base map on the map page, and obtain the store coordinates of the target store;
[0165] Determine the display position of the target store on the map page according to the vertex coordinates and the store coordinates;
[0166] Mark the store icon corresponding to the target store at the display position to implement store display on the map page.
[0167] In a possible implementation manner, the memory 11 may include a program storage area and a data storage area. Among them, the program storage area can store an operating system, and application programs required for at least one function, etc.; the data storage area can store the data created during use.
[0168] In addition, the memory 11 can include a high-speed random access memory, and can also include a non-volatile memory, such as at least one disk storage device or other volatile solid-state storage devices.
[0169] The communication interface 12 can be the interface of a communication module, and is used to connect to other devices or systems.
[0170] Of course, it should be noted that Figure 3 the shown structure does not limit the electronic device in the embodiments of the present application. In practical applications, the electronic device can include more or fewer components than Figure 3 the shown ones, or combine some components.
[0171] The embodiments of the present application provide a computer-readable storage medium.
[0172] The computer program stored on the computer-readable storage medium provided by the embodiments of the present application can implement the steps of any one of the above store display methods when executed by a processor.
[0173] The computer-readable storage medium may include: various media that can store program codes, such as USB flash drives, mobile hard disks, read-only memories (ROM), random access memories (RAM), magnetic disks, or optical discs.
[0174] For the introduction of the computer-readable storage medium provided in the embodiments of the present application, please refer to the above method embodiments, and the present application will not elaborate herein.
[0175] The various embodiments in the specification are described in a progressive manner. The key point of each embodiment is to illustrate the differences from other embodiments. For the same or similar parts among the various embodiments, reference can be made to each other. For the devices disclosed in the embodiments, since they correspond to the methods disclosed in the embodiments, the description is relatively simple, and reference can be made to the description in the method part for related parts.
[0176] Those skilled in the art can further realize that the units and algorithm steps of the examples described in conjunction with the embodiments disclosed herein can be implemented by electronic hardware, computer software, or a combination of both. To clearly illustrate the interchangeability of hardware and software, the components and steps of the examples have been generally described according to their functions in the above description. Whether these functions are executed in a hardware or software manner depends on the specific application and design constraints of the technical solution. Those skilled in the art can use different methods to implement the described functions for each specific application, but such implementation should not be considered to exceed the scope of the present application.
[0177] The steps of the methods or algorithms described in conjunction with the embodiments disclosed herein can be directly implemented by hardware, software modules executed by a processor, or a combination of both. The software modules can be placed in a random access memory (RAM), internal memory, read-only memory (ROM), electrically programmable ROM, electrically erasable programmable ROM, registers, hard disk, removable disk, CD-ROM, or any other form of storage medium well-known in the technical field.
[0178] The technical solutions provided by the present application have been introduced in detail above. Specific examples are used herein to elaborate the principles and implementation manners of the present application. The description of the above embodiments is only used to help understand the method and its core idea of the present application. It should be noted that for those of ordinary skill in the art in the technical field, without departing from the principle of the present application, several improvements and modifications can be made to the present application, and these improvements and modifications also fall within the protection scope of the present application.
Claims
1. A store display method, characterized in that, Including: Obtain a map base map and display the map base map on the system page to obtain a map page; the map base map is a rectangular map including a map area; Determine the vertex coordinates of the map base map on the map page and obtain the store coordinates of the target store; Determine the display position of the target store on the map page according to the vertex coordinates and the store coordinates; Mark the store icon corresponding to the target store at the display position to realize store display on the map page.
2. The store display method according to claim 1, wherein, Displaying the map base map on the system page to obtain a map page includes: Determine the scale of the system page; Set the scale of the map base map to the scale of the system page to display the map base map on the system page and obtain the map page.
3. The store display method according to claim 1, wherein, The vertex coordinates are vertex longitude and latitude, and the store coordinates are store longitude and latitude; Correspondingly, determining the display position of the target store on the map page according to the vertex coordinates and the store coordinates includes: Calculate the first longitude and latitude difference of the map base map according to the vertex longitude and latitude; Calculate the second longitude and latitude difference of the target store relative to the upper left vertex of the map base map according to the vertex longitude and latitude and the store longitude and latitude; Determine the display position of the target store on the map page according to the first longitude and latitude difference and the second longitude and latitude difference.
4. The store display method according to claim 3, wherein, Determining the display position of the target store on the map page according to the first longitude and latitude difference and the second longitude and latitude difference includes: Take the quotient of the second longitude difference in the second longitude and latitude difference and the first longitude difference in the first longitude and latitude difference as the X-axis display coordinate of the target store on the map page; Take the quotient of the second latitude difference in the second longitude and latitude difference and the first latitude difference in the first longitude and latitude difference as the Y-axis display coordinate of the target store on the map page; Determine the display position of the target store on the map page according to the X-axis display coordinate and the Y-axis display coordinate.
5. The store display method according to claim 1, wherein Marking the store icon corresponding to the target store at the display position to realize store display on the map page includes: When the number of target stores is multiple, determine the display positions of all the target stores on the map page; Read a preset number of the display positions from all the display positions at a preset time interval and batch-mark the store icons corresponding to the corresponding target stores until all the display positions are read to realize batch display of stores on the map page.
6. The store display method according to claim 1, wherein After marking the store icon corresponding to the target store at the display position to realize store display on the map page, it further includes: Obtain the icon configuration modification information of the target store; Update the store icon using the icon configuration modification information to obtain an updated store icon.
7. The store display method according to claim 1, wherein After marking the store icon corresponding to the target store at the display position to realize store display on the map page, it further includes: Obtain the target position of the target store and determine the movement path from the display position to the target position; Move the store icon to the target position according to the moving path.
8. A store display device, characterized in that, It includes: A display module, configured to obtain a map base map and display the map base map on the system page to obtain a map page; The map base map is a rectangular map including a map area; A first determination module, configured to determine the vertex coordinates of the map base map on the map page and obtain the store coordinates of the target store; A second determination module, configured to determine the display position of the target store on the map page according to the vertex coordinates and the store coordinates; A marking module, configured to mark the store icon corresponding to the target store at the display position to implement store display on the map page.
9. An electronic device, characterized in that, It includes: A memory, configured to store a computer program; A processor, configured to implement the steps of the store display method according to any one of claims 1 to 7 when executing the computer program.
10. A computer-readable storage medium, characterized in that, A computer program is stored on the computer-readable storage medium, and when the computer program is executed by a processor, the steps of the store display method according to any one of claims 1 to 7 are implemented.