Interface interaction method and device of tourism platform, electronic equipment and medium

Abstract

The embodiment of the invention discloses an interface interaction method and device of a tourism platform, electronic equipment and a storage medium, and the interface interaction method comprises the steps: displaying a viewing model in an initial interface of the tourism platform, the viewing model comprising a plurality of viewing spots; in response to an interaction operation for the viewing model, obtaining a current terminal type and operation information of the interaction operation; determining a window change corresponding to the interactive operation according to the terminal type and the operation information; and adjusting the form of the viewing model based on the window change pair, and displaying a form change process in the initial interface. According to the scheme, the flexibility and convenience of interface interaction can be improved.

Description

TECHNICAL FIELD

[0001] The present application relates to the technical field of image processing, in particular to an interface interaction method and device of a tourism platform, an electronic device and a storage medium. BACKGROUND

[0002] Under the trend of digital upgrading in the tourism industry today, using digital technology (such as augmented display) to provide interactive tour services for tourists has become an important means to improve the tourism experience. By superimposing virtual scenes and tour information in the real environment where the user is located, digital technology can help tourists understand the background and cultural connotations of the scenic spot more intuitively and vividly.

[0003] However, the current interface interaction scheme based on the tourism platform requires the user to perform tedious operations to obtain information about a certain scenic spot in the tourism platform, such as continuously clicking information in the page through a mouse, or sliding or touching through a mobile phone interface, and in some tourism platforms, the user can only operate through a single interface, such as only through a webpage or only through an applet. It can be seen that the current interface interaction scheme has the problems of poor flexibility and tedious process. SUMMARY

[0004] The embodiments of the present application provide an interface interaction method, an electronic device, a device and a storage medium of a tourism platform, which can improve the flexibility and convenience of interface interaction.

[0005] In a first aspect, the embodiments of the present application provide an interface interaction method of a tourism platform, comprising:

[0006] displaying a viewing model in an initial interface of the tourism platform, the viewing model comprising a plurality of viewing points;

[0007] in response to an interaction operation on the viewing model, obtaining a current terminal type and operation information of the interaction operation;

[0008] determining a view window change corresponding to the interaction operation according to the terminal type and the operation information;

[0009] adjusting the form of the viewing model based on the view window change, and displaying a form change process in the initial interface.

[0010] Optionally, in some embodiments of the present application, the determining the view window change corresponding to the interaction operation according to the terminal type and the operation information comprises:

[0011] converting the interaction operation into a display parameter corresponding to the viewing model according to the terminal type and the operation information;

[0012] determine a window change corresponding to the interaction operation based on the display parameter.

[0013] Optionally, in some embodiments of the present application, the converting the interaction operation into the display parameter corresponding to the sightseeing model according to the terminal type and the operation information comprises:

[0014] if the terminal type is a first type, resolving a direction of instruction and an amplitude of instruction from the operation information;

[0015] converting the interaction operation into the display parameter corresponding to the sightseeing model according to the direction of instruction and the amplitude of instruction.

[0016] Optionally, in some embodiments of the present application, the converting the operation information into the display parameter corresponding to the sightseeing model according to the terminal type comprises:

[0017] if the terminal type is a second type, resolving a touch point and a displacement corresponding to the touch point from the operation information;

[0018] converting the interaction operation into the display parameter corresponding to the sightseeing model according to the touch point and the displacement corresponding to the touch point.

[0019] Optionally, in some embodiments of the present application, the adjusting the form of the sightseeing model according to the window change and displaying a form change process in the initial interface comprises:

[0020] adjusting the form of the sightseeing model according to an adjustment level corresponding to the window change;

[0021] displaying the form change process in the initial interface in real time through a preset rendering technology.

[0022] Optionally, in some embodiments of the present application, the adjusting the form of the sightseeing model according to the adjustment level corresponding to the window change comprises:

[0023] if the adjustment level corresponding to the window change is a first preset level, keeping the form of the sightseeing model and displaying a display density of a point position card corresponding to the interaction operation;

[0024] if the adjustment level corresponding to the window change is a second preset level, gradually weakening a curved surface feature of the sightseeing model and displaying a planar view corresponding to the point position card;

[0025] if the adjustment level corresponding to the window change is a third preset level, converting the sightseeing model into a planar map form and displaying brief introduction information corresponding to the point position card.

[0026] Optionally, in some embodiments of the present application, further comprising:

[0027] In response to a viewing operation on the point card, details of the point card are displayed.

[0028] Optionally, in some embodiments of the present application, further comprising:

[0029] In response to a viewing operation on the live broadcast tab in the initial interface, a live broadcast preview corresponding to each point is displayed.

[0030] In response to a viewing operation on the live broadcast preview, a live broadcast of the target point is displayed.

[0031] Optionally, in some embodiments of the present application, further comprising:

[0032] In response to a viewing operation on the recommended tab in the initial interface, a recommended point recommended based on a preset strategy is displayed.

[0033] In a second aspect, the embodiments of the present application provide an interface interaction device of a tourism platform, comprising:

[0034] A display module is configured to display a viewing model in an initial interface of the tourism platform, wherein the viewing model comprises a plurality of viewing points.

[0035] A obtaining module is configured to obtain a current terminal type and operation information of an interactive operation on the viewing model in response to the interactive operation.

[0036] A determination module is configured to determine a view window change corresponding to the interactive operation according to the terminal type and the operation information.

[0037] An adjustment module is configured to adjust a form of the viewing model based on the view window change, and display a form change process in the initial interface.

[0038] Correspondingly, the present application also provides an electronic device comprising a memory, a processor and a processor program stored in the memory and executable on the processor, wherein the processor executes the program to perform the steps of any of the above methods.

[0039] The present application also provides a storage medium, which stores a processor program, and the processor program is executed by a processor to implement the processor program of any of the above methods.

[0040] This application provides a method, apparatus, electronic device, and storage medium for interface interaction on a tourism platform. The method displays a viewing model on the initial interface of the tourism platform. The viewing model includes multiple viewing points. In response to an interactive operation on the viewing model, the method acquires the current terminal type and operation information of the interactive operation. Then, based on the terminal type and operation information, it determines the window change corresponding to the interactive operation. Finally, based on the window change, it adjusts the form of the viewing model and displays the form change process on the initial interface. In the interface interaction scheme of the tourism platform provided by this application, the window change corresponding to the interactive operation is determined based on the terminal type and operation information. Therefore, users can interact with the tourism platform through different types of terminals, improving the flexibility and convenience of interface interaction. Furthermore, the form of the viewing model can be adjusted subsequently based on the window change, enhancing the interactivity of the interface interaction. Attached Figure Description

