Page interaction method and device

Abstract

The invention discloses a page interaction method and device, and is used for improving the convenience of operation, and the method comprises the steps: responding to a query request of a travel route, and displaying a map display region and a route guide information region; wherein the map display area is used for displaying a travel route on a map, and the route guide information area is used for displaying a guide information module corresponding to at least one travel section in the travel route; and in response to a trigger operation on the guide information module corresponding to any travel section, displaying the travel sub-route corresponding to the travel section in a map display area by adopting a preset highlighting mode.

Description

Technical Field

[0001] The present application relates to the field of Internet technology, and in particular to a page interaction method, apparatus, device and storage medium. Background Art

[0002] Map apps allow users to search for information about their travel routes. Currently, users must switch pages or zoom in and out on the map multiple times to find information about a specific route stage. This cumbersome operation negatively impacts the user experience. Summary of the Invention

[0003] In view of this, embodiments of the present application provide a page interaction method and device to improve the convenience of operation.

[0004] To solve the above problems, the technical solutions provided in the embodiments of the present application are as follows:

[0005] In a first aspect, an embodiment of the present application provides a page interaction method, the method comprising:

[0006] In response to a query request for a travel route, a map display area and a route guidance information area are displayed; wherein the map display area is used to display the travel route on a map, and the route guidance information area is used to display a guidance information module corresponding to at least one segment of the travel route;

[0007] In response to a triggering operation on a guidance information module corresponding to any travel segment, the travel sub-route corresponding to the travel segment is displayed in the map display area in a preset highlighting manner.

[0008] In a possible implementation, the route guidance information area is further used to display a guidance information module corresponding to at least one travel point in the travel route; and the method further includes:

[0009] In response to a triggering operation on a guidance information module corresponding to any travel point, map content within a preset range of the travel point is displayed in the map display area in a preset highlighting manner.

[0010] In one possible implementation, the trip segments include travel segments by bus; and in response to a triggering operation on a guidance information module corresponding to any trip segment, displaying the travel sub-route corresponding to the trip segment in a preset prominent manner in the map display area includes:

[0011] In response to a triggering operation on a sidebar bar chart in a guidance information module corresponding to any travel segment, a travel sub-route corresponding to the travel segment is displayed in the map display area in a preset highlighting manner.

[0012] In a possible implementation, the route guidance information area is further used to display a route overview information module, and the method further includes:

[0013] In response to a triggering operation on the guidance information module corresponding to any travel segment, the route guidance information area is slid down; wherein the route guidance information area after sliding down is used to display the route overview information module;

[0014] After the travel sub-route corresponding to the trip segment is displayed in the map display area in a preset prominent manner, the travel route is displayed in full view in the map display area in response to a triggering operation on the map display area.

[0015] In a possible implementation, the route guidance information area is further used to display a route overview information module, and the method further includes:

[0016] In response to a triggering operation on the guidance information module corresponding to any travel segment, the route guidance information area is slid down; wherein the route guidance information area after sliding down is used to display the route overview information module and time options; each time option corresponds to a recommended travel route;

[0017] In response to a selection instruction for a time option, the route overview information module is updated based on route overview information of a recommended travel route corresponding to the time option.

[0018] In a possible implementation, the method further includes:

[0019] In response to a triggering operation on a guidance information module corresponding to any travel segment, a preset prompt method is used to display the route guidance information module corresponding to the travel segment.

[0020] In a possible implementation, after displaying the map display area and the route guidance information area, the following is further included:

[0021] Determine the user's current location;

[0022] Determining a guidance information module corresponding to the current position as a target guidance information module;

[0023] The target guidance information module is displayed in the top area of ​​the route guidance information area.

[0024] In a possible implementation, after the map display area displays the travel sub-route corresponding to the trip segment in a preset highlighting manner, the method further includes:

[0025] In response to an upward or downward sliding operation on the route guidance information area, expanding or reducing the area size of the route guidance information area;

[0026] In response to the area size being expanded or reduced, the currently topped guide information module is maintained for display in the top area of ​​the route guide information area.

[0027] In a possible implementation, the route guide information area is further used to display a route overview information module, and maintaining the currently pinned guide information module in the pinned area of ​​the route guide information area for display includes:

[0028] Maintaining the route overview information module for display in the top area of ​​the route guide information area;

[0029] The currently pinned guidance information module is maintained and displayed in the pinned area under the line overview information module.

[0030] In a second aspect, an embodiment of the present application provides a page interaction device, the page interaction device comprising:

[0031] a first display unit, configured to display a map display area and a route guidance information area in response to a travel route query request; wherein the map display area is configured to display the travel route on a map, and the route guidance information area is configured to display a guidance information module corresponding to at least one segment of the travel route;

[0032] The second display unit is configured to, in response to a triggering operation on a guidance information module corresponding to any travel segment, display the travel sub-route corresponding to the travel segment in a preset highlighting manner in the map display area.

[0033] In a third aspect, an embodiment of the present application provides a page interaction device, comprising: a memory, a processor, and a computer program stored in the memory and executable on the processor. When the processor executes the computer program, it implements any of the above-mentioned page interaction methods.

