Dynamic information fusion display method based on html5 high-definition bitmap

Abstract

The invention discloses a dynamic information fusion display method based on HTML5 high-definition bitmap, including smooth movement of high-definition bitmap, display of multiple points on the bitmap and positioning of point, real-time information display of point, and realizing by using bitmap Online schematic map, and provide user interaction events and information display on the bitmap, use websocket communication protocol to solve online real-time data performance problems, including creating WebSocket service, creating HTML5 page and server connection, loading basemap, loading hot area, loading Steps such as point location and updating point information; the advantage of the present invention is that it can show low-cost online map, and provide real-time data display of corresponding point on the schematic diagram, so as to achieve online drawing point, hot zone and server active push Real-time data is sent to the front end for display purposes.

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