[0041] To more clearly illustrate the technical solutions in the embodiments of this application, the accompanying drawings used in the description of the embodiments will be briefly introduced below. Obviously, the accompanying drawings described below are only some embodiments of this application. For those skilled in the art, other drawings can be obtained based on these drawings without creative effort.

[0042] Figure 1 This is a flowchart illustrating the interface interaction method of the tourism platform provided in this application embodiment;

[0043] Figure 2 This is a schematic diagram of the interface interaction method of the tourism platform provided in the embodiments of this application;

[0044] Figure 3 This is another schematic diagram of the interface interaction method of the tourism platform provided in the embodiments of this application;

[0045] Figure 4 This is another schematic diagram of the interface interaction method of the tourism platform provided in the embodiments of this application;

[0046] Figure 5 This is another schematic diagram of the interface interaction method of the tourism platform provided in the embodiments of this application;

[0047] Figure 6 This is a schematic diagram of the interface interaction device of the tourism platform provided in the embodiments of this application;

[0048] Figure 7 This is a schematic diagram of the structure of the electronic device provided in the embodiments of this application. Detailed Implementation

[0049] The exemplary embodiments will be described in detail below with reference to the drawings. In the following description, the same drawings reference numerals are used to represent the same elements throughout the several drawings. The following exemplary embodiments described below are not meant to represent all implementations consistent with the present application. Rather, they are simply an example of apparatus and methods consistent with some aspects of the present application as detailed in the appended claims.

[0050] It should be noted that, in this document, the terms "comprises", "comprising", or any other variation thereof, are intended to cover a non-exclusive inclusion, such that a process, method, article, or apparatus that comprises a list of elements does not include only those elements but can also include other elements not expressly listed or inherent to such process, method, article, or apparatus. Without further limitation, an element preceded by "comprises... a" does not, without more constraints, foreclose the existence of additional identical elements in the process, method, article, or apparatus that comprises the element. Also, like-named components having a same or similar function are typically identified in the description for each aspect of the application to ease the identification for the members of the public who can be assisted by the application.

[0051] It should be understood that the specific embodiments described herein are merely exemplary and do not limit the application.

[0052] In the following description, the suffixes "module", "part" or "unit" used for an element are merely intended for facilitating the description of the application, and are not intended to limit the application otherwise. Therefore, "module", "part", or "unit" can be mixedly used.

[0053] The embodiments related to the present application are described below in detail. It should be noted that the order of the description of the embodiments in the present application is not intended to limit the priority order of the embodiments.

[0054] The embodiments of the present application provide a method and device for interface interaction of a tourism platform, a storage medium and a smart terminal. Specifically, the method for interface interaction of the tourism platform can be executed by a smart terminal or a server, and the smart terminal can be a terminal. The terminal can be a smart phone, a tablet computer, a notebook computer, a touch screen, a game console, a personal computer (PC), a personal digital assistant (PDA), and the like. The terminal can also include a client, which can be a media player client or an instant messaging client.

[0055] The embodiment of the present application provides a kind of interface interaction method of tourism platform, which can be executed by electronic equipment or server.The interface interaction method of tourism platform of the embodiment of the present application is executed by electronic equipment as an example to carry out description.Wherein, the electronic equipment includes touch display screen and processor, the touch display screen is used to present graphical user interface and receive the operation instruction generated by user acting on graphical user interface.When user operates graphical user interface through touch display screen, graphical user interface can control the content of local electronic equipment by responding to received operation instruction, and can also control the content of server side by responding to received operation instruction.

[0056] The interface interaction scheme of tourism platform provided by the present application determines the view window change corresponding to the interactive operation according to the terminal type and the operation information, so that the user can interact with the tourism platform through different types of terminals, improve the flexibility and convenience of interface interaction, and in the subsequent can adjust the form of the viewing model based on the view window change, improve the interactivity of interface interaction.

[0057] The following are described in detail. It should be noted that the order of the following embodiments is not limited as the priority order of the embodiments.

[0058] An interface interaction method of tourism platform, the interface interaction method comprises: displaying a viewing model in an initial interface of the tourism platform, in response to an interactive operation on the viewing model, obtaining a current terminal type and operation information of the interactive operation, determining a view window change corresponding to the interactive operation according to the terminal type and the operation information, adjusting the form of the viewing model based on the view window change, and displaying the form change process in the initial interface.

[0059] Please refer to Figure 1 , Figure 1 The embodiment of the present application provides the flow chart of the interface interaction method of tourism platform.The specific process of the interface interaction method of tourism platform can be as follows:

[0060] 101, display a viewing model in an initial interface of the tourism platform.

[0061] The view model refers to a 3D Earth model drawn based on JavaScript 3D technology, which is a core visual carrier for displaying the initial interface of the tourism platform, is used to intuitively present the global geographical space form, supports progressive zooming interaction from a macro Earth to a micro region, and is a basic visual model for users to obtain geographical information and scenic spot data. The view point refers to a global scenic spot camera position marker marked on the surface of the view model (3D Earth model). Each point corresponds to a real-time or static view node of a specific scenic spot, and basic information (such as scenic spot name and belonging area) is displayed in the form of a card. The display density and detail level are dynamically updated with the model form during user interaction.

[0062] For example, when the platform is started, the 3D rendering module of the system completes the initial drawing of the 3D Earth model (view model) in the initial interface based on JavaScript 3D technology, ensures that the model form is complete and the geographical coordinate mapping is accurate. Then, on the surface of the drawn 3D Earth model, the corresponding camera point (view point) is marked according to the actual geographical coordinates of the global scenic spot. Each point is presented in the form of a visual marker (such as an icon or an anchor point). Optionally, in some embodiments of the present application, a basic information card can also be associated with each view point. The card displays the scenic spot name and belonging area corresponding to the point, and other core information. The card size is adapted to the 3D Earth scale of the initial interface, ensuring that the user can quickly identify the point distribution under a macroscopic perspective.