[0034] In a fourth aspect, an embodiment of the present application provides a computer-readable storage medium, in which instructions are stored. When the instructions are executed on a terminal device, the terminal device executes any of the page interaction methods described above.

[0035] In a fifth aspect, an embodiment of the present application provides a computer program product, comprising computer program instructions, which, when executed on a computer, enable the computer to execute any of the page interaction methods described above.

[0036] It can be seen that the embodiments of the present application have the following beneficial effects:

[0037] In this embodiment of the present application, after a user triggers a travel route query request, a map display area and a route guidance information area can be displayed. The map display area is used to display the travel route on the map, and the route guidance information area displays the guidance information modules corresponding to one or more segments of the travel route. When a user triggers an operation on any guidance information module, the travel sub-route corresponding to that segment is displayed in the map display area using a preset highlighting method. That is, after clicking a guidance information module, the map automatically zooms in and focuses on the corresponding segment area, realizing the linkage between route information and map perspective, allowing users to quickly and intuitively obtain travel route-related information. The simple operation and intuitive information display enhance user satisfaction and stickiness. BRIEF DESCRIPTION OF THE DRAWINGS

[0038] Figure 1 A flow chart of a page interaction method provided in an embodiment of the present application;

[0039] Figure 2 This is a schematic diagram of a bus route details page in an embodiment of the present application;

[0040] Figure 3 A schematic diagram showing a click response to a target guidance information module in an embodiment of the present application;

[0041] Figure 4 A schematic diagram of updating the line overview information module in an embodiment of the present application;

[0042] Figure 5 A schematic diagram showing a trigger response to a guidance information module corresponding to a current location in an embodiment of the present application;

[0043] Figure 6 A schematic diagram of displaying a trigger response of a guidance information module corresponding to a travel segment in an embodiment of the present application;

[0044] Figure 7 A schematic diagram of the display of a trigger response of a sidebar bar chart of a guidance information module corresponding to a travel segment in an embodiment of the present application;

[0045] Figure 8 A schematic diagram showing an overview of a travel route in an embodiment of the present application;

[0046] Figure 9 Another schematic diagram of displaying an overview of travel routes in an embodiment of the present application;

[0047] Figure 10 A schematic diagram showing a response to a sliding operation in an embodiment of the present application;

[0048] Figure 11 A schematic diagram showing another sliding operation response in an embodiment of the present application;

[0049] Figure 12 A schematic diagram of displaying a trigger response to a guidance information module corresponding to any travel segment in an embodiment of the present application;

[0050] Figure 13 A schematic diagram showing another sliding operation response in an embodiment of the present application;

[0051] Figure 14 A schematic diagram of a page interaction device provided in an embodiment of the present application. DETAILED DESCRIPTION

[0052] In order to make the above-mentioned purposes, features and advantages of the embodiments of the present application more obvious and easy to understand, the embodiments of the present application are further described in detail below with reference to the accompanying drawings and specific implementation methods.

[0053] In order to facilitate understanding and explanation of the technical solutions provided by the embodiments of the present application, the background technology of the embodiments of the present application will be described below.

[0054] In map apps, users can enter a starting point and an end point to query travel routes from that point to the destination. Map apps can display relevant information about the queried travel routes, typically showing a map of the route and route information for one or more segments of the route. To view the map content corresponding to a specific segment, users must zoom in and out, and may need to return to view route information. This cumbersome operation hinders efficient access to relevant information and impacts the user experience.

[0055] Based on this, the present invention provides a page interaction method and device that, when a user triggers an information module displaying route information, automatically zooms in and focuses on the corresponding area on the map, linking route information with the map perspective. This allows users to quickly and intuitively obtain route information, effectively simplifying operations and providing an efficient navigation experience.

[0056] To facilitate understanding of the embodiments of the present application, a page interaction method provided in the embodiments of the present application is described below with reference to the accompanying drawings.

[0057] See also Figure 1 As shown in FIG, this figure is a flow chart of a page interaction method provided by an embodiment of the present application, as shown in FIG. Figure 1 As shown, the method may include S101-S102:

[0058] S101: In response to a travel route query request, display a map display area and a route guidance information area; wherein the map display area is used to display the travel route on a map, and the route guidance information area is used to display a guidance information module corresponding to at least one travel segment in the travel route.

[0059] Map applications can provide travel route query services. When querying travel routes, users can enter the starting point and end point, or only the end point to trigger a travel route query request. It is understood that when the user enters the starting point and end point, the travel route from the starting point to the end point can be queried. When the user enters only the end point, the travel route from the user's current location (i.e., "My Location") to the end point can be queried. Travel routes can include public transportation routes, such as a combination of routes using various modes of transportation.

[0060] In response to a travel route query request, a map application can retrieve one or more travel routes and display relevant route information for one of them. The displayed route is typically a recommended route, but it can also be a route selected by the user from multiple routes, with relevant route information displayed for that route.

