Design And Implementation Of Indoor Map Rendering System Based On HTML5

With the vigorous promotion of urban construction in our country,the expanding scale of cities and the emergence of large-scale shopping districts make the transportation routes more complicated.Most people rely on mobile travel map application navigation,accurate indoor map can help users reach the final destination,but the mobile map application and indoor shopping district information synchronization is not timely,easily lead to wrong navigation.At present,the indoor mapping system uses raster data to draw a map,and the graphic has a jagged display when displayed on a high-resolution mobile device,which reduces the user experience.By analyzing the existing mobile map application in the business district map of the lack of functionality and indoor mapping system graphics rendering unclear situation,an indoor mapping system based on HTML5 is designed and implemented,which provides the shopping mall with the ability to customize its business location map.According to the user’s demand for the system,the system is divided into three subsystems:indoor mapping rendering subsystem,indoor mapping presentation subsystem and map information storage and navigation subsystem,indoor rendering subsystem provides a complete rendering tools,by monitoring the user’s operation,the use of high-definition and small memory SVG(Scalable Vector Graphics)to draw graphics.The indoor rendering subsystem presents the map to the user and promotes some of the mail’s activities.Map information storage and navigation subsystem for persistent storage of store information and provide map navigation.Improve the sweep line algorithm,the stored map vector data through the conversion to raster data.Route navigation via A*algorithm based on raster data and user’s starting point and destination.Finally,this paper describes the system testing methods,the analysis results show that indoor mapping rendering system can meet the business district mapping and navigation needs.