[0063] Specifically, after the user opens the platform, a 3D Earth model (view model) drawn based on JavaScript 3D technology can be seen. The Earth's surface is distributed with camera points (view points) representing global scenic spots. There are cards displaying information such as “XX scenic spot-XX province” and “XX tower-X country” beside the points, which constitute the core display content of the initial interface.

[0064] 102. In response to the interactive operation on the view model, the current terminal type and operation information of the interactive operation are obtained.

[0065] The interactive operation refers to a zoom control behavior initiated by a user for a viewing model, which is a core action of the user interacting with the platform in space. The current terminal type refers to a device type used by the user when operating the platform, including a computer terminal (such as a desktop computer, a notebook computer), and a mobile terminal (such as a mobile phone browser, a WeChat applet). Therefore, the interactive operation can be manifested as a zoom-in / zoom-out operation of the computer terminal through a mouse scroll wheel, and a gesture operation of the mobile terminal through a touch screen pinch (zoom-out) / spread (zoom-in) operation. The operation information of the interactive operation refers to data describing the characteristics of the interactive operation, which is used to quantify the operation intention of the user, and specifically includes: the instruction direction (zoom-in / zoom-out) and operation amplitude (such as the distance corresponding to the zoom ratio of the scroll wheel sliding) of the mouse scroll wheel; and the displacement amount (such as the distance of the pinch / spread of the double fingers) corresponding to the zoom amplitude of the touch screen gesture.

[0066] 103. Determine the view window change corresponding to the interactive operation according to the terminal type and the operation information.

[0067] The view window change corresponding to the interactive operation refers to the dynamic adjustment of the geographical range displayed in the interface, the zoom level, and the transition state of the model form when the user performs a zoom operation on the viewing model through the terminal. Specifically, it is manifested as: the zoom change of the view window range from macro (global or large area) to micro (local or fine area), and the synchronous adjustment of the interface display area in the form transition process of the viewing model under different zoom levels, accompanied by the change of the display density and information detail of the viewing point card.

[0068] Further, the terminal type determines the parsing rule of the operation information, and then converts the operation information into quantified zoom parameters. For example, if the terminal is in PC mode, the operation information is the instruction direction (such as zoom-in / zoom-out) and amplitude (such as the distance of the scroll wheel sliding) of the mouse scroll wheel. Therefore, the information can be parsed and converted into corresponding zoom parameters. If the terminal is in mobile terminal mode, the operation information is the displacement amount (such as the distance of the pinch / spread of the double fingers) of the touch screen gesture. At this time, the zoom amplitude corresponding to the displacement amount (the greater the displacement amount, the more significant the zoom amplitude) can be parsed and converted into uniform zoom parameters.

[0069] Optionally, in some embodiments of the present application, the step of “determining the view window change corresponding to the interactive operation according to the terminal type and the operation information” can specifically include:

[0070] Converting the interactive operation into a display parameter corresponding to the viewing model according to the terminal type and the operation information;

[0071] Determining the view window change corresponding to the interactive operation based on the display parameter.

[0072] The display parameter is a unified quantitative index converted from the original information of the user interaction operation (such as the amplitude of the mouse wheel or the displacement amount of the touch screen gesture), and is used for accurately controlling the display state (such as the zoom level, the shape transition stage, and the point display density) of the viewing model. The display parameter is a core intermediate variable connecting the user operation and the model display effect.

[0073] When the terminal is in PC mode (computer terminal), the operation information of the interaction operation is the instruction direction and amplitude of the mouse wheel. For example, when the mouse wheel is slid upward (zoom-in instruction), the sliding amplitude is converted into the zoom level+N (N is a positive number, and the greater the amplitude, the greater the value of N); when the mouse wheel is slid downward (zoom-out instruction), the sliding amplitude is converted into the zoom level-N.

[0074] If the terminal is in mobile mode (mobile terminal, such as a mobile phone browser or WeChat applet), the operation information of the interaction operation is the displacement amount of the touch screen gesture. For example, when two fingers are spread apart (zoom-in instruction), the displacement amount is converted into the zoom level+M (M is a positive number, and the greater the displacement amount, the greater the value of M); when two fingers are pinched together (zoom-out instruction), the displacement amount is converted into the zoom level-M.

[0075] Optionally, in some embodiments of the present application, the step of “converting the interaction operation into the display parameter corresponding to the viewing model according to the terminal type and the operation information” can specifically include:

[0076] If the terminal type is the first type, the instruction direction and the instruction amplitude are parsed from the operation information;

[0077] The interaction operation is converted into the display parameter corresponding to the viewing model according to the instruction direction and the instruction amplitude.

[0078] Optionally, in some embodiments of the present application, the step of “converting the interaction operation into the display parameter corresponding to the viewing model according to the terminal type and the operation information” can specifically include:

[0079] If the terminal type is the second type, the touch point and the displacement corresponding to the touch point are parsed from the operation information;

[0080] The interaction operation is converted into the display parameter corresponding to the viewing model according to the touch point and the displacement corresponding to the touch point.

[0081] For example, the display parameter (zoom level) is set to an integer from 1 to 15, and the greater the value, the higher the zoom level. The corresponding relationship between the display parameter and the window change can be illustrated by specific numerical examples as follows:

[0082] The low zoom level corresponds to level 1-3. Among them, when the level 1, the window range covers the whole world (longitude -180° ~ 180°, latitude -90° ~ 90°), the viewing model keeps the complete 3D earth shape (curvature 100%), the viewing point only loads the global TOP 100 core scenic spots, and the card only displays the "scenic spot name + country", the density is 1 / 1000000 square kilometers; to level 3, the window range is reduced to cover Asia (longitude 60° ~ 150°, latitude 10° ~ 70°), the model is still 3D earth shape (curvature 100%), the point load is increased to Asia TOP 500 scenic spots, the card information is expanded to "scenic spot name + country + province", and the density is increased to 1 / 100000 square kilometers. In this process, the window longitude / latitude range is reduced by about 30% and the point quantity is increased by about 50% for each increase of 1 level of zoom level.