[0061] Relevant route information is displayed through the map display area and the route guidance information area. The map display area and the route guidance information area can constitute the route details page, and of course they can also be located in two independent display pages or display modules, which is reasonable. The map display area is the displayed map part, which is used to display the travel route on the map, such as the geographical location and path of the travel route. The route guidance information area is the displayed information module part, which is used to display the relevant route information of specific journey segments in the travel route, such as walking journey segments, travel segments by car (subway line journey segments / bus line journey segments / train journey segments, etc.), cycling journey segments, etc.

[0062] During the initial display, the route guidance information area may display guidance information modules corresponding to one or more segments of the travel route. Each guidance information module is used to display route information for a particular segment. In actual applications, the guidance information modules may be in the form of guidance cards.

[0063] The route guidance information area may also display a route overview information module for displaying the overall route information of the travel route. Typically, the route overview information module may be displayed above each guidance information module. In actual applications, the route overview information module may be in the form of a route overview card.

[0064] It is understandable that a travel route usually has multiple journey segments, and each journey segment will correspond to a guidance information module. However, the screen area of ​​the terminal device is limited, and the currently displayed guidance information module may be a part of all guidance information modules. The user can view other guidance information modules by sliding. For the interactive display of the page of the sliding operation, please refer to the subsequent embodiments and will not be described in detail here. Figure 2FIG2 shows a schematic diagram of a map display area 201 and a route guidance information area 202 in an embodiment of the present application. The route guidance information area 202 includes a route overview information module 202a and multiple guidance information modules 202b. For example, the map display area 201 displays a travel route on a map. The route overview information module 202a displays the overall route information for the travel route, including information such as the travel time required, the route from the starting point through a walking segment, taking Subway Line 1, transferring to Subway Line 5, and then completing another walking segment to the destination. The guidance information module 202b includes a guidance information module for the current location, which displays "My Location"; a guidance information module for the first walking segment, which displays route information such as the walking segment's duration and distance; and a guidance information module for the first bus segment, which displays route information such as the starting point and duration for the bus segment. The figure also includes guidance information modules not shown, such as a guidance information module for the second bus segment, a guidance information module for the second walking segment, and a guidance information module for the destination.

[0065] S102: In response to a triggering operation on a guidance information module corresponding to any travel segment, a travel sub-route corresponding to the travel segment is displayed in a map display area in a preset highlighting manner.

[0066] In an embodiment of the present application, when a user needs to view information about a particular trip segment, particularly the map content for that trip segment, they can trigger the guidance information module corresponding to that trip segment. In response to the triggering of the guidance information module corresponding to that trip segment, the map application can employ a preset highlighting method in the map display area, such as directly zooming in on the map content of the travel sub-route for that trip segment. By linking the guidance information module with the map, the user can quickly and intuitively access relevant route information.

[0067] See also Figure 3 The figure shows a schematic diagram of the display in response to triggering a guidance information module. For example, if a user triggers the guidance information module corresponding to the first walking segment, which corresponds to the walking segment from the starting point to Station AA on Metro Line 1, the map display area changes from displaying the entire travel route to directly zooming in on the map content of that walking segment.

[0068] Furthermore, in actual applications, users can trigger a Start Navigation button for any journey segment to begin route navigation. In response to the triggering of the Start Navigation button, the map application can display the navigation page for the corresponding journey segment. The page interaction method provided in the embodiments of the present application is applicable both before navigation begins and during navigation.

[0069] In a possible implementation, the embodiment of the present application may further include:

[0070] In response to a triggering operation on a guidance information module corresponding to any travel segment, the route guidance information area is slid down for display; wherein the route guidance information area after sliding down is used to display the route overview information module.

[0071] To enhance the display quality of the zoomed-in map display area, when a navigation module corresponding to a particular trip segment is triggered, the route navigation information area can be lowered to display only the route overview module, while the corresponding sub-route is displayed on the map display area. This allows for a larger map display area, a clearer map of the sub-route corresponding to the displayed trip segment, and a clearer view of the page without excessive other information, allowing users to quickly focus on the information they need.

[0072] Continue to see Figure 3 As shown, when displaying a travel sub-route corresponding to a certain walking segment, the route guidance information area at the bottom of the page changes from displaying a route overview information module and multiple guidance information modules to displaying only the route overview information module, reducing the display area of ​​the route guidance information area and making the page display more concise and clear.

[0073] In a possible implementation, the embodiment of the present application may further include:

[0074] In response to a triggering operation on the guidance information module corresponding to any travel segment, the route guidance information area slides down; wherein, the route guidance information area after sliding down is used to display the route overview information module and time options; each time option corresponds to a recommended travel route.

[0075] In response to a selection instruction for a time option, a route overview information module is updated based on route overview information of a recommended travel route corresponding to the time option.

[0076] It is understood that a map application can obtain one or more travel routes in response to a bus route query request. When multiple travel routes (also known as recommended travel routes) are obtained, each travel route will correspond to a different route overview information module and a corresponding guidance information module. Furthermore, each travel route corresponds to a time option, for example, the first travel route corresponds to the time option "1 hour", the second travel route corresponds to the time option "1 hour 2 minutes", and so on.

