CN116309940A - Map information display method, equipment and medium based on animation popup window assembly - Google Patents
Map information display method, equipment and medium based on animation popup window assembly Download PDFInfo
- Publication number
- CN116309940A CN116309940A CN202310300910.0A CN202310300910A CN116309940A CN 116309940 A CN116309940 A CN 116309940A CN 202310300910 A CN202310300910 A CN 202310300910A CN 116309940 A CN116309940 A CN 116309940A
- Authority
- CN
- China
- Prior art keywords
- animation
- display
- popup
- popup window
- map information
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Granted
Links
- 238000000034 method Methods 0.000 title claims abstract description 45
- 238000009877 rendering Methods 0.000 claims abstract description 12
- 230000007246 mechanism Effects 0.000 claims abstract description 11
- 230000000694 effects Effects 0.000 claims description 16
- 239000000725 suspension Substances 0.000 claims description 9
- 230000000712 assembly Effects 0.000 claims description 8
- 238000000429 assembly Methods 0.000 claims description 8
- 239000003086 colorant Substances 0.000 claims description 3
- 230000000007 visual effect Effects 0.000 description 9
- 238000010586 diagram Methods 0.000 description 8
- 238000004590 computer program Methods 0.000 description 7
- 230000006870 function Effects 0.000 description 5
- 230000009286 beneficial effect Effects 0.000 description 4
- 230000003993 interaction Effects 0.000 description 4
- 230000008569 process Effects 0.000 description 4
- 238000012545 processing Methods 0.000 description 4
- 238000012800 visualization Methods 0.000 description 4
- 238000013079 data visualisation Methods 0.000 description 3
- 230000005540 biological transmission Effects 0.000 description 2
- 239000002131 composite material Substances 0.000 description 2
- 238000011161 development Methods 0.000 description 2
- 238000005516 engineering process Methods 0.000 description 2
- 238000012986 modification Methods 0.000 description 2
- 230000004048 modification Effects 0.000 description 2
- 230000003287 optical effect Effects 0.000 description 2
- 230000003068 static effect Effects 0.000 description 2
- 230000008859 change Effects 0.000 description 1
- 238000004891 communication Methods 0.000 description 1
- 238000004090 dissolution Methods 0.000 description 1
- 238000004519 manufacturing process Methods 0.000 description 1
- 230000000750 progressive effect Effects 0.000 description 1
- 238000006467 substitution reaction Methods 0.000 description 1
- 230000001960 triggered effect Effects 0.000 description 1
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
- G06T11/00—2D [Two Dimensional] image generation
- G06T11/20—Drawing from basic elements, e.g. lines or circles
- G06T11/206—Drawing of charts or graphs
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
- G06T13/00—Animation
-
- Y—GENERAL TAGGING OF NEW TECHNOLOGICAL DEVELOPMENTS; GENERAL TAGGING OF CROSS-SECTIONAL TECHNOLOGIES SPANNING OVER SEVERAL SECTIONS OF THE IPC; TECHNICAL SUBJECTS COVERED BY FORMER USPC CROSS-REFERENCE ART COLLECTIONS [XRACs] AND DIGESTS
- Y02—TECHNOLOGIES OR APPLICATIONS FOR MITIGATION OR ADAPTATION AGAINST CLIMATE CHANGE
- Y02D—CLIMATE CHANGE MITIGATION TECHNOLOGIES IN INFORMATION AND COMMUNICATION TECHNOLOGIES [ICT], I.E. INFORMATION AND COMMUNICATION TECHNOLOGIES AIMING AT THE REDUCTION OF THEIR OWN ENERGY USE
- Y02D10/00—Energy efficient computing, e.g. low power processors, power management or thermal management
Landscapes
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
The application discloses a map information display method, equipment and medium based on an animation popup assembly, wherein the method comprises the following steps: receiving a map information display instruction sent by a client, and loading a map view corresponding to the map information display instruction through a preset openlayer map engine; determining at least one display node corresponding to the map information display instruction and corresponding position attribute information of the display node in the map view; calling an application interface preset in an animation library according to the position attribute information, and displaying an animation popup window component corresponding to the display node in a map view; and acquiring data elements corresponding to the animation popup assembly, and rendering the data elements to the inside of the animation popup assembly through a slot mechanism to realize the display of map information corresponding to the display nodes.
Description
Technical Field
The application relates to the technical field of computers, in particular to a map information display method, equipment and medium based on an animation popup window assembly.
Background
With the continuous development of service systems, higher requirements are also put forward on the visualization operability of the service, and the map is widely applied to data visualization. At present, data visualization is realized through a map, only some simpler functions can be realized, the visualization effect is poor when facing to a scene of multifunctional complex interaction, the operation is complex, and the user is required to trigger for many times to realize the visualized interaction. In addition, most of the visual components need to be custom developed, long-time repeated coding work is needed, and the labor cost is high.
Disclosure of Invention
In order to solve the above problems, the present application provides a map information display method based on an animation popup window assembly, including:
receiving a map information display instruction sent by a client, and loading a map view corresponding to the map information display instruction through a preset openlayer map engine;
determining at least one display node corresponding to the map information display instruction and position attribute information corresponding to the display node in the map view;
calling an application interface preset in an animation database according to the position attribute information, and displaying an animation popup window component corresponding to the display node in the map view;
and acquiring the data elements corresponding to the animation popup assembly, and rendering the data elements into the animation popup assembly through a slot mechanism to realize the display of the map information corresponding to the display node.
In one implementation manner of the present application, determining at least one display node corresponding to the map information display instruction specifically includes:
under the condition that a plurality of display nodes exist, determining the sequence among the corresponding plurality of display nodes according to the map information display instruction, and generating a display node chain corresponding to the map information display instruction according to the sequence.
In one implementation manner of the present application, according to the location attribute information, a preset application interface is called, and the animation popup component corresponding to the display node is displayed in the map view, which specifically includes:
calling a preset application interface, and sequentially acquiring animation popup window components corresponding to a plurality of display nodes in the display node chain;
for each animation popup assembly, determining position feature points of the animation popup assembly according to position attribute information corresponding to a display node where the animation popup assembly is positioned; wherein the location feature points comprise at least boundary points;
and displaying the position characteristic points in the map view to draw position characteristic lines corresponding to the animation popup window assemblies formed by the position characteristic points, and determining the animation popup window assemblies corresponding to the display nodes according to the position characteristic lines.
In one implementation manner of the present application, before determining the animation popup window assembly corresponding to the display node according to the location feature line, the method further includes:
determining a container attribute corresponding to the animation popup assembly, and displaying the animation popup assembly in the map view according to the container attribute; wherein the container attributes include component icons, incoming animation effects, background colors, border effects, shadow patterns.
In one implementation of the present application, after rendering the data element inside the animated popup assembly, the method further comprises:
switching the animation popup window components corresponding to a plurality of display nodes in the display node chain according to a preset time interval;
and when the switching operation is detected, respectively determining the component states of the animation popup components corresponding to the plurality of display nodes, and loading the animation popup components corresponding to the corresponding display nodes according to the component states.
In one implementation manner of the present application, the component states include an explicit state and an implicit state, and determining component states of the animation popup components corresponding to the multiple display nodes respectively specifically includes:
and determining that a first animation popup window component positioned after the switching operation is in an explicit state, and determining that other animation popup window components except the first animation popup window component and the second animation popup window component in the animation popup window components corresponding to the plurality of display nodes are in an implicit state.
In an implementation manner of the present application, the switching operation is performed on the animation popup window components corresponding to the multiple display nodes in the display node chain, which specifically includes:
and determining an animation switching effect corresponding to the switching operation, and switching the animation popup window components corresponding to the display nodes according to the animation switching effect.
In an implementation manner of the present application, after implementing the presentation of the map information corresponding to the presentation node, the method further includes:
detecting whether a mouse suspension operation aiming at the animation popup window assembly exists or not;
if yes, converting the animation popup window component in the current explicit state into the implicit state, acquiring an operation position corresponding to the mouse suspension operation, and determining a designated display node corresponding to the mouse suspension operation according to the operation position;
and setting the animation popup window component corresponding to the appointed display node to be in an explicit state, and loading the animation popup window component to the operation position.
The embodiment of the application provides map information display equipment based on an animation popup window assembly, which is characterized in that the equipment comprises:
at least one processor; the method comprises the steps of,
a memory communicatively coupled to the at least one processor; wherein,,
the memory stores instructions executable by the at least one processor to enable the at least one processor to:
receiving a map information display instruction sent by a client, and loading a map view corresponding to the map information display instruction through a preset openlayer map engine;
determining at least one display node corresponding to the map information display instruction and position attribute information corresponding to the display node in the map view;
calling an application interface preset in an animation database according to the position attribute information, and displaying an animation popup window component corresponding to the display node in the map view;
and acquiring the data elements corresponding to the animation popup assembly, and rendering the data elements into the animation popup assembly through a slot mechanism to realize the display of the map information corresponding to the display node.
An embodiment of the present application provides a non-volatile computer storage medium storing computer executable instructions, wherein the computer executable instructions are configured to:
receiving a map information display instruction sent by a client, and loading a map view corresponding to the map information display instruction through a preset openlayer map engine;
determining at least one display node corresponding to the map information display instruction and position attribute information corresponding to the display node in the map view;
calling an application interface preset in an animation database according to the position attribute information, and displaying an animation popup window component corresponding to the display node in the map view;
and acquiring the data elements corresponding to the animation popup assembly, and rendering the data elements into the animation popup assembly through a slot mechanism to realize the display of the map information corresponding to the display node.
The map information display method based on the animation popup window assembly has the following beneficial effects:
different animation popup window components are distinguished through the display nodes, complex interaction between the different popup window components can be realized only according to the relation between the display nodes, multiple triggering is not needed by a user, and the efficiency is higher. And moreover, the visual display of the data is realized through the packaged animation popup window assembly in the animation library, the corresponding visual assembly is not required to be customized and developed, the development efficiency is improved, and meanwhile, the labor cost is effectively reduced.
Drawings
The accompanying drawings, which are included to provide a further understanding of the application and are incorporated in and constitute a part of this application, illustrate embodiments of the application and together with the description serve to explain the application and do not constitute an undue limitation to the application. In the drawings:
fig. 1 is a flow chart of a map information display method based on an animation popup window assembly according to an embodiment of the present application;
fig. 2 is a schematic structural diagram of a map information display device based on an animated popup window assembly according to an embodiment of the present application.
Detailed Description
For the purposes, technical solutions and advantages of the present application, the technical solutions of the present application will be clearly and completely described below with reference to specific embodiments of the present application and corresponding drawings. It will be apparent that the described embodiments are only some, but not all, of the embodiments of the present application. All other embodiments, which can be made by one of ordinary skill in the art without undue burden from the present disclosure, are within the scope of the present disclosure.
The following describes in detail the technical solutions provided by the embodiments of the present application with reference to the accompanying drawings.
As shown in fig. 1, a map information display method based on an animation popup window assembly according to an embodiment of the present application includes:
s101: and receiving a map information display instruction sent by the client, and loading a map view corresponding to the map information display instruction through a preset openlayer map engine.
In a common service system, visual display of service data is usually needed by means of a map, for example, for a bus operating system, bus routes where each stop board stops, and operation information such as operation time, start station, end station, etc. of a bus are needed to be displayed on the map. Therefore, when the service system performs data interaction display, the map can be triggered to trigger the display of the corresponding content. The server can receive a map information display instruction sent by the client and load a map view corresponding to the map information display instruction through a preset openlayer map engine. It should be noted that, the map information instruction needs to specify a specific area range, so that the server can selectively display the map view after receiving the instruction, and accuracy of the visualized area is improved.
S102: and determining at least one display node corresponding to the map information display instruction and the corresponding position attribute information of the display node in the map view.
The map information display instruction is used for representing the visual requirements of users, for example, displaying all stop stations of 21 buses in the area A, and when data visualization is performed, each stop station needs a corresponding animation popup window assembly to bear station operation information, and a plurality of animation popup window assemblies are needed to meet the visual requirements corresponding to the map information display instruction. Therefore, after receiving the map information display instruction, at least one display node corresponding to the map information display instruction and position attribute information corresponding to the display node in the map view need to be determined, each display node corresponds to an animation popup window component, and if the map information display instruction needs to pop up a plurality of different places or different levels of contents, the corresponding display node is a plurality of display nodes. Because each display node corresponds to the animation popup window component, the corresponding position attribute information, namely the coordinate information, of the display node in the map view also needs to be determined.
According to the above content, the visual content corresponding to the map information display instruction may be a composite content, and the composite content may be displayed sequentially or directly when displayed. In general, in order to ensure a visual effect, animation popup window components corresponding to different display nodes may be displayed in a specific order, for example, when a route station of a bus of a certain route is obtained, the animation popup window components may be displayed sequentially according to a station order. Therefore, in the case that a plurality of display nodes exist, the sequence among the plurality of display nodes is determined according to the map information display instruction, and a display node chain corresponding to the map information display instruction is generated according to the sequence. Therefore, when the visualization of the data corresponding to each display node is carried out, the data can be displayed in sequence according to the display node chains, and the data of each display node can be clearly displayed to a user.
S103: and calling an application interface preset in an animation database according to the position attribute information, and displaying the animation popup window component corresponding to the display node in the map view.
After the display nodes and the corresponding position attribute information are determined, the content visualization is realized by means of the animation popup window assembly, so that the corresponding animation popup window assembly is loaded to the corresponding positions of the display nodes.
Specifically, calling an application interface preset in an animation library, and sequentially acquiring animation popup window components corresponding to a plurality of display nodes in a display node chain. And determining the position characteristic points of the animation popup components according to the position attribute information corresponding to the display nodes of the animation popup components aiming at each animation popup component. Wherein the location feature points include at least boundary points. After the position feature points are determined, the position feature points can be displayed in a map view, so that a position feature line formed by the position feature points can be drawn according to the position feature points, and the position of the animation popup window assembly corresponding to the display node can be determined according to the position feature line.
In addition to the position of the animation popup component, the embodiment of the application can also configure the container attribute corresponding to the animation popup component, and after determining the container attribute corresponding to the animation popup component, the animation popup component can be displayed in the map view according to the container attribute. Wherein, the container attributes include component icons, incoming animation effects, background colors, border effects, shadow patterns.
S104: and acquiring data elements corresponding to the animation popup assembly, and rendering the data elements to the inside of the animation popup assembly through a slot mechanism to realize the display of map information corresponding to the display nodes.
The foregoing is merely a determination of the style of the animate popup assembly, and after that, embodiments of the present application also require filling of specific data content of the animate popup assembly. The server acquires the data elements corresponding to the animation popup assembly, and renders the data elements into the animation popup assembly through a slot mechanism, so that the display of the map information corresponding to the display nodes is realized. When the animation popup component displays static information, the data elements refer to front-end elements, such as div, span, h, video and other tag elements, and when the animation popup component also needs to display dynamic information, the server can acquire corresponding dynamic data from data sources such as a database and the like and fill the corresponding dynamic data into the animation popup component.
In one embodiment, when a plurality of display nodes exist, the server needs to perform switching operation on the animation popup window assemblies corresponding to the plurality of display nodes in the display node chain according to a preset time interval, so that alternate display of the plurality of animation popup window assemblies is realized. When the switching operation is detected, the component states of the animation popup components corresponding to the display nodes are required to be determined, so that the animation popup components corresponding to the corresponding display nodes are loaded according to the component states.
The first animation popup window component is in an explicit state after the switching operation, the second animation popup window component is in a second state before the switching operation, and other animation popup window components except the first animation popup window component and the second animation popup window component in the animation popup window components corresponding to the plurality of display nodes are in an implicit state. Therefore, whether the animation popup window assembly is switched or not is guaranteed, only one animation popup window assembly is always arranged in the map, and the phenomenon of data confusion is avoided.
The server can also determine animation switching effects corresponding to the switching operation, such as dissolution, flying in and the like, and according to the animation switching effects, dynamic switching among a plurality of animation popup window components can be realized, so that the visual attractiveness is improved.
Because the switching interval between the animation popup window components is fixed, if a user has a need of acquiring data of a specific display node, the embodiment of the application can also support real-time switching of the animation popup window components, and ensure that the user can acquire corresponding service data in time.
Specifically, the server needs to detect whether there is a mouse hover operation for the animated popup assembly. If yes, converting the animation popup window component in the current explicit state into the implicit state, acquiring an operation position corresponding to the mouse suspension operation, and determining a designated display node corresponding to the mouse suspension operation according to the operation position. After the designated display node is determined, the animation popup window component corresponding to the designated display node is set to be in an explicit state, and the animation popup window component is loaded to an operation position. The user can suspend the mouse at the position of any display node in the map to acquire the service data corresponding to the display node in real time, and after the user removes the mouse, the user can directly position a certain animation popup window component which is being displayed before the suspension operation, and the animation popup window component is continuously displayed at the position of the corresponding display node until the whole content required to be displayed by the map information display instruction is completed.
The foregoing is a method embodiment presented herein. Based on the same thought, some embodiments of the present application further provide a device and a non-volatile computer storage medium corresponding to the above method.
Fig. 2 is a schematic structural diagram of a map information display device based on an animated popup window assembly according to an embodiment of the present application. As shown in fig. 2, includes:
at least one processor; the method comprises the steps of,
at least one processor in communication with the memory; wherein,,
the memory stores instructions executable by the at least one processor to enable the at least one processor to:
receiving a map information display instruction sent by a client, and loading a map view corresponding to the map information display instruction through a preset openlayer map engine;
determining at least one display node corresponding to the map information display instruction and corresponding position attribute information of the display node in the map view;
calling an application interface preset in an animation library according to the position attribute information, and displaying an animation popup window component corresponding to the display node in a map view;
and acquiring data elements corresponding to the animation popup assembly, and rendering the data elements to the inside of the animation popup assembly through a slot mechanism to realize the display of map information corresponding to the display nodes.
The embodiment of the application provides a nonvolatile computer storage medium, which stores computer executable instructions, wherein the computer executable instructions are configured to:
receiving a map information display instruction sent by a client, and loading a map view corresponding to the map information display instruction through a preset openlayer map engine;
determining at least one display node corresponding to the map information display instruction and corresponding position attribute information of the display node in the map view;
calling an application interface preset in an animation library according to the position attribute information, and displaying an animation popup window component corresponding to the display node in a map view;
and acquiring data elements corresponding to the animation popup assembly, and rendering the data elements to the inside of the animation popup assembly through a slot mechanism to realize the display of map information corresponding to the display nodes.
All embodiments in the application are described in a progressive manner, and identical and similar parts of all embodiments are mutually referred, so that each embodiment mainly describes differences from other embodiments. In particular, for the apparatus and medium embodiments, the description is relatively simple, as it is substantially similar to the method embodiments, with reference to the section of the method embodiments being relevant.
The devices and media provided in the embodiments of the present application are in one-to-one correspondence with the methods, so that the devices and media also have similar beneficial technical effects as the corresponding methods, and since the beneficial technical effects of the methods have been described in detail above, the beneficial technical effects of the devices and media are not described in detail herein.
It will be appreciated by those skilled in the art that embodiments of the present application may be provided as a method, system, or computer program product. Accordingly, the present application may take the form of an entirely hardware embodiment, an entirely software embodiment, or an embodiment combining software and hardware aspects. Furthermore, the present application may take the form of a computer program product embodied on one or more computer-usable storage media (including, but not limited to, disk storage, CD-ROM, optical storage, and the like) having computer-usable program code embodied therein.
The present application is described with reference to flowchart illustrations and/or block diagrams of methods, apparatus (systems) and computer program products according to embodiments of the application. It will be understood that each flow and/or block of the flowchart illustrations and/or block diagrams, and combinations of flows and/or blocks in the flowchart illustrations and/or block diagrams, can be implemented by computer program instructions. These computer program instructions may be provided to a processor of a general purpose computer, special purpose computer, embedded processor, or other programmable data processing apparatus to produce a machine, such that the instructions, which execute via the processor of the computer or other programmable data processing apparatus, create means for implementing the functions specified in the flowchart flow or flows and/or block diagram block or blocks.
These computer program instructions may also be stored in a computer-readable memory that can direct a computer or other programmable data processing apparatus to function in a particular manner, such that the instructions stored in the computer-readable memory produce an article of manufacture including instruction means which implement the function specified in the flowchart flow or flows and/or block diagram block or blocks.
These computer program instructions may also be loaded onto a computer or other programmable data processing apparatus to cause a series of operational steps to be performed on the computer or other programmable apparatus to produce a computer implemented process such that the instructions which execute on the computer or other programmable apparatus provide steps for implementing the functions specified in the flowchart flow or flows and/or block diagram block or blocks.
In one typical configuration, a computing device includes one or more processors (CPUs), input/output interfaces, network interfaces, and memory.
The memory may include volatile memory in a computer-readable medium, random Access Memory (RAM) and/or nonvolatile memory, such as Read Only Memory (ROM) or flash memory (flash RAM). Memory is an example of computer-readable media.
Computer readable media, including both non-transitory and non-transitory, removable and non-removable media, may implement information storage by any method or technology. The information may be computer readable instructions, data structures, modules of a program, or other data. Examples of storage media for a computer include, but are not limited to, phase change memory (PRAM), static Random Access Memory (SRAM), dynamic Random Access Memory (DRAM), other types of Random Access Memory (RAM), read Only Memory (ROM), electrically Erasable Programmable Read Only Memory (EEPROM), flash memory or other memory technology, compact disc read only memory (CD-ROM), digital Versatile Discs (DVD) or other optical storage, magnetic cassettes, magnetic tape magnetic disk storage or other magnetic storage devices, or any other non-transmission medium, which can be used to store information that can be accessed by a computing device. Computer-readable media, as defined herein, does not include transitory computer-readable media (transmission media), such as modulated data signals and carrier waves.
It should also be noted that 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 may include other elements not expressly listed or inherent to such process, method, article, or apparatus. Without further limitation, an element defined by the phrase "comprising one … …" does not exclude the presence of other like elements in a process, method, article or apparatus that comprises the element.
The foregoing is merely exemplary of the present application and is not intended to limit the present application. Various modifications and changes may be made to the present application by those skilled in the art. Any modifications, equivalent substitutions, improvements, etc. which are within the spirit and principles of the present application are intended to be included within the scope of the claims of the present application.
Claims (10)
1. A map information display method based on an animated popup window assembly, the method comprising:
receiving a map information display instruction sent by a client, and loading a map view corresponding to the map information display instruction through a preset openlayer map engine;
determining at least one display node corresponding to the map information display instruction and position attribute information corresponding to the display node in the map view;
calling an application interface preset in an animation database according to the position attribute information, and displaying an animation popup window component corresponding to the display node in the map view;
and acquiring the data elements corresponding to the animation popup assembly, and rendering the data elements into the animation popup assembly through a slot mechanism to realize the display of the map information corresponding to the display node.
2. The method for displaying map information based on an animated popup window assembly according to claim 1, wherein determining at least one display node corresponding to the map information display instruction specifically comprises:
under the condition that a plurality of display nodes exist, determining the sequence among the corresponding plurality of display nodes according to the map information display instruction, and generating a display node chain corresponding to the map information display instruction according to the sequence.
3. The map information display method based on the animation popup window assembly according to claim 2, wherein calling a preset application interface according to the location attribute information, and displaying the animation popup window assembly corresponding to the display node in the map view, specifically comprises:
calling a preset application interface, and sequentially acquiring animation popup window components corresponding to a plurality of display nodes in the display node chain;
for each animation popup assembly, determining position feature points of the animation popup assembly according to position attribute information corresponding to a display node where the animation popup assembly is positioned; wherein the location feature points comprise at least boundary points;
and displaying the position characteristic points in the map view to draw position characteristic lines corresponding to the animation popup window assemblies formed by the position characteristic points, and determining the animation popup window assemblies corresponding to the display nodes according to the position characteristic lines.
4. A method for displaying map information based on an animated popup window assembly according to claim 3, wherein before determining the animated popup window assembly corresponding to the display node according to the location feature line, the method further comprises:
determining a container attribute corresponding to the animation popup assembly, and displaying the animation popup assembly in the map view according to the container attribute; wherein the container attributes include component icons, incoming animation effects, background colors, border effects, shadow patterns.
5. The method of claim 2, further comprising, after rendering the data element into the interior of the animated popup assembly:
switching the animation popup window components corresponding to a plurality of display nodes in the display node chain according to a preset time interval;
and when the switching operation is detected, respectively determining the component states of the animation popup components corresponding to the plurality of display nodes, and loading the animation popup components corresponding to the corresponding display nodes according to the component states.
6. The map information display method based on an animation popup window assembly according to claim 5, wherein the component states include an explicit state and an implicit state, and the method specifically includes determining the component states of the animation popup window assembly corresponding to the plurality of display nodes respectively:
and determining that a first animation popup window component positioned after the switching operation is in an explicit state, and determining that other animation popup window components except the first animation popup window component and the second animation popup window component in the animation popup window components corresponding to the plurality of display nodes are in an implicit state.
7. The map information display method based on the animation popup window assembly according to claim 5, wherein the switching operation is performed on the animation popup window assemblies corresponding to a plurality of display nodes in the display node chain, and the method specifically comprises:
and determining an animation switching effect corresponding to the switching operation, and switching the animation popup window components corresponding to the display nodes according to the animation switching effect.
8. The method for displaying map information based on an animated popup window assembly according to claim 1, wherein after displaying the map information corresponding to the display node, the method further comprises:
detecting whether a mouse suspension operation aiming at the animation popup window assembly exists or not;
if yes, converting the animation popup window component in the current explicit state into the implicit state, acquiring an operation position corresponding to the mouse suspension operation, and determining a designated display node corresponding to the mouse suspension operation according to the operation position;
and setting the animation popup window component corresponding to the appointed display node to be in an explicit state, and loading the animation popup window component to the operation position.
9. A map information display device based on an animated popup assembly, the device comprising:
at least one processor; the method comprises the steps of,
a memory communicatively coupled to the at least one processor; wherein,,
the memory stores instructions executable by the at least one processor to enable the at least one processor to:
receiving a map information display instruction sent by a client, and loading a map view corresponding to the map information display instruction through a preset openlayer map engine;
determining at least one display node corresponding to the map information display instruction and position attribute information corresponding to the display node in the map view;
calling an application interface preset in an animation database according to the position attribute information, and displaying an animation popup window component corresponding to the display node in the map view;
and acquiring the data elements corresponding to the animation popup assembly, and rendering the data elements into the animation popup assembly through a slot mechanism to realize the display of the map information corresponding to the display node.
10. A non-transitory computer storage medium storing computer-executable instructions, the computer-executable instructions configured to:
receiving a map information display instruction sent by a client, and loading a map view corresponding to the map information display instruction through a preset openlayer map engine;
determining at least one display node corresponding to the map information display instruction and position attribute information corresponding to the display node in the map view;
calling an application interface preset in an animation database according to the position attribute information, and displaying an animation popup window component corresponding to the display node in the map view;
and acquiring the data elements corresponding to the animation popup assembly, and rendering the data elements into the animation popup assembly through a slot mechanism to realize the display of the map information corresponding to the display node.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202310300910.0A CN116309940B (en) | 2023-03-22 | 2023-03-22 | Map information display method, equipment and medium based on animation popup window assembly |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202310300910.0A CN116309940B (en) | 2023-03-22 | 2023-03-22 | Map information display method, equipment and medium based on animation popup window assembly |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN116309940A true CN116309940A (en) | 2023-06-23 |
| CN116309940B CN116309940B (en) | 2023-11-24 |
Family
ID=86781390
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN202310300910.0A Active CN116309940B (en) | 2023-03-22 | 2023-03-22 | Map information display method, equipment and medium based on animation popup window assembly |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN116309940B (en) |
Citations (10)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN101930780A (en) * | 2009-06-23 | 2010-12-29 | 索尼公司 | Image processing device, image processing method and program |
| CN107111833A (en) * | 2014-10-17 | 2017-08-29 | 电子湾有限公司 | Quick 3D model adaptations and anthropological measuring |
| CN110333924A (en) * | 2019-06-12 | 2019-10-15 | 腾讯科技（深圳）有限公司 | A kind of image morphing method of adjustment, device, equipment and storage medium |
| CN111381920A (en) * | 2020-02-17 | 2020-07-07 | 网易（杭州）网络有限公司 | Display method and device of pop-up window assembly and electronic terminal |
| CN111723221A (en) * | 2020-06-19 | 2020-09-29 | 珠江水利委员会珠江水利科学研究院 | Mass remote sensing data processing method and system based on distributed architecture |
| CN112445995A (en) * | 2020-11-30 | 2021-03-05 | 北京邮电大学 | Scene fusion display method and device under WebGL |
| CN112703534A (en) * | 2018-11-20 | 2021-04-23 | 深圳市欢太科技有限公司 | Image processing method and related product |
| CN114820915A (en) * | 2022-05-16 | 2022-07-29 | 网易（杭州）网络有限公司 | Method and device for rendering shading light, storage medium and electronic device |
| CN114896525A (en) * | 2022-06-09 | 2022-08-12 | 北京声智科技有限公司 | Information display method and device and electronic equipment |
| CN115309302A (en) * | 2021-05-06 | 2022-11-08 | 阿里巴巴新加坡控股有限公司 | Icon display method, device, program product and storage medium |
-
2023
- 2023-03-22 CN CN202310300910.0A patent/CN116309940B/en active Active
Patent Citations (10)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN101930780A (en) * | 2009-06-23 | 2010-12-29 | 索尼公司 | Image processing device, image processing method and program |
| CN107111833A (en) * | 2014-10-17 | 2017-08-29 | 电子湾有限公司 | Quick 3D model adaptations and anthropological measuring |
| CN112703534A (en) * | 2018-11-20 | 2021-04-23 | 深圳市欢太科技有限公司 | Image processing method and related product |
| CN110333924A (en) * | 2019-06-12 | 2019-10-15 | 腾讯科技（深圳）有限公司 | A kind of image morphing method of adjustment, device, equipment and storage medium |
| CN111381920A (en) * | 2020-02-17 | 2020-07-07 | 网易（杭州）网络有限公司 | Display method and device of pop-up window assembly and electronic terminal |
| CN111723221A (en) * | 2020-06-19 | 2020-09-29 | 珠江水利委员会珠江水利科学研究院 | Mass remote sensing data processing method and system based on distributed architecture |
| CN112445995A (en) * | 2020-11-30 | 2021-03-05 | 北京邮电大学 | Scene fusion display method and device under WebGL |
| CN115309302A (en) * | 2021-05-06 | 2022-11-08 | 阿里巴巴新加坡控股有限公司 | Icon display method, device, program product and storage medium |
| CN114820915A (en) * | 2022-05-16 | 2022-07-29 | 网易（杭州）网络有限公司 | Method and device for rendering shading light, storage medium and electronic device |
| CN114896525A (en) * | 2022-06-09 | 2022-08-12 | 北京声智科技有限公司 | Information display method and device and electronic equipment |
Non-Patent Citations (3)
| Title |
|---|
| 哓番茄: "Openlayers 定位，添加自定义图标，点击图标弹框", pages 1 - 5, Retrieved from the Internet <URL:《https://www.cnblogs.com/Tohold/p/12850116.html》> * |
| 申晓霞: "基于深度信息和RGB图像的行为识别算法", 《模式识别与人工智能》, vol. 26, no. 8, pages 722 - 728 * |
| 郑州-在路上: "echarts实现地图定时切换散点与多图表级联联动详解", pages 1 - 25, Retrieved from the Internet <URL:《https://www.yisu.com/zixun/176828.html》> * |
Also Published As
| Publication number | Publication date |
|---|---|
| CN116309940B (en) | 2023-11-24 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN109634598B (en) | Page display method, device, equipment and storage medium | |
| CN107729094B (en) | User interface rendering method and device | |
| CN107656759B (en) | Rendering method and device for user interface | |
| CN105786301B (en) | Method and device for switching display object under multi-window system | |
| CN105335132B (en) | Method, device and system for customizing application program function | |
| CN109614194A (en) | Display methods, device, equipment and the storage medium of list interface | |
| CN112905441A (en) | Test case generation method, test method, device and equipment | |
| CN111782106B (en) | Method and device for displaying page menu bar, electronic equipment and readable medium | |
| CN115309516A (en) | Application life cycle detection method and device and computer equipment | |
| CN110727825A (en) | Animation playing control method, device, server and storage medium | |
| CN110119270B (en) | Webpage building method, device, equipment and framework | |
| CN107621951B (en) | View level optimization method and device | |
| CN116309940B (en) | Map information display method, equipment and medium based on animation popup window assembly | |
| CN112579066A (en) | Chart display method and device, storage medium and equipment | |
| CN111142990A (en) | WeChat applet page display method and device and storage medium | |
| CN114968041A (en) | Event response method, device, equipment and medium based on graph | |
| CN111475231A (en) | Method and device for generating occupation bitmap, electronic equipment and readable medium | |
| CN116775174A (en) | Processing method, device, equipment and medium based on user interface frame | |
| CN107730572A (en) | A kind of chart rendering intent and device | |
| US11797719B2 (en) | Dynamic preview generation in a product lifecycle management environment | |
| CN112667410A (en) | Cross-process communication method, terminal and computer readable storage medium | |
| CN112749282A (en) | Knowledge graph display method, device, equipment and storage medium | |
| US11908049B2 (en) | Data processing device and method, electronic apparatus for data visualization | |
| CN110990162A (en) | Data shuttling processing method and device | |
| CN115640044B (en) | Unity-based three-dimensional software development method, device, equipment and medium |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| PB01 | Publication | ||
| PB01 | Publication | ||
| SE01 | Entry into force of request for substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| GR01 | Patent grant | ||
| GR01 | Patent grant |