[0083] The medium zoom level corresponds to level 4-6. When level 4, the window range is reduced to cover China (longitude 73° ~ 135°, latitude 18° ~ 53°), the model begins to weaken the curved surface feature, the curvature is reduced to 80% (initial stage of ellipsoid), the point loads 3000+ scenic spots in China, the card size is enlarged by 20%, and "scenic spot name + province + heat" is displayed; when level 6, the window range is further reduced to cover Hunan Province (longitude 108° ~ 114°, latitude 24° ~ 30°), the model curvature is reduced to 30% (late stage of ellipsoid), the point loads 500+ scenic spots in Hunan Province, the card size is enlarged by 50%, and the points in local areas such as Changsha have no overlap. At this time, the model curvature is reduced by about 10% linearly (from 80% to 30%) for each increase of 1 level of zoom level, and the point density is increased synchronously with the window reduction.

[0084] The high zoom level corresponds to level 7-9. When level 7, the window range is reduced to cover Changde City (longitude 110° ~ 112°, latitude 28° ~ 30°), the model curvature is reduced to 10% (close to a plane map), the point loads 80+ scenic spots in Changde City, and the card displays "scenic spot name + address + view volume (such as 12,000 times)"; when level 15, the window range only covers Changde Taohuayuan scenic spot (longitude 111.5° ~ 111.7°, latitude 28.8° ~ 29.0°), the model curvature is reduced to 0% (completely converted to a plane map), the point loads 10+ cameras in the scenic spot, and the card information is expanded to "real-time view volume + camera number + live broadcast state".

[0085] 104. Adjust the shape of the viewing model based on the window change, and show the shape change process in the initial interface.

[0086] The form of the view model refers to the geometric characteristics and detail levels in the spatial presentation of the model, and the core includes three dimensions: the degree of curvature, the dimensional attribute (3D / 2D transition state), and the detail granularity. The degree of curvature can be represented by a value between 0% and 100%, with 100% being a complete 3D spherical surface (e.g., a globe), 0% being a pure plane (e.g., a map), and intermediate values being ellipsoidal surfaces (transitional forms between spherical and planar surfaces). The dimensional attribute changes with the curvature, presenting a continuous transition from "3D spherical surface → ellipsoidal surface → 2D plane". It is not an absolute 3D or 2D, but a dimensional perception reflected by the strength of the curvature. The detail granularity is the content precision of the model loading, from macro (global scenic area distribution) to micro (camera position within the scenic area), gradually increasing as the window range shrinks.

[0087] The core parameters of window changes are window range (latitude and longitude span) and zoom level. The system realizes dynamic adjustment through the preset window parameter-form parameter mapping rule, and the specific logic is as follows:

[0088] The curvature is determined by the window range:

[0089] The smaller the latitude and longitude span of the window range (i.e., the user zooms in and focuses on a more local area), the lower the model curvature. For example: when the window span is ≥100° (e.g., covering the globe), the curvature is fixed at 100% (complete 3D spherical surface); when the span is 50°-100° (e.g., covering Asia), the curvature remains at 80%-100% (ellipsoidal surface in the early stage, retaining obvious curvature); when the span is 10°-50° (e.g., covering China), the curvature drops to 30%-80% (ellipsoidal surface in the middle stage, weakens the curvature); when the span is ≤10° (e.g., covering a single city), the curvature drops to 0%-30% (approaching or complete plane).

[0090] The detail granularity is adjusted by the zoom level:

[0091] The zoom level (1-15 levels) is positively correlated with the detail granularity. The higher the level (the smaller the window range), the more detailed the loaded details: 1-5 levels (macroscopic window): load "region name + key landmarks"; 6-10 levels (mesoscopic window): load "city boundary + scenic spot points", and the model surface is overlaid with road network, rivers, and other mesoscopic elements; 11-15 levels (microscopic window): load "building outline + real-time facilities", and the model surface displays building height, camera position, and other microscopic details.

[0092] Specifically, the system uses a JavaScript 3D rendering engine (such as Three.js) to listen to window change events (such as mouse wheel zoom and touch screen pinch) in real time, refreshes the window parameters (latitude and longitude span, zoom level) every 50ms, and calculates the target form parameters according to the following formula:

[0093] Target curvature = 100% - (Zoom level - 1) x 7% (when zoom level 1-15, curvature linearly decreases from 100% to 0%);

[0094] Detail level = Zoom level ÷ 3 (rounded up, from level 1 "global outline" to level 5 "facility details").

[0095] Optionally, in some embodiments of the present application, the step of "adjusting the morphology of the viewing model based on the window change, and showing the process of morphology change in the initial interface" can specifically include:

[0096] If the adjustment level corresponding to the window change is the first preset level, the morphology of the viewing model is maintained, and the display density of the point card corresponding to the interactive operation is shown;

[0097] If the adjustment level corresponding to the window change is the second preset level, the curved surface feature of the viewing model is gradually weakened, and the planar view corresponding to the point card is shown;

[0098] If the adjustment level corresponding to the window change is the third preset level, the viewing model is converted into a planar map form, and the introduction information corresponding to the point card is shown.

[0099] The three preset levels are quantitative gradations according to the zooming degree of the window change, corresponding to the interactive level of the viewing model from macro to micro. Optionally, in some embodiments of the present application, the first preset level corresponds to a low zoom level, indicating that the window range is large (such as global, continent-level region), and the user interactive operation amplitude is small (such as PC mouse wheel slight sliding, mobile phone double finger small amplitude pinch / open), at this time the viewing model does not need to adjust the core morphology. The second preset level corresponds to a medium zoom level, indicating that the window range is medium (such as country, province-level region), and the user interactive operation amplitude is medium, at this time the viewing model needs to gradually transition from 3D curved surface to planar. The third preset level corresponds to a high zoom level, indicating that the window range is the smallest (such as city, scenic area level region), and the user interactive operation amplitude is the largest, at this time the viewing model needs to be completely converted into a planar form to adapt to the fine region display

[0100] The display density of the point card refers to the number of viewing point cards displayed per unit window range, which is determined by the ratio of the window range to the total number of points. The larger the range, the lower the density (to avoid visual congestion), and the smaller the range, the higher the density (to ensure complete information).

[0101] The planar view corresponding to the point card shown refers to the display mode of the point card changing from "3D curved surface projection" to "approximate planar projection" when the curved surface feature of the viewing model is weakened. The card has no curved surface deformation, the position and planar mapping of the geographic coordinates are more accurate, and the information (such as scenic area name, regional division) display is clearer.

[0102] The brief information corresponding to the point card refers to the detailed data of the scenic spot displayed in the point card of the viewing spot, including basic information (name, belonging area) and dynamic information (real-time viewing volume, heat index, camera number), which is gradually displayed from brief to complete with the reduction of the window range (level increase)