[0077] While the map display area displays the travel sub-route corresponding to the trip segment, the route guidance information area can also be slid down as a whole to display the route overview information module and time options, which can be one or more. In response to the selection instruction for a time option, the route overview information module can be switched. At the same time, the corresponding travel route can also be displayed on the map in the map display area. Figure 4 , which shows a schematic diagram of updating the route overview information module. For example, the time options include "1 hour" and "1 hour 2 minutes." The route overview information module for the first travel route is currently displayed. For the "1 hour" time option, the map display area shows the map content for the first travel route. When the "1 hour 2 minutes" time option corresponding to the second travel route is selected, the route overview information module for the second travel route is updated based on the relevant route information of the second travel route, and the map display area shows the map content for the second travel route. This enables switching between different travel routes.

[0078] In this embodiment of the present application, after a user triggers a travel route query request, a travel route map display area and a route guidance information area can be displayed. The map display area is used to display the travel route on the map, and the route guidance information area displays the guidance information modules corresponding to one or more segments of the travel route. When a user triggers an operation on any guidance information module, the travel sub-route corresponding to that segment is displayed in the map display area using a preset highlighting method. That is, after clicking a guidance information module, the map automatically zooms in and focuses on the corresponding segment area, realizing the linkage between route information and map perspective, allowing users to quickly and intuitively obtain travel route-related information. The simple operation and intuitive information display enhance user satisfaction and stickiness.

[0079] The following further describes that, in the embodiment of the present application, after different types of guidance information modules are triggered, corresponding map content is displayed in the map display area.

[0080] In one possible implementation, the route guidance information area is further used to display a guidance information module corresponding to at least one travel point in the travel route; this embodiment of the application may further include:

[0081] In response to a triggering operation on the guidance information module corresponding to any travel point, the map content within a preset range of the travel point is displayed in the map display area in a preset highlighting manner.

[0082] In addition to journey segments, a travel route can also include journey points. Each journey point can also correspond to a guidance information module for displaying information about that journey point. For example, a journey point can include the current location, starting point, end point, and exit, and each of these can correspond to a guidance information module corresponding to the current location, starting point, end point, and exit, respectively.

[0083] In response to a triggering operation on the guidance information module corresponding to any travel point, the map content within a preset range of the travel point can be displayed in the map display area in a preset highlighting manner.

[0084] For example, when querying the travel route from the user's current location (i.e. "my location") to the destination, and the user needs to view information near the starting point, he can click the guidance information module of the current location. Figure 5 , which shows a schematic diagram of a display response to a triggering operation of a guidance information module corresponding to the current location. In response to the triggering operation of the guidance information module corresponding to the current location, the map application obtains the user's current location and displays the map content within a preset range of the user's current location in the map display area.

[0085] When searching for a route from a starting point to a destination and needing to view information near the starting point, the user can click on the guidance information module corresponding to the starting point. In response to the triggering operation on the corresponding guidance information module, the map application obtains the starting point location and displays the map content within the preset range of the starting point in the map display area.

[0086] To view information near a destination, a user can tap the corresponding guidance information module. It should be understood that if the guidance information module for a destination is not displayed in the current route guidance information area, a swipe operation within the route guidance information area can be performed to slide multiple guidance information modules to display the guidance information module for the destination. In response to the triggering operation on the guidance information module for the destination, the map application obtains the location of the destination and displays the map content within the preset range of the destination in the map display area.

[0087] When a travel segment includes a subway line or train segment, the user may need to view the exit, thereby triggering the corresponding guidance information module. In response to the triggering operation of the corresponding guidance information module, the map application obtains map information of the exit, such as the location of each exit, and displays the map content within a preset range of the exit in the map display area. The preset range can be set according to actual circumstances, for example, setting the map content within a 200-meter scale to display. This embodiment of the application does not limit the preset range.

[0088] In the embodiment of the present application, the travel segment may include a walking travel segment, a travel segment by vehicle (a subway line travel segment / a bus line travel segment / a train travel segment, etc.), a cycling travel segment, etc.

[0089] For example, when a user needs to view information about a certain walking segment, he or she can click on the guidance information module corresponding to the walking segment. Figure 3 The figure shows a schematic diagram of a display response to a triggering operation of a guidance information module corresponding to a walking segment. In response to the triggering operation of the guidance information module corresponding to the walking segment, the map application obtains the location of the walking segment and displays the travel sub-route corresponding to the walking segment in the map display area. This allows for a complete overview of the walking segment on the map, with the display range encompassing the entire walking segment.

[0090] When users need to view the information of a certain travel segment, they can click on the guidance information module corresponding to the travel segment. Travel segments include subway line segments, bus line segments, train segments, etc. Figure 6 The figure shows a schematic diagram of the display response to triggering a guidance information module corresponding to a travel segment. In response to the triggering operation of the guidance information module corresponding to a travel segment, the map application obtains the location of the travel segment and displays the travel sub-route corresponding to the travel segment in the map display area. This provides a complete overview of the travel segment on the map, with the display range encompassing the entire route range of the travel segment. For example, if the user triggers the guidance information module corresponding to a travel segment on Subway Line 1, and the travel segment runs from Station AA to Station BB on Subway Line 1, the route content of Subway Line 1 from Station AA to Station BB will be displayed in the map display area.

