Dynamic information fusing and presenting method based on HTML5 (hypertext markup language 5) high-definition bitmaps

Abstract

The invention discloses a dynamic information fusing and presenting method based on HTML5 (hypertext markup language 5) high-definition bitmaps. The method employs smooth movement of the high-definition bitmaps, displaying of multiple point positions on the bitmaps, locating of the point positions, real-time displaying of point position information, presentation of an online map by the bitmaps, providing of user interaction events and displaying of information on the bit maps, and solution of online real-time data performance problem by the WebSocket communication protocol. The method includes the steps such as creating a WebSocket service, creating a HTML5 page and server connection, loading a base map, loading hot spots, loading point positions and updating point position information. The method has the advantages that the online map can be presented at low cost, real-time data of corresponding point positions can be presented on the map, online drawing of point positions and hot spots is achieved, and the fact that the server pushes the real-time data to a front end for presentation is also achieved.

Description

technical field [0001] The invention relates to a bitmap display method, in particular to a dynamic information fusion display method based on HTML5 high-definition bitmap, and belongs to the field of bitmap online display methods. Background technique [0002] At present, map applications in web applications all use GIS. For low-investment and low-cost projects, an online map solution that can replace GIS is required. Online bitmap schematic maps have become the preferred solution, but HTML4 integrates bitmap display and information. Mainly use front-end tags to achieve display and Ajax technology to achieve real-time data acquisition, but this method has problems in the performance of data acquisition. Another way is to achieve display and data acquisition through direct Flash technology, but this method cannot be dynamically expanded Display components. As the next version of the HTML standard, HTML5 has features such as online drawing, two-way communication between fron...

AI Technical Summary

Problems solved by technology

[0002] At present, map applications in web applications all use GIS. For low-investment and low-cost projects, an online map solution that can replace GIS is required. Online bitmap schematic maps have become the preferred solution, but HTML4 integrates bitmap display and information. Mainly use front-end tags to achieve display and Ajax technology to achieve real-time data acquisition, but this method has problems in the performance of data acquisition. Another way is to achieve display and data acquisition through direct Flash technology, but this method cannot be dynamically expanded presentation component

Images