[0103] For example, if the adjustment level corresponding to the window change is the first preset level (low zoom level), the 3D earth shape (curvature 100%) of the viewing model is maintained, the core surface feature is not changed, and only the model scale is fine-tuned according to the window range (for example, when the global view is reduced to the Asian view, the earth model scale is reduced to adapt to the interface). The display mode change process is as follows: when the window range is large (such as global), only the global TOP 100 core scenic spot points are loaded, the card density is "1 / 100,000 square kilometers", and the card only displays "scenic spot name + country" (such as "Eiffel Tower-France"); when the window range is reduced to Asia (still in the first preset level), the density is increased to "1 / 10,000 square kilometers", the Asian TOP 500 scenic spot points are loaded, and the card adds "belonging area" (such as "Taj Mahal-India-Uttar Pradesh"), but the shape always maintains 3D earth without surface weakening.

[0104] If the adjustment level corresponding to the window change is the second preset level (medium zoom level), the surface feature of the viewing model is gradually weakened, the curvature is linearly reduced from 100% to 30% (for example, when the China range is reduced to the Hunan province range, the model is transitioned from a complete sphere to an "ellipsoidal surface"), and the surface curvature gradually slows down with the reduction of the window range. The display mode change process is as follows: at this time, the point card is displayed based on the plane coordinate without deformation of the 3D surface projection, the position is not overlapped (such as the scenic spot points in Hunan province are arranged according to the actual geographical distribution), the card size is enlarged by 20%-50%, the information adds "heat index" (such as "Zhangjiajie-Hunan-heat 98"), and the surface feeling of the model edge is weakened in real time with the operation (such as when the PC mouse is continuously enlarged, the earth surface can be directly observed to be gradually "flattened"), realizing the visualization of the transition from 3D to plane.

[0105] If the adjustment level corresponding to the window change is the third preset level (high zoom level), the shape of the viewing model is adjusted: the viewing model is completely converted to a flat map shape (0% curvature), and the geographic coordinates are presented in a plane coordinate system (such as longitude and latitude directly corresponding to the interface X and Y axes), and the fine area display of cities and scenic spots is adapted. The display shape change process is as follows: when the window range is reduced to a city (such as Changde City), all scenic spot points (80+) in the city are loaded, and the card displays the "scenic spot name + detailed address + real-time viewing volume" (such as "Taohuayuan Scenic Spot-Changde City Taoyuan County-Viewing Volume 12,000 times"). When the window focuses on a single scenic spot (such as Taohuayuan), the card further displays "camera number + live broadcast state" (such as "Camera 03-Now Live"), and at the same time, the model is smoothly transitioned from an ellipsoid-like surface to a flat map. During the transition process, the JavaScript 3D rendering engine is used to eliminate the surface deformation in real time, ensuring that there is no lag during the shape change.

[0106] Optionally, in some embodiments of the present application, it can also specifically include:

[0107] In response to the viewing operation on the point card, the detail information of the point card is displayed.

[0108] The viewing operation on the point card refers to the deep call of the system to the point card information triggered by the user through a specific interactive behavior, such as clicking the point card through the PC terminal, long pressing the point card through the mobile terminal, etc. The system recognizes these operations through front-end event listening (such as onClick onLongPress), and sends the unique identifier of the point (such as the scenic spot ID) to the back-end in real time, requests and loads the detail information. When the system responds to the viewing operation, the detail information can be displayed through a pop-up window overlay or a side bar expansion, etc. (to avoid blocking the core viewing model), which specifically shows that: an independent detail window is popped up in the center of the window (the size occupies 30%-50% of the interface), and the background is semi-transparent to highlight the content; or a detail panel of a fixed width is expanded on the right side / left side of the interface (the width occupies 20%-30% of the interface), and is associated with the position of the point card through a dynamic line (such as a line connecting the side bar from the "Zhangjiajie" card to the right), to clearly show the correspondence between the information.

[0109] It should be noted that both modes support closing (clicking the × button) and closing (clicking the minimize button) operations, and the detail information is updated in real time when the point is switched (such as switching from "Zhangjiajie" to "Fenghuang Ancient City", and the content is updated within 1 second).

[0110] The detail information of the point card is a deep expansion of the brief information, and contains 6 core dimensions, which increases 3-5 times the data amount compared with the brief information (basic + dynamic information), such as the full name of the scenic spot (such as “Zhangjiajie National Forest Park-Core Scenic Area”, which is different from “Zhangjiajie” in the brief information); detailed geographic coordinates (longitude xx.xx°, latitude xx.xx°) and administrative attribution (accurate to street / township, such as “Jungedi Ping Street, Wulingyuan District, Zhangjiajie City, Hunan Province”); history and culture: “Zhangjiajie National Forest Park was established in 1982, and is the first national forest park in China, with quartz sandstone peak forest landscape as the core, and more than 3,000 stone peaks, known as ‘expanded bonsai and reduced fairyland’”; and / or core landscape: “main scenic spots include Huangshi Village, Jinbianxi, Yuanjiajie, etc., among which ‘Qiankun Column’ in Yuanjiajie is the prototype of the suspended mountain in ‘Avatar’”, which can be set according to actual conditions.

[0111] Specifically, please refer to Figure 2 , Figure 3 and Figure 4 , a user enters a tourism platform through a webpage, and a 3D earth model is displayed in the initial interface of the tourism platform, and a plurality of points are displayed on the 3D earth model. The user can select a corresponding point according to his own needs, for example, the user selects the point of Juzizhou Head in the 3D earth model, and then the initial interface is switched to display the detail page of the Juzizhou Head, as shown in Figure 5 ; for another example, the user zooms in or out the 3D earth model by using a mouse, in each zooming, the focus of the picture corresponds to the position of the mouse of the user, that is, the final zooming position is related to the position of the mouse; specifically, when the user zooms out the 3D model for the first time, the corresponding zooming level is level 2, at this time, the viewing model maintains the complete 3D earth shape (curvature 100%), and the viewing point loads the points in the current view window, as shown in Figure 3 ; when zooming out again, the corresponding zooming level is level 6, at this time, the view window range is further zoomed out to cover Hunan Province, the curvature of the 3D earth model is reduced to 30% (ellipsoidal surface in later stage), and the points in Hunan Province are loaded, as shown in Figure 4 ; when zooming out for the last time, according to the position of the mouse of the user, it is determined that the current focus corresponds to Juzizhou Head, and the related information of Juzizhou Head is displayed, as shown in Figure 5 .