[0091] In one possible implementation, S102, in response to a triggering operation on a guidance information module corresponding to any travel segment, specifically displaying the travel sub-route corresponding to the travel segment in a map display area using a preset highlighting method may include:

[0092] In response to a triggering operation on the sidebar bar chart in the guidance information module corresponding to any travel segment, the travel sub-route corresponding to the travel segment is displayed in a preset highlighting manner in the map display area.

[0093] In actual applications, the guidance information module corresponding to the travel segment is usually provided with a sidebar bar chart to make the display of the guidance information module corresponding to the travel segment more prominent. When the user needs to view the information of a certain travel segment, the sidebar bar chart of the guidance information module corresponding to the travel segment can also be triggered. Figure 7The figure shows a display diagram of a triggering response to a bar chart in the sidebar of the guidance information module corresponding to a travel segment. In response to the triggering operation of the bar chart in the sidebar of the guidance information module corresponding to a travel segment, the map application obtains the location of the travel segment and displays the travel sub-route corresponding to the travel segment in the map display area. This allows a full overview of the travel segment on the map, with the display range encompassing the entire route range of the travel segment. For example, if the user triggers the orange sidebar bar chart on the left side of the guidance information module corresponding to a travel segment on Metro Line 1, and the travel segment is from Station AA to Station BB on Metro Line 1, the route content from Station AA to Station BB on Metro Line 1 will be displayed in the map display area.

[0094] In an embodiment of the present application, by triggering the guidance information module corresponding to any travel segment in the route guidance information area, the map will adopt a preset highlighting method to enlarge and focus on the map area of ​​the travel segment for different types of travel segments, making the operation more intuitive and simple, and providing a better user experience.

[0095] Based on the description of the above embodiments, in a possible implementation, the embodiment of the present application may further include:

[0096] In response to a triggering operation on a guidance information module corresponding to any travel segment, the guidance information module corresponding to the travel segment is displayed in a preset prompt manner.

[0097] In an embodiment of the present application, when a guidance information module corresponding to any travel segment is triggered, a prompt may be displayed for the triggered guidance information module, such as by changing the transparency of the guidance information module or highlighting the guidance information module, to prompt the user of the currently selected location.

[0098] The embodiments of the present application can also provide more flexible page display modes.

[0099] In a possible implementation, the embodiment of the present application may further include:

[0100] After the travel sub-route corresponding to the trip segment is displayed in a preset prominent manner in the map display area, the travel route is displayed in full view in the map display area in response to a triggering operation on the map display area.

[0101] After displaying the map content of a certain travel segment in the map display area, if you need to view the overall geographical location and path of the travel route on the map, you can also view the entire travel route. In the first implementation method, the user can trigger in the blank area of ​​the map display area. In response to the triggering operation on the map display area, the entire map content of the travel route can be displayed in the map display area. Figure 8, which shows a schematic diagram of displaying an overview of a travel route. In a second implementation, an overview button can be provided in the map display area. The user can click the overview button to view the entire map content of the travel route. In response to the triggering operation of the overview button, the entire map content of the travel route can be displayed in the map display area.

[0102] Therefore, after displaying the map content of the travel segment corresponding to any guidance information module in the map display area, you can also switch to the full map display mode to display the overall map content of the travel route, providing more flexible perspective management.

[0103] In a possible implementation, the embodiment of the present application may further include:

[0104] After the travel sub-route corresponding to the trip segment is displayed in a preset prominent manner in the map display area, in response to a triggering operation on the map display area, the route guidance information area is hidden when the travel route is displayed in full view in the map display area.

[0105] In response to the triggering operation of the map display area or the triggering operation of the overview button, when the overall map content of the travel route is displayed in the map display area, the route guidance information area can be hidden, that is, the route overview information module is not displayed either. Figure 9 FIG. 1 shows another schematic diagram of displaying an overview of a travel route, thereby providing more page area to display the overall map content of the travel route, making the display clearer.

[0106] Based on the above description, users can view other guidance information modules by sliding on the bus route details page. The following continues to explain the page interactive display related to the sliding operation.

[0107] In one possible implementation, after displaying the map display area and the route guidance information area, the embodiment of the present application may further include:

[0108] Determine the user's current location;

[0109] Determine the guidance information module corresponding to the current position as the target guidance information module;

[0110] In the top area of ​​the route guidance information area, the target guidance information module is displayed.

[0111] During the initial display, if a user queries a travel route from their current location (i.e., "My Location") to their destination, the user's current location can be determined, and the guidance information module corresponding to that location can be used as the target guidance information module. The target guidance information module can then be displayed in a top-level area within the route guidance information area. Since the target guidance information module is typically a user's primary focus, this approach consistently places the target guidance module in a prominent location, improving the user's efficiency in accessing relevant content within the target guidance information module.

[0112] If a route overview information module is displayed in the route guide information area, the route overview information module is maintained and displayed in a top area of ​​the route guide information area, and is displayed in a top area below the route overview information module.

[0113] In a possible implementation, the embodiment of the present application may further include:

