CN110019590B - Method and device for displaying map in page, electronic equipment and storage medium - Google Patents
Method and device for displaying map in page, electronic equipment and storage medium Download PDFInfo
- Publication number
- CN110019590B CN110019590B CN201710824140.4A CN201710824140A CN110019590B CN 110019590 B CN110019590 B CN 110019590B CN 201710824140 A CN201710824140 A CN 201710824140A CN 110019590 B CN110019590 B CN 110019590B
- Authority
- CN
- China
- Prior art keywords
- map
- page
- displayed
- range
- area
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Active
Links
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/20—Information retrieval; Database structures therefor; File system structures therefor of structured data, e.g. relational data
- G06F16/29—Geographical information databases
Landscapes
- Engineering & Computer Science (AREA)
- Databases & Information Systems (AREA)
- Theoretical Computer Science (AREA)
- Remote Sensing (AREA)
- Data Mining & Analysis (AREA)
- Physics & Mathematics (AREA)
- General Engineering & Computer Science (AREA)
- General Physics & Mathematics (AREA)
- Instructional Devices (AREA)
- User Interface Of Digital Computer (AREA)
- Processing Or Creating Images (AREA)
Abstract
The embodiment of the application provides a method, a device, electronic equipment and a storage medium for displaying a map in a page, wherein the page is provided with a map display area for displaying the map, the map comprises one or more map elements to be displayed, the page further comprises one or more page elements, and the method comprises the following steps: determining a coverage area of a page element on the map presentation area; acquiring the position of a map element, and determining a map range containing the map element according to the position of the map element; when the map is displayed on the page, the map range is controlled to be in a target area on the map display area except the coverage area, so that the map element is displayed in the target area. According to the page in the embodiment of the application, the map elements concerned by the user are not covered according to the position change of the map elements and the change of the coverage area of the page elements, so that the user does not need to additionally perform other operations, and the initiation of data requests is reduced.
Description
Technical Field
The embodiment of the application relates to the technical field of maps, in particular to a method and a device for displaying a map in a page, electronic equipment and a storage medium.
Background
More and more application software needs to display a map in a page based on specific functional requirements, so as to achieve the purpose of providing relevant map information for a user. In some scenarios, the page also shows one or more other page elements on the basis of showing the map, and under the condition that the page needs to show more contents, if the shown map information does not meet the user requirements, the user may frequently operate the map, and the server may face a large amount of data requests, thereby increasing the processing pressure of the server.
Disclosure of Invention
In order to overcome the problems in the related art, the embodiments of the present application provide a method and an apparatus for displaying a map in a page, an electronic device, and a storage medium.
A method for displaying a map on a page, the page being provided with a map display area for displaying the map, the map including one or more map elements to be displayed, the page further including one or more page elements displayed on the map display area and covering the map, the method comprising:
determining a coverage area of the page element on the map presentation area;
acquiring the position of the map element, and determining a map range containing the map element according to the position of the map element;
when the map is displayed on the page, the map range is controlled to be in a target area on the map display area except the coverage area, so that the map element is displayed in the target area.
Optionally, the determining a coverage area of the page element on the map display area includes:
and acquiring one or more attribute information in the height, width or edge coordinates of the page elements, and calculating the coverage area according to the acquired attribute information.
Optionally, the page element has at least two states, and the attribute information of the page element in different states is different, and the method further includes:
and detecting the state of the page element, and after determining that the state of the page element is changed, re-determining the coverage area of the page element.
Optionally, the obtaining the position of the map element includes:
acquiring the position of the map element according to a preset period;
the method further comprises the following steps:
and refreshing the map according to the preset period, and updating the position of the map element on the map.
Optionally, the location comprises geographic location coordinates;
the determining a map range including the map element according to the position of the map element includes:
and determining the center of the map range according to the geographic position coordinates of one or more map elements, and determining the map range according to a preset scale.
Optionally, the controlling the map range in a target area on the map display area except for the coverage area includes:
and enabling the center of the map range to coincide with the center of the target area, and controlling the map range to be in the target area by zooming the scale of the map.
Optionally, the method further includes:
and if an operation instruction aiming at the map is received, after the preset time of operating the map according to the operation instruction, re-executing the step of controlling the map range in a target area on the map display area except the coverage area.
Optionally, the map element includes one or more of a vehicle, a trip start point, or a trip end point in a network appointment order.
An apparatus for displaying a map on a page, the page having a map display area for displaying the map, the map including one or more map elements to be displayed, the page further including one or more page elements displayed on the map display area and covering the map, the apparatus comprising:
a coverage area determination module to: determining a coverage area of the page element on the map presentation area;
a map range determination module to: acquiring the position of the map element, and determining a map range containing the map element according to the position of the map element;
a display module for: when the map is displayed on the page, the map range is controlled to be in a target area on the map display area except the coverage area, so that the map element is displayed in the target area.
Optionally, the coverage area determining module is further configured to:
and acquiring one or more attribute information in the height, width or edge coordinates of the page elements, and calculating the coverage area according to the acquired attribute information.
Optionally, the page element has at least two states, where the attribute information of the page element in different states is different, and the coverage area determining module is further configured to:
and detecting the state of the page element, and after determining that the state of the page element is changed, re-determining the coverage area of the page element.
Optionally, the map range determining module is further configured to: acquiring the position of the map element according to a preset period;
the display module is further configured to:
and refreshing the map according to the preset period, and updating the position of the map element on the map.
Optionally, the location comprises geographic location coordinates;
the map range determining module is further configured to:
and determining the center of the map range according to the geographic position coordinates of one or more map elements, and determining the map range according to a preset scale.
Optionally, the display module is further configured to:
and enabling the center of the map range to coincide with the center of the target area, and controlling the map range to be in the target area by zooming the scale of the map.
Optionally, the display module is further configured to:
if an operation instruction for the map is received, after the preset time for operating the map according to the operation instruction is up, re-executing: and controlling the map range to be in a target area on the map display area except the coverage area.
Optionally, the map element includes one or more of a vehicle, a trip start point, or a trip end point in a network appointment order.
An electronic device, comprising:
a processor;
a memory for storing processor-executable instructions;
wherein the processor is configured to:
the page is provided with a map display area for displaying a map, the map comprises one or more map elements to be displayed, and the page also comprises one or more page elements which are displayed on the map display area and cover the map;
determining a coverage area of the page element on the map presentation area;
acquiring the position of the map element, and determining a map range containing the map element according to the position of the map element;
when the map is displayed on the page, the map range is controlled to be in a target area on the map display area except the coverage area, so that the map element is displayed in the target area.
A computer storage medium having stored therein program instructions, the program instructions comprising:
the page is provided with a map display area for displaying a map, the map comprises one or more map elements to be displayed, and the page also comprises one or more page elements which are displayed on the map display area and cover the map;
determining a coverage area of the page element on the map presentation area;
acquiring the position of the map element, and determining a map range containing the map element according to the position of the map element;
when the map is displayed on the page, the map range is controlled to be in a target area on the map display area except the coverage area, so that the map element is displayed in the target area.
Drawings
The accompanying drawings, which are incorporated in and constitute a part of this specification, illustrate embodiments consistent with the embodiments of the disclosure and, together with the description, serve to explain the principles of the embodiments of the disclosure.
Fig. 1 is a schematic diagram of a page in the related art.
FIG. 2A is a flow chart illustrating a method for presenting a map in a page according to an exemplary embodiment of the present application.
FIG. 2B is a schematic diagram of a page shown in the present application according to an exemplary embodiment.
FIG. 2C is another page view shown in accordance with an exemplary embodiment of the present application.
FIG. 2D is another page schematic diagram shown in accordance with an exemplary embodiment of the present application.
FIG. 3 is a block diagram illustrating an apparatus for presenting a map in a page according to an exemplary embodiment of the present application.
Detailed Description
Reference will now be made in detail to the exemplary embodiments, examples of which are illustrated in the accompanying drawings. When the following description refers to the accompanying drawings, like numbers in different drawings represent the same or similar elements unless otherwise indicated. The implementations described in the exemplary embodiments below are not intended to represent all implementations consistent with embodiments of the present disclosure. Rather, they are merely examples of apparatus and methods consistent with certain aspects of the disclosed embodiments, as detailed in the appended claims.
The terminology used in the embodiments of the present disclosure is for the purpose of describing particular embodiments only and is not intended to be limiting of the embodiments of the present disclosure. As used in the disclosed embodiments and the appended claims, the singular forms "a," "an," and "the" are intended to include the plural forms as well, unless the context clearly indicates otherwise. It should also be understood that the term "and/or" as used herein refers to and encompasses any and all possible combinations of one or more of the associated listed items.
It is to be understood that although the terms first, second, third, etc. may be used herein to describe various information in the embodiments of the present disclosure, such information should not be limited by these terms. These terms are only used to distinguish one type of information from another. For example, first information may also be referred to as second information, and similarly, second information may also be referred to as first information, without departing from the scope of embodiments of the present disclosure. The word "if" as used herein may be interpreted as "at … …" or "when … …" or "in response to a determination", depending on the context.
More and more application software needs to display a map in a page based on specific functional requirements, so as to achieve the purpose of providing relevant map information for a user. By taking a network appointment scene as an example, the network appointment application of the existing mobile terminal can provide different pages according to different functions. For example, when the car booking driver user takes the passenger user, the car booking application may provide a page in the journey, as shown in fig. 1, which is a schematic diagram of a page in the related art, and map data including map elements of a starting point of the journey, an ending point of the journey, a driving route from the starting point to the ending point, and a current position of the vehicle may be displayed on the page. The page is also shown with one or more other page elements, such as the clickable expansion tab on the upper side of the page in fig. 1 and the clickable expansion tab on the lower side of the page, on the basis of the map.
If the user clicks on the lower tab, the tab may expand to reveal more information. As shown in FIG. 1, when the tab is expanded, the travel-related map information in the page is partially obscured. It can be understood that, in the page, the user usually focuses more on the information related to the map journey, and in the case of information cover, the displayed map information does not meet the user requirement, and the user may be required to re-trigger the tab folding, or trigger the operation of changing the scale of the map, and the like.
In the embodiment of the application, the map range containing the map element concerned by the user can be determined, and the coverage area of the page element on the map display area is determined, so that when the map is displayed, the map range can be automatically controlled to be in the target area on the map display area except the coverage area, the page can be enabled to change according to the position of the map element and the change of the coverage area of the page element, the map element concerned by the user is not covered, other operations are not required to be additionally carried out by the user, and the initiation of data requests is reduced. Next, examples of the present application will be described in detail.
As shown in fig. 2A, the present application is a flowchart of a method for displaying a map on a page according to an example embodiment, where the page is provided with a map display area for displaying the map, the map includes one or more movable map elements to be displayed, and the page further includes one or more page elements displayed on the map display area and covering the map, and the method includes the following steps:
in step 202, the coverage area of the page element on the map presentation area is determined.
In step 204, the position of the map element is obtained, and a map range including the map element is determined according to the position of the map element.
In step 206, when the map is displayed on the page, the map range is controlled to be in a target area on the map display area except the coverage area, so that the map element is displayed in the target area.
The scheme of this embodiment may be specifically applied to a scene in which a map needs to be displayed on a page, for example, may be applied to a car-booking application installed in an electronic device, as shown in fig. 1, in the car-booking scene, the car-booking application may display a travel-related information page, and in a case where the page needs to display other more contents such as a page element, the car-booking application may adopt the scheme provided in the embodiment of the present application, and control the display of the page content to better meet the requirements of a user according to a change of the travel-related information or a change of other page elements, so that user operations may be reduced, and initiation of a data request may be reduced.
In other examples, a page showing the position of the takeout person may need to be provided in an application for takeout and the like to show the relevant position information of the takeout person from the store to the user position to the user, and other page elements related to takeout order information and the like may be shown in the page.
In other examples, the map application may also be a map application, where the map application may need to provide a location information page of some objects such as a bus to show relevant location information from the location of the bus to the location of the user to the user, and the page may also show other page elements, so that the map application may control the display of the page content to better meet the requirement of the user according to the change of the relevant location information or the change of the other page elements by using the scheme provided in the embodiment of the present application, thereby reducing user operations and reducing initiation of data requests.
Optionally, when the scheme of this embodiment is implemented specifically, the scheme may be a functional module in an APP. The map display area refers to an area for displaying a map in a page designed by technical staff in the APP development process, and the size of the map display area can be determined according to the actual page design requirements. Generally, a page in the APP covers the whole screen of the electronic device or occupies a part of the screen, in some examples, the size of the map display area may be equal to the size of the page, and in other examples, a part of the area in the page may be divided as the map display area. In practical application, the setting can be flexibly set according to the requirement, and the embodiment does not limit the setting.
The map display area is used for displaying basic map data, and one or more map elements can be displayed on the basic map data according to an actual application scene, such as a vehicle position in a network appointment scene, a takeaway position in a takeaway scene, a vehicle position or a bus position in a map scene, and the like. The positions of the map elements can be fixed, such as the aforementioned trip end point or trip start point, and in other examples, the positions can also be changed, such as the aforementioned vehicle positions, and the specific implementation mode can be flexibly configured according to the actual application scenario.
In order to realize accurate display of the position of the map element, in an optional implementation manner, the acquiring the position of the map element includes:
acquiring the position of the map element according to a preset period;
the method further comprises the following steps:
and refreshing the map according to the preset period, and updating the position of the map element on the map.
Optionally, the position of the map element on the map may be provided by an object corresponding to the map element, assuming that the map element corresponds to a vehicle of a network appointment order in a network appointment scene, the position of the map element is provided by a client of a driver user, assuming that the map element corresponds to a position of a takeaway member in a takeaway scene, and the position of the map element is provided by the takeaway client.
Further, in the embodiment of the application, a preset period such as 3 seconds, 5 seconds or 10 seconds may be set in advance, the position of the map element may be obtained according to the preset period, and the map may be refreshed, so that the latest position information of the map element may be displayed in the page.
The map element serves as an object of interest of a user in a page, a map range including the map element may be determined in the embodiment of the present application, and the purpose of determining the map range is to define a range of the map that surrounds all information of interest of the user, for example, as shown in fig. 2B, the map range is a schematic page diagram shown in the present application according to an exemplary embodiment, and a multi-element minimum outsourcing rectangle in fig. 2B is a map range that includes all map elements. The range is the most concerned part of the user, and when the subsequent page is displayed, the map range needs to be ensured not to be covered by other page elements.
On the other hand, as can be seen from the foregoing analysis, the position of the map element is changed, and therefore the map range may also be changed accordingly, and still taking the network appointment scene as an example, as shown in fig. 2C, a user may pay attention to the relevant information of the distance between the vehicle position and the end point during the course, when the vehicle position is changed during the vehicle driving process, and when the map is refreshed, the map range may also be updated according to the position of the map element, so that the content displayed in the page more conforms to the user's requirements.
When the map element is displayed, the display effect of the map element can be flexibly configured according to actual needs, optionally, the map element can be arranged at the central position, the golden section point and other positions of the map display area, and a certain zoom ratio can be set by combining factors such as the screen resolution of equipment and the like, so that the map data corresponding to the map element can be well displayed by combining a map scale. Optionally, an embodiment of the present application further provides a manner of determining a map range including a map element, where a position of the map element may include a geographic location coordinate, and determining the map range including the map element according to the position of the map element may include:
and determining the center of the map range according to the geographic position coordinates of one or more map elements, and determining the map range according to a preset scale.
In the embodiment of the application, one or more map elements may be provided, and in the case of one map element, the position of the map element may be used as the center of the map range, and then the size of the map range is adjusted according to a preset scale, where the preset scale may be determined according to the resolution of the device screen, the size of the map element or a display effect required in a corresponding scene, other map elements in the map in the corresponding scene, and the like. In the case of a plurality of map elements, the center of the map range may be determined according to the positions of the plurality of map elements, for example, in various ways such as with the center point of the positions of the plurality of map elements as the center of the map range.
As can be seen from the foregoing analysis, other page elements that may cover the map may also be displayed on the map display area, and this embodiment may determine the coverage area of the page element on the map display area. Optionally, the page element may also be configured by a developer in a design or development stage of the APP, and therefore, in an optional implementation, the determining the coverage area of the page element on the map display area includes:
and acquiring one or more attribute information in the height, width or edge coordinates of the page elements, and calculating the coverage area according to the acquired attribute information.
In some examples, the page element may change its state, such as the tab in the two states of foldable and unfoldable shown in fig. 1, and the coverage area of the page element may change in the different states. Therefore, for a page element having at least two states, the attribute information of the page element in different states is different, and in order to determine the coverage area of the page element in time, the method may further include:
and detecting the state of the page element, and after determining that the state of the page element is changed, re-determining the coverage area of the page element.
The state of the detected page element can be determined according to the actual configuration of the page element, for example, some page elements can be changed by user triggering, for example, the page element is initially in a folded state, and is in an expanded state after being clicked by the user, and is in a recovery state after being clicked again by the user; in other examples, other events may be detected to change the state of the page element, such as the page element automatically reverting from the unfolded state to the folded state after no user trigger is detected, and so on. Optionally, in the design stage, the page element may be configured with a state parameter, and different parameter values are used to indicate different states of the page element, so that the state of the page element may be determined by obtaining the parameter value. In practical application, the process of detecting the state of the page element may be performed continuously after the page is opened, or may be performed periodically, where the period may be 3 seconds, 5 seconds, or 10 seconds, and may be configured flexibly by a technician.
After the coverage area of the page element is determined, a target area except the coverage area can be divided according to the map display area, as shown in fig. 2D, when the map is displayed, a map range containing the map element can be displayed in the target area, and when a user clicks a tag, since the coverage area of the page element can be detected, the map range can be controlled in the target area in time by controlling a scale or moving the map, so that the page element can be effectively prevented from covering the map content.
In order to provide a better display effect in the case that the coverage area of the page element is changed, in an alternative implementation, the controlling the map range in a target area on the map display area except for the coverage area may include:
and enabling the center of the map range to coincide with the center of the target area, and controlling the map range to be in the target area by zooming the scale of the map.
In the embodiment of the application, the state of the page element is changed, and the corresponding coverage area is also changed, so that the target area is changed, and as the map range needs to be controlled to be in the target area, under the condition that the target area is changed, the center of the map range can be coincided with the center of the target area, and the map range is controlled to be in the target area by zooming the scale of the map.
In the process of displaying the map on the page, a user may initiate an operation instruction for the map to view other map data, and in consideration of a map element as a content focused by the user, the embodiment of the application further provides the following embodiments:
and if an operation instruction aiming at the map is received, after the preset time of operating the map according to the operation instruction, re-executing the step of controlling the map range in a target area on the map display area except the coverage area.
In the embodiment of the application, if a user operates a map, a client receives an operation instruction for the map, the map is operated according to the operation instruction, and after a preset time, the step of controlling the map range in a target area on the map display area except the coverage area can be executed again, so that map elements concerned by the user can be automatically displayed in the target area again without executing a new operation instruction by the user.
Corresponding to the embodiment of the map showing method in the page, the embodiment of the disclosure also provides an embodiment of a map showing device in the page and electronic equipment applied by the map showing device in the page.
As shown in fig. 3, fig. 3 is a block diagram of an apparatus for displaying a map in a page according to an exemplary embodiment, where the page is provided with a map display area for displaying the map, the map includes one or more map elements to be displayed, and the page further includes one or more page elements which are displayed on the map display area and cover the map, and the apparatus includes:
a coverage area determination module 31 configured to: determining a coverage area of the page element on the map presentation area;
a map range determination module 32 for: acquiring the position of the map element, and determining a map range containing the map element according to the position of the map element;
a display module 33 for: when the map is displayed on the page, the map range is controlled to be in a target area on the map display area except the coverage area, so that the map element is displayed in the target area.
Optionally, when the scheme of this embodiment is implemented specifically, the scheme may be a functional module in an APP. The map display area refers to an area for displaying a map in a page designed by technical staff in the APP development process, and the size of the map display area can be determined according to the actual page design requirements. Generally, a page in the APP covers the whole screen of the electronic device or occupies a part of the screen, in some examples, the size of the map display area may be equal to the size of the page, and in other examples, a part of the area in the page may be divided as the map display area. In practical application, the setting can be flexibly set according to the requirement, and the embodiment does not limit the setting.
The map display area is used for displaying basic map data, and one or more map elements can be displayed on the basic map data according to an actual application scene, such as a vehicle position in a network appointment scene, a takeaway position in a takeaway scene, a vehicle position or a bus position in a map scene, and the like. The positions of the map elements can be fixed, such as the aforementioned trip end point or trip start point, and in other examples, the positions can also be changed, such as the aforementioned vehicle positions, and the specific implementation mode can be flexibly configured according to the actual application scenario.
In order to realize accurate display of the positions of the map elements, in an optional implementation manner, the map range determining module is further configured to: acquiring the position of the map element according to a preset period;
the display module is further configured to:
and refreshing the map according to the preset period, and updating the position of the map element on the map.
Optionally, the position of the map element on the map may be provided by an object corresponding to the map element, assuming that the map element corresponds to a vehicle of the network appointment order in the network appointment scene, the position of the map element is provided by a client of the driver user, assuming that the map element corresponds to a position of a takeaway member in the takeaway scene, and the position of the map element is provided by the takeaway client, where the specific obtaining manner may be determined by combining with an actual application scene.
Further, in the embodiment of the application, a preset period such as 3 seconds, 5 seconds or 10 seconds may be set in advance, the position of the map element may be obtained according to the preset period, and the map may be refreshed, so that the latest position information of the map element may be displayed in the page.
When the map element is displayed, the display effect of the map element can be flexibly configured according to actual needs, optionally, the map element can be arranged at the central position, the golden section point and other positions of the map display area, and a certain zoom ratio can be set by combining factors such as the screen resolution of equipment and the like, so that the map data corresponding to the map element can be well displayed by combining a map scale. Optionally, an embodiment of the present application provides a manner of determining a map range including a map element, where a position of the map element may include a geographic position coordinate, and the map range determining module is further configured to:
and determining the center of the map range according to the geographic position coordinates of one or more map elements, and determining the map range according to a preset scale.
In the embodiment of the application, one or more map elements may be provided, and in one case, the position of the map element may be used as the center of the map range, and then the size of the map range is adjusted according to a preset scale, where the preset scale may be determined according to the resolution of the device screen, the size of the map element or a display effect required in a corresponding scene, other map elements in the map in the corresponding scene, and the like. In the case of a plurality of map elements, the center of the map range may be determined according to the positions of the plurality of map elements, for example, in various ways such as with the center point of the positions of the plurality of map elements as the center of the map range.
As can be seen from the foregoing analysis, other page elements that may cover the map may also be displayed on the map display area, and this embodiment may determine the coverage area of the page element on the map display area. Optionally, the page element may also be an APP configured by a developer in a design or development stage, and therefore, in an optional implementation, the coverage area determining module is further configured to:
and acquiring one or more attribute information in the height, width or edge coordinates of the page elements, and calculating the coverage area according to the acquired attribute information.
In some examples, the page element may change its state, such as the tab in the two states of foldable and unfoldable shown in fig. 1, and the coverage area of the page element may change in the different states. Therefore, for a page element having at least two states, the attribute information of the page element in different states is different, and in order to determine the coverage area of the page element in time, optionally, the page element has at least two states, and the attribute information of the page element in different states is different, the coverage area determining module is further configured to:
and detecting the state of the page element, and after determining that the state of the page element is changed, re-determining the coverage area of the page element.
The state of the detected page element can be determined according to the actual configuration of the page element, for example, some page elements can be changed by user triggering, for example, the page element is initially in a folded state, and is in an expanded state after being clicked by the user, and is in a recovery state after being clicked again by the user; in other examples, other events may be detected to change the state of the page element, such as the page element automatically reverting from the unfolded state to the folded state after no user trigger is detected, and so on. Optionally, in the design stage, the page element may be configured with a state parameter, and different parameter values are used to indicate different states of the page element, so that the state of the page element may be determined by obtaining the parameter value. In practical application, the process of detecting the state of the page element may be performed continuously after the page is opened, or may be performed periodically, where the period may be 3 seconds, 5 seconds, or 10 seconds, and may be configured flexibly by a technician.
In order to provide a better display effect when the coverage area of the page element is changed, optionally, the display module is further configured to:
and enabling the center of the map range to coincide with the center of the target area, and controlling the map range to be in the target area by zooming the scale of the map.
In the embodiment of the application, the state of the page element is changed, and the corresponding coverage area is also changed, so that the target area is changed, and as the map range needs to be controlled to be in the target area, under the condition that the target area is changed, the center of the map range can be coincided with the center of the target area, and the map range is controlled to be in the target area by zooming the scale of the map.
In the process of displaying the map on the page, a user may initiate an operation instruction for the map to view other map data, and in consideration of a map element as a content focused by the user, the embodiment of the application further provides the following embodiments: the display module is further configured to:
if an operation instruction for the map is received, after the preset time for operating the map according to the operation instruction is up, re-executing: and controlling the map range to be in a target area on the map display area except the coverage area.
In the embodiment of the application, if a user operates a map, a client receives an operation instruction for the map, the map is operated according to the operation instruction, and after a preset time, the step of controlling the map range in a target area on the map display area except the coverage area can be executed again, so that map elements concerned by the user can be automatically displayed in the target area again without executing a new operation instruction by the user.
The embodiment of the map device shown in the page of the application can also be applied to the electronic equipment. The device embodiments may be implemented by software, or by hardware, or by a combination of hardware and software. The software implementation is taken as an example, and as a logical device, a processor of a server in which the device is located reads corresponding computer program instructions in a readable medium such as a nonvolatile memory into an internal memory for operation.
The implementation process of displaying the functions and functions of each module in the map device in the page is specifically described in detail in the implementation process of the corresponding step in the data query method, and is not described herein again.
For the device embodiments, since they substantially correspond to the method embodiments, reference may be made to the partial description of the method embodiments for relevant points. The above-described embodiments of the apparatus are merely illustrative, wherein the modules described as separate parts may or may not be physically separate, and the parts displayed as modules may or may not be physical modules, may be located in one place, or may be distributed on a plurality of network modules. Some or all of the modules can be selected according to actual needs to achieve the purpose of the solution of the embodiments of the present disclosure. One of ordinary skill in the art can understand and implement it without inventive effort.
Correspondingly, the embodiment of the present application further provides an electronic device, including:
a processor;
a memory for storing processor-executable instructions;
wherein the processor is configured to:
the page is provided with a map display area for displaying a map, the map comprises one or more map elements to be displayed, and the page also comprises one or more page elements which are displayed on the map display area and cover the map;
determining a coverage area of the page element on the map presentation area;
acquiring the position of the map element, and determining a map range containing the map element according to the position of the map element;
when the map is displayed on the page, the map range is controlled to be in a target area on the map display area except the coverage area, so that the map element is displayed in the target area.
Accordingly, an embodiment of the present application further provides a computer storage medium, where program instructions are stored in the storage medium, and the program instructions include:
the page is provided with a map display area for displaying a map, the map comprises one or more map elements to be displayed, and the page also comprises one or more page elements which are displayed on the map display area and cover the map;
determining a coverage area of the page element on the map presentation area;
acquiring the position of the map element, and determining a map range containing the map element according to the position of the map element;
when the map is displayed on the page, the map range is controlled to be in a target area on the map display area except the coverage area, so that the map element is displayed in the target area.
Embodiments of the present application may take the form of a computer program product embodied on one or more storage media including, but not limited to, disk storage, CD-ROM, optical storage, and the like, in which program code is embodied. Computer-usable storage media include permanent and non-permanent, removable and non-removable media, and information storage may be implemented by any method or technology. The information may be computer readable instructions, data structures, modules of a program, or other data. Examples of the storage medium of the computer include, but are not limited to: phase change memory (PRAM), Static Random Access Memory (SRAM), Dynamic Random Access Memory (DRAM), other types of Random Access Memory (RAM), Read Only Memory (ROM), Electrically Erasable Programmable Read Only Memory (EEPROM), flash memory or other memory technologies, compact disc read only memory (CD-ROM), Digital Versatile Discs (DVD) or other optical storage, magnetic tape storage or other magnetic storage devices, or any other non-transmission medium, may be used to store information that may be accessed by a computing device.
Other embodiments of the disclosed embodiments will be apparent to those skilled in the art from consideration of the specification and practice of the invention disclosed herein. The disclosed embodiments are intended to cover any variations, uses, or adaptations of the disclosed embodiments that follow its general principles and include common general knowledge in the art or common general knowledge in the art in which the disclosed embodiments are not applied. It is intended that the specification and examples be considered as exemplary only, with a true scope and spirit of the disclosed embodiments being indicated by the following claims.
It is to be understood that the disclosed embodiments are not limited to the precise arrangements described above and shown in the drawings, and that various modifications and changes may be made without departing from the scope thereof. The scope of the embodiments of the present disclosure is limited only by the appended claims.
The above description is only for the purpose of illustrating the preferred embodiments of the present disclosure and is not to be construed as limiting the embodiments of the present disclosure, and any modifications, equivalents, improvements and the like made within the spirit and principle of the embodiments of the present disclosure are all included in the scope of the embodiments of the present disclosure.
Claims (16)
1. A method for displaying a map on a page, wherein the page is provided with a map display area for displaying the map, the map includes one or more map elements to be displayed, the page further includes one or more page elements which are displayed on the map display area and cover the map, and the method includes: acquiring one or more attribute information in the height, width or edge coordinates of the page element, and calculating the coverage area of the page element on the map display area according to the acquired attribute information, wherein the page element has at least two states, and the attribute information is different in different states;
acquiring the position of the map element, and determining a map range containing the map element according to the position of the map element;
when the map is displayed on the page, the map range is controlled to be in a target area on the map display area except the coverage area, so that the map element is displayed in the target area.
2. The method of claim 1, further comprising:
and detecting the state of the page element, and after determining that the state of the page element is changed, re-determining the coverage area of the page element.
3. The method of claim 1, wherein obtaining the location of the map element comprises:
acquiring the position of the map element according to a preset period;
the method further comprises the following steps:
and refreshing the map according to the preset period, and updating the position of the map element on the map.
4. The method of claim 1, wherein the location comprises geographic location coordinates;
the determining a map range including the map element according to the position of the map element includes:
and determining the center of the map range according to the geographic position coordinates of one or more map elements, and determining the map range according to a preset scale.
5. The method of claim 1, wherein the controlling the map extent within a target area on the map presentation area other than the coverage area comprises:
and enabling the center of the map range to coincide with the center of the target area, and controlling the map range to be in the target area by zooming the scale of the map.
6. The method of claim 1, further comprising:
and if an operation instruction aiming at the map is received, after the preset time of operating the map according to the operation instruction, re-executing the step of controlling the map range in a target area on the map display area except the coverage area.
7. The method of claim 1, wherein the map elements include one or more of a vehicle, a trip start point, or a trip end point in a network appointment order.
8. An apparatus for displaying a map on a page, wherein the page is provided with a map display area for displaying the map, the map includes one or more map elements to be displayed, the page further includes one or more page elements displayed on the map display area and covering the map, the apparatus comprises:
a coverage area determination module to: acquiring one or more attribute information in the height, width or edge coordinates of the page element, and calculating the coverage area of the page element on the map display area according to the acquired attribute information, wherein the page element has at least two states, and the attribute information is different in different states;
a map range determination module to: acquiring the position of the map element, and determining a map range containing the map element according to the position of the map element;
a display module for: when the map is displayed on the page, the map range is controlled to be in a target area on the map display area except the coverage area, so that the map element is displayed in the target area.
9. The apparatus of claim 8, wherein the coverage area determination module is further configured to:
and detecting the state of the page element, and after determining that the state of the page element is changed, re-determining the coverage area of the page element.
10. The apparatus of claim 8, wherein the map range determination module is further configured to: acquiring the position of the map element according to a preset period;
the display module is further configured to:
and refreshing the map according to the preset period, and updating the position of the map element on the map.
11. The apparatus of claim 8, wherein the location comprises geographic location coordinates;
the map range determining module is further configured to:
and determining the center of the map range according to the geographic position coordinates of one or more map elements, and determining the map range according to a preset scale.
12. The apparatus of claim 8, wherein the display module is further configured to:
and enabling the center of the map range to coincide with the center of the target area, and controlling the map range to be in the target area by zooming the scale of the map.
13. The apparatus of claim 8, wherein the display module is further configured to:
if an operation instruction for the map is received, after the preset time for operating the map according to the operation instruction is up, re-executing: and controlling the map range to be in a target area on the map display area except the coverage area.
14. The apparatus of claim 8, wherein the map elements include one or more of a vehicle, a trip start point, or a trip end point in a network appointment order.
15. An electronic device, comprising:
a processor;
a memory for storing processor-executable instructions;
wherein the processor is configured to:
the page is provided with a map display area for displaying a map, the map comprises one or more map elements to be displayed, and the page also comprises one or more page elements which are displayed on the map display area and cover the map;
acquiring one or more attribute information in the height, width or edge coordinates of the page element, and calculating the coverage area of the page element on the map display area according to the acquired attribute information, wherein the page element has at least two states, and the attribute information is different in different states;
acquiring the position of the map element, and determining a map range containing the map element according to the position of the map element;
when the map is displayed on the page, the map range is controlled to be in a target area on the map display area except the coverage area, so that the map element is displayed in the target area.
16. A computer storage medium having stored therein program instructions, the program instructions comprising:
the page is provided with a map display area for displaying a map, the map comprises one or more map elements to be displayed, and the page also comprises one or more page elements which are displayed on the map display area and cover the map;
acquiring one or more attribute information in the height, width or edge coordinates of the page element, and calculating the coverage area of the page element on the map display area according to the acquired attribute information, wherein the page element has at least two states, and the attribute information is different in different states;
acquiring the position of the map element, and determining a map range containing the map element according to the position of the map element;
when the map is displayed on the page, the map range is controlled to be in a target area on the map display area except the coverage area, so that the map element is displayed in the target area.
Priority Applications (6)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201710824140.4A CN110019590B (en) | 2017-09-13 | 2017-09-13 | Method and device for displaying map in page, electronic equipment and storage medium |
| PCT/CN2018/094119 WO2019033865A1 (en) | 2017-08-14 | 2018-07-02 | Systems and methods for displaying map information |
| CN202310470706.3A CN116501822A (en) | 2017-08-14 | 2018-07-02 | System and method for displaying map information |
| CN201880001534.2A CN110140122B (en) | 2017-08-14 | 2018-07-02 | System and method for displaying map information |
| TW107128298A TWI711964B (en) | 2017-08-14 | 2018-08-14 | Systems and methods for displaying map information |
| US16/790,832 US20200182646A1 (en) | 2017-08-14 | 2020-02-14 | Systems and methods for displaying map information |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201710824140.4A CN110019590B (en) | 2017-09-13 | 2017-09-13 | Method and device for displaying map in page, electronic equipment and storage medium |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN110019590A CN110019590A (en) | 2019-07-16 |
| CN110019590B true CN110019590B (en) | 2021-10-12 |
Family
ID=67186236
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201710824140.4A Active CN110019590B (en) | 2017-08-14 | 2017-09-13 | Method and device for displaying map in page, electronic equipment and storage medium |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN110019590B (en) |
Families Citing this family (6)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN111176507B (en) * | 2019-12-25 | 2021-12-10 | 北京趣拿软件科技有限公司 | Map processing method and device, storage medium and electronic device |
| CN111258698A (en) * | 2020-01-17 | 2020-06-09 | 支付宝(杭州)信息技术有限公司 | Object display method and device |
| CN113393692A (en) * | 2020-03-13 | 2021-09-14 | 阿里巴巴集团控股有限公司 | Display method, query method, navigation method, riding assisting method and device |
| CN112991808B (en) * | 2020-12-29 | 2022-09-30 | 杭州海康威视数字技术股份有限公司 | Parking space display method and device for parking area and electronic equipment |
| CN115186026A (en) * | 2022-06-30 | 2022-10-14 | 北京字跳网络技术有限公司 | Map display method and device, storage medium and electronic equipment |
| CN116974684B (en) * | 2023-09-22 | 2023-12-08 | 鲸数科技（北京）有限公司 | Map page layout method, map page layout device, electronic equipment and computer readable medium |
Citations (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN101004737A (en) * | 2007-01-24 | 2007-07-25 | 贵阳易特软件有限公司 | Individualized document processing system based on keywords |
| CN101672648A (en) * | 2008-09-12 | 2010-03-17 | 富士通天株式会社 | Information processing device and image processing device |
| CN102083076A (en) * | 2009-11-30 | 2011-06-01 | 中国移动通信集团广东有限公司 | Planning method and device of wireless network |
| CN103927374A (en) * | 2014-04-24 | 2014-07-16 | 盐城工学院 | Web GIS map layer establishing method based on SharpMap |
Family Cites Families (1)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US7436318B2 (en) * | 2004-04-19 | 2008-10-14 | Atg Designworks, Llc | Self contained device for displaying electronic information |
-
2017
- 2017-09-13 CN CN201710824140.4A patent/CN110019590B/en active Active
Patent Citations (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN101004737A (en) * | 2007-01-24 | 2007-07-25 | 贵阳易特软件有限公司 | Individualized document processing system based on keywords |
| CN101672648A (en) * | 2008-09-12 | 2010-03-17 | 富士通天株式会社 | Information processing device and image processing device |
| CN102083076A (en) * | 2009-11-30 | 2011-06-01 | 中国移动通信集团广东有限公司 | Planning method and device of wireless network |
| CN103927374A (en) * | 2014-04-24 | 2014-07-16 | 盐城工学院 | Web GIS map layer establishing method based on SharpMap |
Non-Patent Citations (1)
| Title |
|---|
| "https://baijiahao.baidu.com/s?id=1552532348609743&wfr=spider&for=pc";百度在线网络技术（背景）有限公司;《百度经验》;20161202;第1-19页 * |
Also Published As
| Publication number | Publication date |
|---|---|
| CN110019590A (en) | 2019-07-16 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN110019590B (en) | Method and device for displaying map in page, electronic equipment and storage medium | |
| US10096142B2 (en) | Method and apparatus for contextually varying imagery on a map | |
| EP2565583B1 (en) | Navigation device, method of outputting a map, and method of generating a database | |
| US8139088B2 (en) | Method for generating a digital map | |
| EP3338058B1 (en) | Location based service tools for video illustration, selection, and synchronization | |
| CN106030685B (en) | The method of adjustment of map information processing device, map information processing method and more new data | |
| US20140201040A1 (en) | Presentation-structure-aware display of planograms | |
| US9243921B2 (en) | Intuitive preview of upcoming navigational instructions | |
| JP4117971B2 (en) | Map information display system for moving objects | |
| US9214132B2 (en) | Electronic chart display device and method of displaying information relating to electronic chart | |
| CN107656961B (en) | Information display method and device | |
| US9243926B2 (en) | Electronic map system | |
| DE202014010894U1 (en) | System for disambiguation of the object selection | |
| CN112132654A (en) | Method, device and storage medium for displaying house source information | |
| CN110647604A (en) | Method and device for displaying POI (Point of interest) data of map | |
| EP2693719A1 (en) | Portable device, application launch method, and program | |
| AU2010340461B2 (en) | Method, system, and computer-readable recording medium for providing information on an object using a viewing frustum | |
| US20170199050A1 (en) | Route search system, route search device, route search method, program, and information storage medium | |
| EP2075718B1 (en) | Satellite navigation method and system | |
| EP3855122A1 (en) | Navigation system, navigation display method, and navigation display program | |
| JP2016099442A (en) | Map data creation method, map display method, map data creation device, and map display device | |
| CN110020299B (en) | Display position adjusting method and device | |
| US20130184991A1 (en) | Method of Generating Geometric Heading and Positioning System Using the Same Method | |
| CN114117161A (en) | Display method and device | |
| JP7065656B2 (en) | Information presentation system, information presentation method, and program |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| PB01 | Publication | ||
| PB01 | Publication | ||
| SE01 | Entry into force of request for substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| GR01 | Patent grant | ||
| GR01 | Patent grant |