[0112] Optionally, in some embodiments of the present application, it can further include:

[0113] In response to a viewing operation on the live broadcast tab in the initial interface, a live broadcast preview corresponding to each point is displayed;

[0114] In response to a viewing operation on the live broadcast preview, a live broadcast of a target point is displayed.

[0115] Live preview refers to a thumbnail display form of real-time live picture of each viewing point, which is presented in the form of static thumbnail + dynamic frame (1-2 frames updated per second), and contains point name, live state (such as "live" "signal stable"), number of viewers and other core information, which is used for users to quickly preview the real-time picture content of each point. Target point refers to the viewing point selected by the user from the live preview (such as "Zhangjiajie Yuanjiajie viewing platform" "Paris Eiffel Tower East Square"), which corresponds to a unique camera device and live stream, and is the specific location that the user wants to view in detail. Live broadcast of the target point refers to the high-definition video stream captured by the camera of the target point in real time, which contains real-time picture, environmental sound, real-time interactive control (such as like, comment entry) and auxiliary information (such as current weather, camera angle description), and is the complete and real-time presentation of live preview.

[0116] When the user clicks the thumbnail of a live preview (left-click on PC or touch screen on mobile), the system identifies the target point through the point ID bound to the preview image. Then, according to the target point ID, the corresponding high-definition live stream interface is called to switch to the live broadcast interface: specifically, the real-time video of the target point can be displayed in full screen (resolution 1080P, frame rate 25 frames / second), and the environmental sound (such as tourists talking, natural wind sound) can be played synchronously; optionally, in some embodiments of the present application, the point name and camera parameters (such as "Camera 05 - Wide-angle lens") are displayed in the upper left corner of the picture, and the current weather (such as "22°C sunny") is displayed in the upper right corner, supporting users to adjust the picture angle through gestures (mobile device zoom with two fingers, PC mouse drag).

[0117] For example, after the user clicks the live preview of "Zhangjiajie Yuanjiajie", the interface switches to the live broadcast of this point, and the real-time cloud sea landscape is displayed in full screen. At the bottom, it can be seen that "123 people are commenting", and on the right side, it is displayed that "current viewers: 256, cumulative likes: 12,000".

[0118] The recommendation tab refers to the function entry in the initial interface of the tourism platform for displaying personalized viewing point recommendations, which is an interactive label parallel to the live map (usually located in the top navigation bar or side bar of the interface), and its core function is to aggregate high-quality viewing points selected by the system to provide users with an entry to recommended content without active search.

[0119] Viewing operation refers to the interactive behavior of the user triggering the recommendation tab, which is specifically manifested as: the user clicks the recommendation tab label with the left mouse button on the PC or clicks the recommendation tab icon on the mobile device, and the system identifies this operation through front-end event listening (such as onClick event) to trigger the loading and display of recommended content.

[0120] Recommended point is a high-quality viewing point selected by the system based on a preset strategy, which is a subset of viewing points. Each recommended point corresponds to at least one viewing node of a specific scenic spot (consistent with ordinary viewing points, associated with camera positions and basic information).

[0121] In the initial interface, the user initiates the viewing operation by clicking the recommended label in the navigation bar (PC) or touching the recommended icon (mobile). The system identifies the user's intention as "accessing recommended point content" through event listening (such as detecting the "recommended" label ID bound to the click event), and sends a content loading request to the "personalized recommendation module". Then, the system calls the preset recommendation strategy model to filter recommended points from the full viewing points. The recommendation strategy can be popularity strategy, user history strategy, geographical association strategy, or real-time data strategy, which can be as follows:

[0122] Popularity strategy: preferentially recommend the top 20% of points in terms of viewing volume and click volume in the past 7 days (such as real-time popular scenic spots like "Zhangjiajie Yuanjiajie" and "Guilin Yangshuo");

[0123] User history strategy: if the user has historical browsing records (such as having viewed "mountain and water scenic spots"), recommend high-rated points in the same category (such as recommending Lushan and Yandangshan after the user has viewed Huangshan);

[0124] Geographical association strategy: based on the user's current IP location, recommend high-quality points within 300 kilometers (such as recommending "Fenghuang Ancient City" and "Nanyue Hengshan" if the user is located in Hunan);

[0125] Real-time data strategy: combine dynamic factors such as holidays and weather to recommend points suitable for the current scenario (such as recommending "family-friendly scenic spots" on weekends and "outdoor viewing points" on sunny days).

[0126] After filtering, display the recommended points in the page corresponding to the recommended tab. The display format can be consistent with the viewing point display logic in the initial interface.

[0127] The interface interaction method of the tourism platform provided in the embodiments of the present application displays a viewing model in an initial interface of the tourism platform, the viewing model comprising a plurality of viewing points, in response to an interaction operation on the viewing model, the current terminal type and operation information of the interaction operation are acquired, then, the view window change corresponding to the interaction operation is determined according to the terminal type and the operation information, finally, the form of the viewing model is adjusted based on the view window change, and the form change process is displayed in the initial interface. In the interface interaction scheme of the tourism platform provided in the present application, the view window change corresponding to the interaction operation is determined according to the terminal type and the operation information, therefore, the user can interact with the tourism platform through different types of terminals, the flexibility and convenience of the interface interaction are improved, and the interactivity of the interface interaction is improved by adjusting the form of the viewing model based on the view window change subsequently.

[0128] To better implement the interface interaction method of the tourism platform provided in the embodiments of the present application, the embodiments of the present application further provide an interface interaction device of a tourism platform. The meanings of the terms are the same as those in the interface interaction system of the tourism platform described above, and the specific implementation details can be referred to the description in the system embodiment.

[0129] Please refer to Figure 6 , Figure 6 The structural schematic diagram of the interface interaction device of the tourism platform provided in the embodiments of the present application, wherein the interface interaction device of the tourism platform can specifically comprise a display module 201, an acquisition module 202, a determination module 203 and an adjustment module 204, and the specific implementation can be as follows:

[0130] The display module 201 is configured to display a viewing model in an initial interface of the tourism platform, the viewing model comprising a plurality of viewing points;