[0114] In response to an upward or downward sliding operation on the route guide information area, the area size of the route guide information area is expanded or reduced.

[0115] In response to the area size being expanded or reduced, the currently topped guide information module is maintained for display in the top area of ​​the route guide information area.

[0116] In a possible implementation, the route guide information area is further used to display a route overview information module, and the currently pinned guide information module is maintained in the pinned area of ​​the route guide information area for display, including:

[0117] The route overview information module is displayed in the top area of ​​the route guidance information area.

[0118] The currently pinned guidance information module is maintained and displayed in the pinned area under the line overview information module.

[0119] In the first implementation, see Figure 10 , which shows a display diagram of a sliding operation response. During the initial display, a map display area and a route guidance information area are displayed. The route guidance information area can display a route overview information module and one or more guidance information modules. The guidance information module corresponding to the current location is the guidance information module displayed at the top below the route overview information module. By swiping upward in the route guidance information area, the entire route guidance information area can be slid upward, increasing the display area of ​​the route guidance information area, thereby displaying more guidance information modules and reducing the display area of ​​the corresponding map display area.

[0120] When the route overview information module is swiped up to the preset position and cannot be swiped up further, if there are still guidance information modules that are not displayed at this time, continue to swipe up in the route guidance information area. At this time, the route overview information module will remain at the top and displayed in the preset position. Each guidance information module will continue to scroll and slide up until the last guidance information module is displayed in the route guidance information area. For example, when the route overview information module is swiped up to the preset position, the guidance information modules currently displayed include the guidance information module corresponding to the current position to the guidance information module corresponding to the exit. If you continue to swipe up in the route guidance information area, the display position of the route overview information module remains unchanged. At this time, the guidance information modules corresponding to the first ride segment to the guidance information module corresponding to the destination are displayed.

[0121] In the second implementation, see Figure 11 As shown, another display schematic diagram of a sliding operation response is shown. When only the route overview information module is displayed in the route guidance information area, swiping upward in the route guidance information area can slide the route guidance information area upward as a whole, and the route overview information module and one or more guidance information modules will appear first. Continuing to swiping upward in the route guidance information area can continue to slide the route guidance information area upward as a whole. When the route overview information module is swiped up and displayed to the preset position, it cannot be swiped up further. If there are still guidance information modules that are not displayed at this time, continue to swipe upward in the route guidance information area. At this time, the route overview information module is pinned to the top and remains displayed at the preset position. Each guidance information module continues to scroll and slide up until the last guidance information module is displayed in the route guidance information area.

[0122] After the new guidance information module is displayed in the route guidance information area by sliding the page, the guidance information module corresponding to any travel segment can be triggered, and S102 is repeatedly executed in response to the triggering operation of the guidance information module corresponding to any travel segment, and the travel sub-route corresponding to the travel segment is displayed in the map display area in a preset highlighting manner. Figure 12 , which shows a schematic diagram of triggering a guidance information module corresponding to any travel segment. For example, after scrolling the page, a guidance information module corresponding to the second walking segment appears. The user triggers the guidance information module corresponding to the second walking segment, which corresponds to the walking segment from CC Station on Metro Line 5 to the destination. The map display area then zooms in on the map content of this walking segment.

[0123] After the line overview information module slides to the preset position, the user can slide down on the line overview information module. Figure 13As shown, another display schematic diagram of a sliding operation response is shown. In response to a downward sliding operation on the route overview information module, the route guidance information area is displayed by sliding down as a whole. The display area of ​​the route guidance information area is reduced, and the display area of ​​the corresponding map display area is increased. At this time, the guidance information module currently pinned below the route overview information module is maintained to be displayed in the pinned area below the route overview information module, that is, the display content of the guidance information module is kept from being reset. For example, when a downward sliding operation is triggered on the route overview information module, the guidance information module corresponding to the first travel segment is below the route overview information module, and the guidance information module corresponding to the first travel segment is still maintained below the route overview information module during the sliding process, and the area below the route overview information module is not switched back to display the guidance information module corresponding to the current position, so as to reduce the number of operation adjustments by the user.

[0124] Similarly, if you continue to swipe upward on the route overview information module, the entire route guidance information area will slide upward in response to the upward swipe operation on the route overview information module. At this time, the guidance information module below the route overview information module will remain displayed in the top area below the route overview information module, that is, the displayed content of the guidance information module will not be reset.

[0125] In this embodiment of the present application, the current page content of the route guidance information area is not reset when the user slides the route guidance information area. When the user re-enters the bus route details page, the page content of the route guidance information area is reset. This allows the user to more quickly locate the location of a certain guidance information module after sliding, reducing the number of adjustments the user has to make.

[0126] Based on the page interaction method provided in the above method embodiment, the embodiment of the present application also provides a page interaction device, which will be described below in conjunction with the accompanying drawings.

[0127] See also Figure 14 As shown in FIG, this figure is a structural diagram of a page interaction device provided by an embodiment of the present application. Figure 14 As shown, the page interaction device includes:

[0128] A first display unit 1401 is configured to display a map display area and a route guidance information area in response to a travel route query request; wherein the map display area is configured to display the travel route on a map, and the route guidance information area is configured to display a guidance information module corresponding to at least one segment of the travel route;

[0129] The second display unit 1402 is configured to, in response to a triggering operation on the guidance information module corresponding to any travel segment, display the travel sub-route corresponding to the travel segment in the map display area in a preset highlighting manner.

[0130] In a possible implementation, the route guidance information area is further configured to display a guidance information module corresponding to at least one travel point in the travel route; and the device further includes:

[0131] The third display unit is configured to, in response to a triggering operation on the guidance information module corresponding to any travel point, display map content within a preset range of the travel point in the map display area using a preset highlighting method. In one possible implementation, the travel segment includes a travel segment by bus; the second display unit is specifically configured to:

[0132] In response to a triggering operation on a sidebar bar chart in a guidance information module corresponding to any travel segment, a travel sub-route corresponding to the travel segment is displayed in the map display area in a preset highlighting manner.

[0133] In a possible implementation, the route guidance information area is further used to display a route overview information module, and the device further includes:

[0134] a fourth display unit, configured to slide down the route guidance information area in response to a triggering operation on the guidance information module corresponding to any travel segment; wherein the route guidance information area after sliding down is used to display the route overview information module;

[0135] The fifth display unit is used to display the travel sub-route corresponding to the trip segment in the map display area in a preset prominent manner, and then, in response to a triggering operation on the map display area, display the travel route in full in the map display area.

[0136] In a possible implementation, the route guidance information area is further used to display a route overview information module, and the device further includes:

[0137] a sixth display unit, configured to slide down the route guidance information area in response to a triggering operation on the guidance information module corresponding to any travel segment; wherein the route guidance information area after sliding down is used to display the route overview information module and time options; each time option corresponds to a recommended travel route;

[0138] An updating unit is configured to update the route overview information module based on route overview information of a recommended travel route corresponding to a time option in response to a selection instruction for the time option.

[0139] In a possible implementation, the apparatus further includes:

[0140] The seventh display unit is used to display the route guidance information module corresponding to any travel segment in a preset prompt manner in response to a triggering operation of the guidance information module corresponding to the travel segment.

[0141] In a possible implementation, the apparatus further includes:

[0142] A first determining unit, configured to determine a current location of a user;

[0143] a second determining unit, configured to determine a guidance information module corresponding to the current position as a target guidance information module;

[0144] An eighth display unit is used to display the target guidance information module in the top area of ​​the route guidance information area.

[0145] In a possible implementation, the apparatus further includes:

[0146] a ninth display unit, configured to expand or reduce the size of the route guidance information area in response to an upward or downward sliding operation on the route guidance information area;

[0147] In response to the area size being expanded or reduced, the currently topped guide information module is maintained for display in the top area of ​​the route guide information area.

[0148] In a possible implementation, the ninth display unit is specifically configured to:

[0149] Maintaining the route overview information module for display in the top area of ​​the route guide information area;

[0150] The currently pinned guidance information module is maintained and displayed in the pinned area under the line overview information module.

[0151] In addition, an embodiment of the present application also provides a page interaction device, including: a memory, a processor, and a computer program stored in the memory and executable on the processor. When the processor executes the computer program, it implements any of the above-mentioned page interaction methods.

[0152] An embodiment of the present application also provides a computer-readable storage medium, in which instructions are stored. When the instructions are executed on a terminal device, the terminal device executes any of the page interaction methods described above.

[0153] An embodiment of the present application also provides a computer program product, including computer program instructions. When the computer program instructions are executed on a computer, the computer is caused to execute any of the page interaction methods described above.

[0154] In this embodiment of the present application, after a user triggers a travel route query request, a map display area and a route guidance information area can be displayed. The map display area is used to display the travel route on the map, and the route guidance information area displays the guidance information modules corresponding to one or more segments of the travel route. When a user triggers an operation on any guidance information module, the travel sub-route corresponding to that segment is displayed in the map display area using a preset highlighting method. That is, after clicking a guidance information module, the map automatically zooms in and focuses on the corresponding segment area, realizing the linkage between route information and map perspective, allowing users to quickly and intuitively obtain travel route-related information. The simple operation and intuitive information display enhance user satisfaction and stickiness.

[0155] It should be noted that the various embodiments in this specification are described in a progressive manner, with each embodiment focusing on the differences from other embodiments. Reference can be made to the common and similar parts between the various embodiments. For the systems or devices disclosed in the embodiments, since they correspond to the methods disclosed in the embodiments, the description is relatively simple, and the relevant parts can be referred to the method description.

[0156] It should be understood that in this application, "at least one (item)" means one or more, and "plurality" means two or more. "And / or" is used to describe the association relationship of associated objects, indicating that three relationships may exist. For example, "A and / or B" can mean: only A exists, only B exists, and A and B exist at the same time, where A and B can be singular or plural. The character " / " generally indicates that the previous and next associated objects are in an "or" relationship. "At least one of the following items" or similar expressions refers to any combination of these items, including any combination of single items or plural items. For example, at least one of a, b or c can mean: a, b, c, "a and b", "a and c", "b and c", or "a and b and c", where a, b, c can be single or multiple.

