Map drawing method and device

Abstract

The invention discloses a map drawing method and device, relates to the technical field of map drawing, and mainly aims to realize map drawing through a WebGL technology and improve the map drawing efficiency. According to the main technical scheme, the method comprises the steps of obtaining map element slices according to image parameters of a to-be-drawn map; converting the intra-slice coordinates of each map element recorded in the map element slices into scene coordinates in a preset scene coordinate system, wherein the preset scene coordinate system is a three-dimensional coordinate system established based on a plane coordinate system after map projection; storing the scene coordinates and the drawing information of each map element recorded in the map element slice into a drawing data storage object, wherein the drawing data storage object is pre-created corresponding to the map element; obtaining a target image transformation matrix based on a preset scene coordinate system; and drawing the to-be-drawn map from the data stored in the drawing data storage objects corresponding to all the map elements through a preset shader in the graphic processor by utilizing the target image transformation matrix.

Description

technical field [0001] The invention relates to the technical field of map drawing, in particular to a map drawing method and device. Background technique [0002] With the continuous development of browser-side drawing technology, especially after the release of the HTML5 standard, the appearance of drawing interfaces such as canvas and svg, the drawing method of WEB maps has also undergone earth-shaking changes. With advantages such as no distortion, vector maps have gradually replaced part of the share of raster maps, and more and more vector map products have emerged on the Internet. Generally, there are four types of map elements displayed on a WEB map, which are area planes, roads, buildings, and annotations (including annotations such as points of interest (POI), road names, etc.). Usually, after these elements are projected onto the plane, they will be divided into slices according to a certain size. After segmentation, these elements will be distributed on differen...

AI Technical Summary

Problems solved by technology

However, when using the image drawn by the canvas element, when encountering map operations such as zooming or continuous movement, since each frame of the image needs to be redrawn, and limited by the performance of the CanvasRenderingContext2D interface, the image drawing process will become It gets stuck, which affects the smoothness of the user's operation of the map

At the same time, since the image drawn using the canvas element is still a bitmap, if the image is not updated in real time during the zoom-in and zoom-out operation, there will be a problem of graphic distortion when using the original image for the zoom operation

Therefore, the existing map element drawing method cannot respond quickly to the user's continuous operations, which affects the user's query operation experience

Images