[0131] The acquisition module 202 is configured to acquire the current terminal type and operation information of the interaction operation in response to an interaction operation on the viewing model;

[0132] The determination module 203 is configured to determine the view window change corresponding to the interaction operation according to the terminal type and the operation information;

[0133] The adjustment module 204 is configured to adjust the form of the viewing model based on the view window change, and display the form change process in the initial interface.

[0134] Optionally, in some embodiments of the present application, the determination module 203 can specifically comprise:

[0135] A conversion unit configured to convert the interaction operation into a display parameter corresponding to the viewing model according to the terminal type and the operation information;

[0136] A determination unit configured to determine the view window change corresponding to the interaction operation based on the display parameter.

[0137] Optionally, in some embodiments of the present application, the conversion unit can be specifically used for:

[0138] if the terminal type is the first type, parsing the instruction direction and the instruction amplitude from the operation information;

[0139] converting the interactive operation into the display parameter corresponding to the viewing model according to the instruction direction and the instruction amplitude.

[0140] Optionally, in some embodiments of the present application, the conversion unit can be specifically used for:

[0141] if the terminal type is the second type, parsing the touch point and the displacement corresponding to the touch point from the operation information;

[0142] converting the interactive operation into the display parameter corresponding to the viewing model according to the touch point and the displacement corresponding to the touch point.

[0143] Optionally, in some embodiments of the present application, the adjustment module 204 can specifically include:

[0144] an adjustment unit, configured to adjust the form of the viewing model according to the adjustment level corresponding to the window change;

[0145] a display unit, configured to display the form change process in the initial interface in real time through a preset rendering technology.

[0146] Optionally, in some embodiments of the present application, the adjustment unit can be specifically used for:

[0147] if the adjustment level corresponding to the window change is a first preset level, maintaining the form of the viewing model and displaying the display density of the point position card corresponding to the interactive operation;

[0148] if the adjustment level corresponding to the window change is a second preset level, gradually weakening the curved surface feature of the viewing model and displaying the planar view corresponding to the point position card;

[0149] if the adjustment level corresponding to the window change is a third preset level, converting the viewing model into a planar map form and displaying the introduction information corresponding to the point position card.

[0150] Optionally, in some embodiments of the present application, the display module 201 can be specifically used for:

[0151] in response to a viewing operation on the live broadcast tab in the initial interface, displaying the live broadcast preview corresponding to each point position;

[0152] in response to a viewing operation on the live broadcast preview, displaying the live broadcast of the target point position.

[0153] Optionally, in some embodiments of the present application, the display module 201 can be further used for:

[0154] In response to the viewing operation on the point card, the detail information of the point card is displayed.

[0155] Optionally, in some embodiments of the present application, the display module 201 can be further used for:

[0156] In response to the viewing operation on the recommendation tab in the initial interface, the recommended point recommended by the recommendation is displayed based on a preset strategy.

[0157] The embodiment of the present application provides an interface interaction device of a tourism platform. The display module 201 displays a viewing model in an initial interface of the tourism platform. The viewing model includes a plurality of viewing points. The acquisition module 202 acquires a current terminal type and operation information of an interactive operation in response to an interactive operation on the viewing model. Then, the determination module 203 determines a view window change corresponding to the interactive operation according to the terminal type and the operation information. Finally, the adjustment module 204 adjusts a form of the viewing model based on the view window change and displays a form change process in the initial interface. In the interface interaction scheme of the tourism platform provided by the present application, the view window change corresponding to the interactive operation is determined according to the terminal type and the operation information. Therefore, the user can interact with the tourism platform through different types of terminals, the flexibility and convenience of the interface interaction are improved, and the form of the viewing model can be adjusted based on the view window change in the subsequent process, and the interactivity of the interface interaction is improved.

[0158] In addition, the embodiment of the present application further provides an electronic device, such as Figure 7 As shown in the figure, the structure of the electronic device related to the embodiment of the present application is shown, and specifically:

[0159] The electronic device can include a processor 301 with one or more processing cores, a memory 302 with one or more processing machine readable storage media, a power supply 303, and an input unit 304, and the like. Those skilled in the art can understand that Figure 7 The structure of the electronic device shown in the figure does not constitute a limitation on the electronic device, and can include more or fewer components than the figure, or combine certain components, or different component arrangements. Among them:

[0160] The processor 301 is the control center of the electronic device, connects all parts of the electronic device through various interfaces and lines, executes various functions of the electronic device and processes data by running or executing software programs and / or modules stored in the memory 302 and calling data stored in the memory 302, thereby overall monitoring the electronic device. Optionally, the processor 301 can include one or more processing cores; preferably, the processor 301 can integrate an application processor and a modem processor, wherein the application processor mainly processes the operating system, user interface and application program, etc., and the modem processor mainly processes wireless communication. It can be understood that the above-mentioned modem processor can also not be integrated into the processor 301.

[0161] The memory 302 can be used to store software programs and modules, and the processor 301 executes various functions and the interface interaction method of the travel platform by running the software programs and modules stored in the memory 302. The memory 302 can mainly include a storage program area and a storage data area, wherein the storage program area can store an operating system, at least one application program required by a function (such as a sound playing function, an image playing function, etc.), etc.; and the storage data area can store data created according to the use of the electronic device, etc. In addition, the memory 302 can include a high-speed random access memory, and can also include a non-volatile memory, such as at least one magnetic disk storage device, a flash memory device, or other volatile solid-state memory device. Accordingly, the memory 302 can also include a memory controller to provide the processor 301 with access to the memory 302.

[0162] The electronic device also includes a power supply 303 for supplying power to various components, and preferably the power supply 303 can be logically connected to the processor 301 through a power management system, so as to realize functions such as management of charging, discharging and power consumption management through the power management system. The power supply 303 can also include one or more than one direct current or alternating current power supply, a recharging system, a power failure detection circuit, a power converter or inverter, a power state indicator, etc. Any component.

[0163] The electronic device can also include an input unit 304, which can be used to receive input digital or character information, and generate keyboard, mouse, joystick, optical or trackball signal input related to user settings and function control.

[0164] Although not shown, the electronic device can also include a display unit, etc., which will not be described here. Specifically, in the present embodiment, the processor 301 in the electronic device will load the executable file corresponding to the process of one or more than one application program into the memory 302 according to the following instructions, and run the application program stored in the memory 302 by the processor 301, thereby realizing various functions, as follows:

[0165] The view model is displayed in an initial interface of the tourism platform, and in response to an interactive operation on the view model, a current terminal type and operation information of the interactive operation are acquired. According to the terminal type and the operation information, a view window change corresponding to the interactive operation is determined. The form of the view model is adjusted based on the view window change, and a form change process is displayed in the initial interface.

[0166] The specific implementation of each operation above can be referred to the foregoing embodiments, which will not be described here.

[0167] The view model is displayed in an initial interface of the tourism platform, and in response to an interactive operation on the view model, a current terminal type and operation information of the interactive operation are acquired. According to the terminal type and the operation information, a view window change corresponding to the interactive operation is determined. The form of the view model is adjusted based on the view window change, and a form change process is displayed in the initial interface. In the interface interaction scheme of the tourism platform provided by the present application, the view window change corresponding to the interactive operation is determined according to the terminal type and the operation information, so that the user can interact with the tourism platform through different types of terminals, improving the flexibility and convenience of interface interaction, and the form of the view model can be adjusted based on the view window change subsequently, improving the interactivity of interface interaction.

[0168] Those skilled in the art can understand that all or part of the steps in the various methods of the above embodiments can be completed by instructions, or by instructions controlling related hardware, which can be stored in a processor-readable storage medium and loaded and executed by a processor.

[0169] To this end, the embodiments of the present application provide a storage medium, which stores a plurality of instructions. The instructions can be loaded by a processor to execute the steps in any interface interaction method of the tourism platform provided by the embodiments of the present application. For example, the instructions can execute the following steps:

[0170] The view model is displayed in an initial interface of the tourism platform, and in response to an interactive operation on the view model, a current terminal type and operation information of the interactive operation are acquired. According to the terminal type and the operation information, a view window change corresponding to the interactive operation is determined. The form of the view model is adjusted based on the view window change, and a form change process is displayed in the initial interface.

[0171] The specific implementation of each operation above can be referred to the foregoing embodiments, which will not be described here.

[0172] The storage medium can include a read-only memory (ROM), a random access memory (RAM), a magnetic disk, an optical disk, or the like.

[0173] Due to the instructions stored in the storage medium, the steps in the interface interaction method of the tourism platform provided by the embodiments of the present application can be executed, thus achieving the beneficial effects of the interface interaction method of the tourism platform provided by the embodiments of the present application. Details are described above, and will not be repeated here.

[0174] The above describes in detail the interface interaction method, device, electronic equipment and storage medium of the tourism platform provided by the embodiments of the present application. The principles and implementation manners of the present application are described by applying specific examples. The above embodiment is only used to help understand the method and core idea of the present application. Meanwhile, for those skilled in the art, the specific implementation manner and application range can be changed according to the idea of the present application. In summary, the content of the specification should not be understood as a limitation of the present application.

Claims

1. A method for interface interaction of a travel platform, characterized in that, The method comprises the following steps: displaying a viewing model in an initial interface of a tourism platform, the viewing model comprising a plurality of viewing points; in response to an interactive operation on the viewing model, obtaining a current terminal type and operation information of the interactive operation; determining a view window change corresponding to the interactive operation according to the terminal type and the operation information; adjusting the form of the viewing model based on the view window change, and displaying a form change process in the initial interface.

2. The interface interaction method of claim 1, wherein, The method further comprises the following steps: converting the interactive operation into display parameters corresponding to the viewing model according to the terminal type and the operation information; determining the view window change corresponding to the interactive operation based on the display parameters.

3. The interface interaction method of claim 2, wherein, The method further comprises the following steps: if the terminal type is a first type, parsing a command direction and a command amplitude from the operation information; converting the interactive operation into the display parameters corresponding to the viewing model according to the command direction and the command amplitude.

4. The interface interaction method of claim 2, wherein, The method further comprises the following steps: if the terminal type is a second type, parsing a touch point and a displacement corresponding to the touch point from the operation information; converting the interactive operation into the display parameters corresponding to the viewing model according to the touch point and the displacement corresponding to the touch point.

5. The interface interaction method of claim 1, wherein, The method further comprises the following steps: adjusting the form of the viewing model according to an adjustment level corresponding to the view window change; displaying the form change process in the initial interface in real time through a preset rendering technology.

6. The interface interaction method of claim 5, wherein, The method further comprises the following steps: if the adjustment level corresponding to the view window change is a first preset level, maintaining the form of the viewing model and displaying a display density of a point card corresponding to the interactive operation; if the adjustment level corresponding to the view window change is a second preset level, gradually weakening a curved surface feature of the viewing model and displaying a planar view corresponding to the point card; if the adjustment level corresponding to the view window change is a third preset level, converting the viewing model into a planar map form and displaying brief introduction information corresponding to the point card.

7. The interface interaction method of claim 6, wherein, The method further comprises the following steps: in response to a viewing operation on the point card, displaying detailed information of the point card.

8. The interface interaction method of claim 1, wherein, The method further comprises the following steps: in response to a viewing operation on a live broadcast tab in the initial interface, displaying a live broadcast preview corresponding to each point; in response to a viewing operation on the live broadcast preview, displaying a live broadcast of a target point.

9. The interface interaction method of claim 1, wherein, The method further comprises the following steps: in response to a viewing operation on a recommendation tab in the initial interface, displaying recommended points based on a preset strategy.

10. An interface interaction device of a travel platform, characterized in that, The method comprises the following steps: displaying a viewing model in an initial interface of a tourism platform, the viewing model comprising a plurality of viewing points; An acquisition module is configured to acquire a current terminal type and operation information of the interaction operation in response to the interaction operation on the view model; A determination module is configured to determine a view window change corresponding to the interaction operation according to the terminal type and the operation information; An adjustment module is configured to adjust a form of the view model based on the view window change, and display a form change process in the initial interface.

11. An electronic device, comprising: The application further provides a computer readable storage medium storing a computer program product, wherein the computer program product comprises computer executable instructions that, when executed by a computer, cause the computer to perform the steps of the interface interaction method of the tourism platform according to any one of claims 1 to 9. The application further provides a computer readable storage medium storing a computer program product, wherein the computer program product comprises computer executable instructions that, when executed by a computer, cause the computer to perform the steps of the interface interaction method of the tourism platform according to any one of claims 1 to 9.

12. A storage medium, characterized by ​

Images