[0157] It should also be noted that, in this document, relational terms such as first and second, etc., are used only to distinguish one entity or operation from another entity or operation, and do not necessarily require or imply any such actual relationship or order between these entities or operations. Moreover, the terms "comprises," "comprising," or any other variations thereof are intended to cover non-exclusive inclusion, such that a process, method, article, or device comprising a series of elements includes not only those elements, but also other elements not explicitly listed, or elements inherent to such process, method, article, or device. In the absence of further limitations, an element defined by the phrase "comprising a ..." does not exclude the presence of additional identical elements in the process, method, article, or device comprising the element.

[0158] The steps of the methods or algorithms described in conjunction with the embodiments disclosed herein may be implemented directly using hardware, a software module executed by a processor, or a combination of the two. The software module may be placed in a random access memory (RAM), internal memory, read-only memory (ROM), electrically programmable ROM, electrically erasable programmable ROM, registers, a hard disk, a removable disk, a CD-ROM, or any other form of storage medium known in the art.

[0159] The above description of the disclosed embodiments is intended to enable one skilled in the art to implement or use the present application. Various modifications to these embodiments will be readily apparent to one skilled in the art, and the general principles defined herein may be implemented in other embodiments without departing from the spirit or scope of the present application. Therefore, the present application is not limited to the embodiments shown herein, but is intended to conform to the widest scope consistent with the principles and novel features disclosed herein.

Claims

1. A page interaction method, characterized in that: The method comprises: In response to a query request for a travel route, a map display area and a route guidance information area are displayed; wherein the map display area is used to display the travel route on a map, and the route guidance information area is used to display a guidance information module corresponding to at least one segment of the travel route; In response to a triggering operation on a guidance information module corresponding to any travel segment, the travel sub-route corresponding to the travel segment is displayed in the map display area in a preset highlighting manner.

2. The method according to claim 1, characterized in that The route guidance information area is further configured to display a guidance information module corresponding to at least one travel point in the travel route; the method further comprising: In response to a triggering operation on a guidance information module corresponding to any travel point, map content within a preset range of the travel point is displayed in the map display area in a preset highlighting manner.

3. The method according to claim 1, characterized in that The travel segments include travel segments by bus; and in response to a triggering operation of a guidance information module corresponding to any travel segment, displaying the travel sub-route corresponding to the travel segment in a preset highlighting manner in the map display area includes: In response to a triggering operation on a sidebar bar chart in a guidance information module corresponding to any travel segment, a travel sub-route corresponding to the travel segment is displayed in the map display area in a preset highlighting manner.

4. The method according to claim 1, wherein The route guidance information area is further used to display a route overview information module, and the method further includes: In response to a triggering operation on the guidance information module corresponding to any travel segment, the route guidance information area is slid down; wherein the route guidance information area after sliding down is used to display the route overview information module; After the travel sub-route corresponding to the trip segment is displayed in the map display area in a preset prominent manner, the travel route is displayed in full view in the map display area in response to a triggering operation on the map display area.

5. The method according to claim 1, wherein The route guidance information area is further used to display a route overview information module, and the method further includes: In response to a triggering operation on the guidance information module corresponding to any travel segment, the route guidance information area is slid down; wherein the route guidance information area after sliding down is used to display the route overview information module and time options; each time option corresponds to a recommended travel route; In response to a selection instruction for a time option, the route overview information module is updated based on route overview information of a recommended travel route corresponding to the time option.

6. The method according to claim 1, wherein The method further comprises: In response to a triggering operation on a guidance information module corresponding to any travel segment, a preset prompt method is used to display the route guidance information module corresponding to the travel segment.

7. The method according to claim 1, characterized in that After displaying the map display area and route guidance information area, it also includes: Determine the user's current location; Determining a guidance information module corresponding to the current position as a target guidance information module; The target guidance information module is displayed in the top area of ​​the route guidance information area.

8. The method according to claim 1, characterized in that After the map display area displays the travel sub-route corresponding to the trip segment in a preset highlighting manner, the method further includes: In response to an upward or downward sliding operation on the route guidance information area, expanding or reducing the area size of the route guidance information area; In response to the area size being expanded or reduced, the currently topped guide information module is maintained for display in the top area of ​​the route guide information area.

9. The method according to claim 8, characterized in that The route guide information area is further used to display a route overview information module, and the method of maintaining the currently pinned guide information module in the pinned area of ​​the route guide information area for display includes: Maintaining the route overview information module for display in the top area of ​​the route guide information area; The currently pinned guidance information module is maintained and displayed in the pinned area under the line overview information module.

10. A page interaction device, characterized in that: The page interaction device includes: a first display unit, configured to display a map display area and a route guidance information area in response to a travel route query request; wherein the map display area is configured to display the travel route on a map, and the route guidance information area is configured to display a guidance information module corresponding to at least one segment of the travel route; The second display unit is configured to, in response to a triggering operation on a guidance information module corresponding to any travel segment, display the travel sub-route corresponding to the travel segment in a preset highlighting manner in the map display area.

Images