CN115496829A - Method and device for quickly manufacturing local high-definition image map based on webpage - Google Patents
Method and device for quickly manufacturing local high-definition image map based on webpage Download PDFInfo
- Publication number
- CN115496829A CN115496829A CN202210762787.XA CN202210762787A CN115496829A CN 115496829 A CN115496829 A CN 115496829A CN 202210762787 A CN202210762787 A CN 202210762787A CN 115496829 A CN115496829 A CN 115496829A
- Authority
- CN
- China
- Prior art keywords
- local high
- definition image
- image map
- map
- screen
- 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.)
- Pending
Links
- 238000000034 method Methods 0.000 title claims abstract description 66
- 238000004519 manufacturing process Methods 0.000 title claims abstract description 22
- 230000000007 visual effect Effects 0.000 claims abstract description 23
- 238000003860 storage Methods 0.000 claims abstract description 18
- 230000008569 process Effects 0.000 claims abstract description 15
- 238000012805 post-processing Methods 0.000 claims abstract description 10
- 238000007639 printing Methods 0.000 claims abstract description 10
- 238000010586 diagram Methods 0.000 claims description 12
- 238000004422 calculation algorithm Methods 0.000 claims description 7
- 238000004364 calculation method Methods 0.000 claims description 6
- 238000005516 engineering process Methods 0.000 claims description 5
- 238000004321 preservation Methods 0.000 claims 1
- 230000015572 biosynthetic process Effects 0.000 abstract description 2
- 238000003786 synthesis reaction Methods 0.000 abstract description 2
- 238000009877 rendering Methods 0.000 description 15
- 238000013519 translation Methods 0.000 description 15
- 230000014616 translation Effects 0.000 description 15
- 238000004590 computer program Methods 0.000 description 9
- 238000012545 processing Methods 0.000 description 9
- 238000004891 communication Methods 0.000 description 8
- 238000011049 filling Methods 0.000 description 7
- 230000009466 transformation Effects 0.000 description 6
- 238000004458 analytical method Methods 0.000 description 5
- 230000000694 effects Effects 0.000 description 5
- 230000008859 change Effects 0.000 description 3
- 238000012986 modification Methods 0.000 description 3
- 230000004048 modification Effects 0.000 description 3
- 230000003287 optical effect Effects 0.000 description 3
- 238000012800 visualization Methods 0.000 description 3
- 238000011161 development Methods 0.000 description 2
- 230000006870 function Effects 0.000 description 2
- 230000004927 fusion Effects 0.000 description 2
- 230000003993 interaction Effects 0.000 description 2
- 238000013507 mapping Methods 0.000 description 2
- 239000011159 matrix material Substances 0.000 description 2
- 238000002360 preparation method Methods 0.000 description 2
- 230000001133 acceleration Effects 0.000 description 1
- 238000013459 approach Methods 0.000 description 1
- 238000003491 array Methods 0.000 description 1
- 238000013473 artificial intelligence Methods 0.000 description 1
- 230000001413 cellular effect Effects 0.000 description 1
- 238000006243 chemical reaction Methods 0.000 description 1
- 239000003086 colorant Substances 0.000 description 1
- 238000013461 design Methods 0.000 description 1
- 239000004744 fabric Substances 0.000 description 1
- 230000006872 improvement Effects 0.000 description 1
- 238000002372 labelling Methods 0.000 description 1
- 239000004973 liquid crystal related substance Substances 0.000 description 1
- 238000011068 loading method Methods 0.000 description 1
- 238000010801 machine learning Methods 0.000 description 1
- 239000013307 optical fiber Substances 0.000 description 1
- 239000004065 semiconductor Substances 0.000 description 1
- 230000001953 sensory effect Effects 0.000 description 1
- 238000006467 substitution reaction Methods 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
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/957—Browsing optimisation, e.g. caching or content distillation
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
- G06T3/00—Geometric image transformations in the plane of the image
- G06T3/40—Scaling of whole images or parts thereof, e.g. expanding or contracting
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
- G06T5/00—Image enhancement or restoration
- G06T5/50—Image enhancement or restoration using two or more images, e.g. averaging or subtraction
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
- G06T2200/00—Indexing scheme for image data processing or generation, in general
- G06T2200/32—Indexing scheme for image data processing or generation, in general involving image mosaicing
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
- G06T2207/00—Indexing scheme for image analysis or image enhancement
- G06T2207/20—Special algorithmic details
- G06T2207/20212—Image combination
- G06T2207/20221—Image fusion; Image merging
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Databases & Information Systems (AREA)
- Data Mining & Analysis (AREA)
- General Engineering & Computer Science (AREA)
- Processing Or Creating Images (AREA)
Abstract
The embodiment of the disclosure provides a method and a device for quickly manufacturing a local high-definition image map based on a webpage. The method comprises the following steps: acquiring information of a display device where a webpage is located, and presetting parameters of a local high-definition image map; selecting a screen range for manufacturing a local high-definition image map, and converting the screen range into a latitude and longitude range; calculating the number of screen shots required for manufacturing a local high-definition image map and a rectangular visual field range corresponding to each screen shot in the visual field moving process; automatically and sequentially moving the visual field to each rectangular visual field range to obtain a visible visual field area, and sequentially performing screenshot storage on the visible rectangular visual field area to obtain a plurality of screenshots; and combining the screenshots in sequence based on the plurality of screenshots to form a spliced graph, and performing post-processing on the spliced graph to form a local high-definition image map. In this way, the synthesis of high definition and wide view images or legends suitable for printing on selected areas can be accomplished automatically by way of screenshots using conventional equipment.
Description
Technical Field
The present disclosure relates to the field of computer image processing, and more particularly to the field of visualization technology, and more particularly to a method for generating a local high-definition influence map according to a slicing idea, thereby facilitating computer offline loading, cartographic analysis, scene labeling, and printing observation.
Background
In the visualization work, a local scene or a certain range of a wider area needs to be extracted from a visualization GIS map to be made into a map, the map is used for drawing legends, marking information and situation forms, accurate information can be rapidly acquired through previewing, analysis efficiency is improved, and legends can be recycled. Common computer graphics techniques include two approaches:
(1) The method has the advantages that only the current screen size is used for directly capturing the image, the resolution ratio of the obtained image source is too low, and the image source is not clearly displayed, so that the method is only suitable for carrying out relatively clear watching analysis on the map under medium and small screen electronic equipment, and the printing equipment cannot print the image which can be observed and used;
(2) A certain area is manually divided into small areas, and the visual angle is manually moved to capture the image, however, the operation can generate a very large error, the repetition rate is high, and the efficiency is low.
In summary, under the requirement of viewing and analyzing a map of a local scene or a local area on a large screen, even a printing device is required to print a piece of wall cloth map for analysis and use in a specific environment, the resolution of an image acquired by a common mapping technology is not enough to meet the requirement of the large screen or the printing device, and the displayed or printed image is very blurred, which seriously affects the use effect of legend analysis. In addition, under the condition that scenes need to be plotted and/or labeled to simulate some situations, the traditional plotting screenshot effect is often unclear, the range is small, and the requirements cannot be met. There is therefore a need for a mapping method that increases the display resolution of a local scene or local area map to accommodate screens of various sizes and resolutions and the display and printing requirements of a printer.
Disclosure of Invention
The utility model provides a local high definition image map fast making method based on webpage, a device, equipment and storage medium, only need set for the parameter in advance, then the required region of frame selection preparation local high definition image map, can accomplish the drawing automatically through the mode of screenshot, also handle the element of mark in the scene when handling the screenshot, zoom screenshot in-process according to certain proportion with plotting temporarily zoom, the effect restores according to the proportion after the concatenation at last, thereby can utilize ordinary equipment to select the region through the image or the legend that little section synthesis high definition and field of vision are wide and are fit for printing.
According to a first aspect of the present disclosure, a method for quickly manufacturing a local high-definition image map based on a webpage is provided, wherein the local high-definition image map is manufactured in a manner of splicing multiple screen shots based on a global map, and the method includes:
s101, acquiring display information of a display device where the webpage is located, and presetting parameters of the local high-definition image map;
s102, selecting a screen range for manufacturing the local high-definition image map, and converting the screen range into a longitude and latitude range of a global map where the local high-definition image map is located;
s103, calculating the number of the screen shots required for manufacturing the local high-definition image map and a rectangular view range corresponding to each screen shot in a view moving process based on the display information of the display equipment, the parameters of the local high-definition image map and the latitude and longitude ranges;
s104, automatically and sequentially moving the visual field to each rectangular visual field range to obtain a visible rectangular visual field region based on the number of screenshots and the rectangular visual field range, and sequentially storing the screenshots of the visible rectangular visual field region to obtain corresponding screenshots;
and S105, combining the corresponding screenshots to form a splicing map, and performing post-processing on the splicing map to form the local high-definition image map.
As for the above-mentioned aspect and any possible implementation manner, there is further provided an implementation manner, where the display information of the display device includes: resolution, DPI information, width and height pixels presented by a browser used by the web page, wherein DPI information is points per inch for determining the highest resolution/pixel of the display device image.
The above-mentioned aspect and any possible implementation manner further provide an implementation manner, and the parameter of the local high-definition video map includes a screenshot depth.
The above-mentioned aspect and any possible implementation manner further provide an implementation manner, and the screenshot saving of S104 is implemented based on an H5 canvas algorithm.
As to the above-described aspect and any possible implementation manner, further providing an implementation manner, the merging the corresponding screenshots to form a mosaic includes:
and sequentially combining the positions of the visible rectangular vision range corresponding to the screen shots in the local high-definition image map to form a spliced map.
The above aspects and any possible implementation manners further provide an implementation manner, and the combining of the positions of the visible rectangular view ranges corresponding to the multiple screen shots in the local high-definition image map to form a mosaic is implemented based on a canvas method.
The above-described aspects and any possible implementation further provide an implementation, and the post-processing includes:
returning the splicing map in the form of JPEG binary data in Base64 format;
writing self-defining information into Base64 based on an image file exchange technology of JPEG, wherein the self-defining information comprises geographic information, a drawing unit, a drawing description and/or a using method of the local high-definition image map corresponding to the screen range for selectively manufacturing the local high-definition image map;
and returning a complete data packet, wherein the complete data packet comprises the original synthesized splicing diagram, the custom information and a final target scene diagram, and the final target scene has a size which is cut to be suitable for printing.
According to a second aspect of the present disclosure, a device for quickly manufacturing a local high-definition image map based on a webpage is provided, wherein the local high-definition image map is manufactured in a plurality of screen capture splicing modes based on a global map. The device includes:
the parameter presetting module is used for acquiring display information of display equipment where the webpage is located and presetting parameters of the local high-definition image map;
the range selection module is used for selecting a screen range for manufacturing the local high-definition image map and converting the screen range into a longitude and latitude range of a global map where the local high-definition image map is located;
the calculation module is used for calculating the number of the screen shots required for manufacturing the local high-definition image map and the rectangular field range corresponding to each screen shot in the field of view moving process based on the display information of the display equipment, the parameters of the local high-definition image map and the latitude and longitude ranges;
the screen capture module is used for automatically and sequentially moving the visual field to each rectangular visual field range to obtain a visible rectangular visual field region based on the number of the screen captures and the rectangular visual field ranges, and sequentially performing screen capture storage on the visible rectangular visual field regions to obtain corresponding screen captures;
and the splicing module is used for combining the corresponding screenshots to form a spliced graph, and carrying out post-processing on the spliced graph to form the local high-definition image map.
According to a third aspect of the present disclosure, an electronic device is provided. The electronic device includes: a memory having a computer program stored thereon and a processor which, when executing the program, carries out the method as described above.
According to a fourth aspect of the present disclosure, there is provided a computer readable storage medium having stored thereon a computer program which, when executed by a processor, implements a method as described above.
According to a fifth aspect of the present disclosure, a computer program product is provided, comprising a computer program which, when executed by a processor, implements the method as described above.
It should be understood that the statements herein reciting aspects are not intended to limit the critical or essential features of the embodiments of the present disclosure, nor are they intended to limit the scope of the present disclosure. Other features of the present disclosure will become readily apparent from the following description.
Drawings
The above and other features, advantages and aspects of various embodiments of the present disclosure will become more apparent by referring to the following detailed description when taken in conjunction with the accompanying drawings. The accompanying drawings, which are included to provide a further understanding of the present disclosure and are incorporated in and constitute a part of this disclosure, illustrate embodiment(s) of the disclosure and together with the description serve to explain the principles of the disclosure:
fig. 1 shows a flowchart of a method for rapidly making a local high-definition video map based on a webpage according to an embodiment of the present disclosure;
fig. 2 is a block diagram of a device for rapidly making a local high-definition video map based on a webpage according to an embodiment of the disclosure;
FIG. 3 is a block diagram of an electronic device for implementing a method for fast producing a local high-definition video map based on a webpage according to an embodiment of the present disclosure;
FIG. 4 illustrates a block diagram of an exemplary electronic device capable of implementing embodiments of the present disclosure.
Detailed Description
To make the objects, technical solutions and advantages of the embodiments of the present disclosure more clear, the technical solutions of the embodiments of the present disclosure will be described clearly and completely with reference to the drawings in the embodiments of the present disclosure, and it is obvious that the described embodiments are some, but not all embodiments of the present disclosure. All other embodiments, which can be derived by a person skilled in the art from the embodiments disclosed herein without making any creative effort, shall fall within the protection scope of the present disclosure.
In addition, the term "and/or" herein is only one kind of association relationship describing the association object, and means that there may be three kinds of relationships, for example, a and/or B, and may mean: a exists alone, A and B exist simultaneously, and B exists alone. In addition, the character "/" herein generally indicates that the former and latter associated objects are in an "or" relationship.
Fig. 1 shows a flowchart of a method 100 for quickly creating a local high-definition video map based on a web page according to an embodiment of the present disclosure. The method 100 may be performed by the apparatus 200 for fast creating a local high-definition video map based on a web page in fig. 2.
In a block 101, display information of a display device where the webpage is located is acquired, and parameters of the local high-definition image map are preset;
in a block 102, selecting a screen range for making the local high-definition image map, and converting the screen range into a longitude and latitude range of a global map where the local high-definition image map is located;
at block 103, calculating the number of the screen shots required for manufacturing the local high-definition image map and a rectangular field of view range corresponding to each screen shot in a field of view moving process based on the display information of the display device, the parameters of the local high-definition image map and the latitude and longitude ranges; the calculated rectangular view range is in direct proportion to the size of the current browser window, so that the current browser window can completely fill the whole rectangular view range after the view moving process is finished.
At block 104, based on the number of screenshots and the rectangular view ranges, automatically moving the view to each rectangular view range in turn to obtain visible rectangular view areas, and sequentially performing screenshot storage on the visible rectangular view areas to obtain corresponding screenshots; in this embodiment, an algorithm for automatically moving the view angle and capturing a picture according to the selected area is adopted, when the area is selected by using a low scale, the area is only similar to a thumbnail preview image, and the area is divided into area blocks of a high scale through correlation calculation, so that the camera can be moved to each area in sequence under the high scale, and a clearer slice can be obtained.
And at a block 105, combining the corresponding screenshots to form a spliced graph, and performing post-processing on the spliced graph to form the local high-definition image map.
In some embodiments, the display information of the display device includes: resolution, DPI information, the width and height pixels presented by the browser used by the web page (i.e. the size of the browser), wherein DPI information is the number of dots per inch, used to determine the highest resolution/pixel of the display device image.
In some embodiments, the parameters of the local high-definition image map include screenshot depth, and the higher the screenshot depth is, the greater the number of the screenshots is, and the clearer the display of the finally formed local high-definition image map is.
In some embodiments, the screenshot saving of S104 is implemented based on the H5 canvas algorithm. H5 is an abbreviation of HTML 5, canvas is used as a part of a standard of the HEML 5, all 2D rendering is completed only by a most basic interface, the compatibility is good, the rendering engine is realized by adopting Canvas, the use value is improved, the basic flow of the Canvas rendering is to draw roles in a display list according to the sequence of the depth from low to high, the Canvas refers to the current transformation matrix, the clipping region and the filling style as the rendering state, the calculation and the rendering are performed according to the current rendering state during the drawing, in order to avoid receiving images of other roles such as the transformation matrix and the filling style of the roles, the current rendering state must be stored before rendering the roles, the last stored rendering state is recovered after the rendering is finished, for the mask, the implementation is realized by setting the clipping region of the Canvas, the rendering role is similar to the rendering role, the current rendering state is stored before the mask is drawn, and the rendering state is recovered immediately after the mask layer is finished, but the previous rendering state is recovered after objects with the depths influenced by the mask layer is finished. The filling mode comprises two modes: gradient color filling and image filling; the two-Image filling relates to two Image formats, one is binary representation directly using a standard Image format, such as JPEG or PNG, the other is array representation using pixel point colors of the Image, the Canvas uses a filling mode Pattern to fill an Image or Canvas object as a picture into an enclosed area, the images in the two formats can be respectively converted into the Image or Canvas according to different Image formats, and the conversion method is as follows: for the Image represented by the standard format, directly converting the binary representation into a Data URI encoded by Base64, and assigning the src attribute to the Image object; for pixel information representing images, zhuge pixels are drawn onto a blank Canvas, which is eventually filled with the Canvas object.
In some embodiments, said merging the corresponding screenshots to form a mosaic comprises:
and sequentially combining the positions of the visible rectangular vision range corresponding to the screen shots in the local high-definition image map to form a spliced map.
The embodiment is specifically realized by the following steps:
forming the plurality of screen shots into a queue;
numbering the screenshots in the queue according to a certain sequence to obtain a plurality of numbered screenshots, so that the initial screen range is completely restored;
and combining the numbered screenshots in sequence according to the positions of the visible rectangular vision range corresponding to the screenshots in the local high-definition image map to form a splicing map.
In some embodiments, the multiple numbered screenshots are sequentially merged and spliced and implemented based on a canvas method.
Under the general condition, the speed of processing pictures by H5 is not ideal, and in the process of multi-picture fusion and splicing, the pictures with the same size cannot be ensured to be sequentially filled and merged according to a preset sequence, so that position marks are adopted in the splicing process, namely, each screenshot is loaded and drawn to a specific position and then is removed, and when a mark set is empty, the picture fusion is finished.
WPF is an abbreviation of Windows Presentation Foundation, is a graphical display frame of Windows, can simplify the development process of developers by using WPF, improves the development efficiency, can conveniently call a graphical interface at a lower layer of Windows, is well combined with a DirectX graphical acceleration scheme, and has gorgeous display effect and good performance by using WPF development software. WPF presents graphics through Canvas, the position of each graphic displayed in the Canvas depends on the distance between the graphic and the uppermost edge and the leftmost edge of the boundary of the Canvas, the distance from the upper edge is regarded as y-axis coordinates, and the y-axis coordinate is larger as the distance from the uppermost edge is lower than the direction of the y-axis, the y-axis coordinate is larger as the distance from the uppermost edge is larger, so that for any graphic, by setting Canvas. When carrying out concrete figure transform, only need according to the central point of figure transform can, after the central point of figure confirms, the position of whole figure has just been confirmed, include:
(1) When the translation operation is carried out, the figure can be moved to a desired position again only by translating the central point and calculating a new central point position according to the original central point and the translation amount, and at the moment, the width and the height of the figure do not need to be changed;
(2) When zooming operation is carried out, the graph is moved to the Canvas origin, the new width and height of the graph are calculated according to the zooming coefficients, when the graph is zoomed at the origin successfully, translation is carried out again, the graph is moved to the original position, and zooming of the graph in the Canvas is completed;
(3) And when the rotation operation is carried out, the central point of the graph is moved to the original point of the Canvas, the graph is rotated according to the original point for a specified degree, and when the graph is successfully rotated at the original point, the graph is translated again, and the graph is moved to the original position, so that the rotation of the graph in the Canvas is completed.
Preparation before multi-graph combination transformation: the presentation form of a graph depends on the coordinate, the size and the rotation angle, the coordinate refers to the distance relative to the upper left corner of the container, the size refers to the width and the height of the graph, the rotation angle refers to whether the graph rotates or not, and the display effect of the whole graph is determined after the factors are determined. For multiple graphics presented in a container and simultaneously transformed, the transformation of the multi-map combination is also subject to the coordinates, size and rotation angle images. In order to accurately calculate the transformation of the multi-graph combination, the coordinates (for the convenience of calculation, the center point is used for replacing), the size and the rotation angle of each graph in the combination must be calculated in advance; and meanwhile, calculating the central point, the size and the rotation angle of the combined large graph. Assuming that the rotation angle of the combined graph is 0 at each time of combination, which means that no rotation is made; the central point of the combined graph depends on the outer boundary of all the single graphs forming the large graph to form the center of the graph;
in this embodiment, for example, if the x coordinate and the y coordinate of the central point of the screenshot numbered 2 are both greater than the x coordinate and the y coordinate of the central point of the screenshot numbered 1, then:
the center point x coordinate of the combined graph = (the screen capture center point x coordinate with the number of 2+ the width of the screen capture with the number of 2)/2 + the screen capture center point x coordinate with the number of 1-the width of the screen capture with the number of 1/2;
the center point y coordinate of the combined graph = (the screen capture center point y coordinate with the number of 2+ the height with the number of 2)/2 + the screen capture center point y coordinate with the number of 1-the height of the screen capture with the number of 1/2;
the width of the combined graph = the x coordinate of the screenshot center point numbered 2+ the width of the screenshot numbered 2;
the height of the combined graph = the y coordinate of the screenshot center point numbered 2+ the height of the screenshot numbered 2;
the x coordinate of the central point of the screenshot with the number of 2 represents the maximum of the x coordinates of the central points of the two graphs, and the y coordinate of the central point of the screenshot with the number of 2 represents the maximum of the y coordinates of the central points of the two graphs. Therefore, even a plurality of graphics can find the maximum x coordinate and the maximum y coordinate according to this principle. The width of the combined graph is obtained by adding half of the corresponding width to the x coordinate, and the height of the combined graph is obtained by adding half of the corresponding height to the y coordinate.
Implementation of (two) multi-graph combined transformation
1. Translation of multi-graph combination: for the translation change of a plurality of combined graphs, as the translation change of each graph, each small graph is translated one by one, and the translation change comprises the following steps: and acquiring a Transform Group instance of each small graph, and operating a Transform therein, wherein the result of translating each small graph is the translation of the combined graph.
2. Scaling of multiple graph combinations: the scale of the combined graphic remains consistent with the scale of each of the small graphics within the combination. Firstly, translation amount of a central point of the combined graph to the Canvas origin is calculated, then each small graph is translated to a position relative to a new central point, then translation amount of each small graph translated to the Canvas origin is calculated, each small graph is translated to the Canvas origin, and then each small graph is scaled according to the scaling ratio. And after the zooming is finished, the translation is carried out to the position relative to the original central point according to the reverse order of the just-obtained series of translations, and the zooming of the multi-graph combination is finished.
3. Rotation of the multi-graph combination: firstly, calculating the translation amount of the central point of the combined graph translated to the Cnavas original point, translating each small graph to the position relative to the new central point, translating each small graph to the position of the Canvas original point again for rotation, wherein the rotation angle of each small graph is consistent with the rotation angle of the whole combined large graph, and the difference is that the translation amount of each small graph is different. And after the rotation of each small graph is finished, translating the small graphs to the position relative to the original center according to the reverse order of the previous translation, and completing the rotation of the multi-graph combination.
As to the above-mentioned aspect and any possible implementation manner, there is further provided an implementation manner, in S105, the post-processing includes:
returning the splicing map in the form of JPEG binary data in Base64 format; base64 is an encoding algorithm for encoding binary data with 64 printable characters, and when encoding data, base64 uses three 8-bit character-type data as a group, takes the ASCII code of the three character-type data, and then uses six bits as a group to form four new data, and the maximum value of the four new data is 2^6=64. The final encoded character is obtained from the Base64 table in decimal numbers of four six bits of data.
The method comprises the steps that user-defined information is written into Base64 by an EXIF (Exchangeable Image File) technology based on JPEG (joint photographic experts group), wherein the user-defined information comprises geographic information, a drawing unit, a drawing instruction and/or a using method of the local high-definition Image map corresponding to the screen range for selecting and making the local high-definition Image map. The EXIF information provides various parameters during picture shooting, including various information such as camera brand signals, shooting parameters, shooting time, modification time and the like, the EXIF information is open-type information, and the EXIF information in the picture can be changed by editing and modifying of various image processing software.
And returning a complete data packet, wherein the complete data packet comprises the original synthesized splicing diagram, the custom information and a final target scene diagram, and the final target scene has a size which is cut to be suitable for printing.
The embodiment is verified and used on a geovis iexplor SDK platform, and can meet the requirement of rapid processing.
It should be noted that for simplicity of description, the above-mentioned method embodiments are shown as a series of combinations of acts, but it should be understood by those skilled in the art that the present disclosure is not limited by the order of acts described, as some steps may be performed in other orders or concurrently in accordance with the present disclosure. Further, those skilled in the art should also appreciate that the embodiments described in the specification are exemplary embodiments and that the acts and modules referred to are not necessarily required for the disclosure.
The above is a description of embodiments of the method, and the following is a further description of the embodiments of the apparatus.
Fig. 2 is a block diagram illustrating a fast local high-definition video map creation apparatus 200 based on a web page according to an embodiment of the disclosure. As shown in fig. 2, the apparatus 200 includes:
201, a parameter presetting module, configured to acquire display information of a display device where the webpage is located, and preset parameters of the local high-definition image map;
202, a range selection module, configured to select a screen range for making the local high-definition image map, and convert the screen range into a longitude and latitude range of a global map where the local high-definition image map is located;
203, a calculating module, configured to calculate, based on the display information of the display device, the parameters of the local high-definition image map, and the latitude and longitude ranges, the number of the screen shots required for manufacturing the local high-definition image map and a rectangular field range corresponding to each screen shot in a field of view moving process; and calculating the obtained rectangular view range to be in direct proportional relation with the size of the current browser window, so that the current browser window completely fills the whole rectangular view range after the view moving process is finished.
204, a screen capture module, configured to automatically and sequentially move the view to each rectangular view range to obtain a visible rectangular view region based on the number of screen captures and the rectangular view ranges, and sequentially store the screen captures of the visible rectangular view region to obtain a corresponding screen capture; in the embodiment, an algorithm for automatically moving the view angle and capturing a picture according to the selected area is adopted, when the area is selected by adopting a low scale, the area is only similar to a thumbnail preview image, and the area is divided into area blocks with high scales through related calculation, so that the camera can be moved to each area in sequence under the high scale, and clearer slices can be obtained;
205, a splicing module, configured to merge the corresponding screenshots to form a spliced graph, and perform post-processing on the spliced graph to form the local high-definition image map.
It can be clearly understood by those skilled in the art that, for convenience and brevity of description, the specific working process of the described module may refer to the corresponding process in the foregoing method embodiment, and is not described herein again.
In the technical scheme of the disclosure, the acquisition, storage, application and the like of the personal information of the related user all accord with the regulations of related laws and regulations, and do not violate the customs of public sequences.
The present disclosure also provides an electronic device, a readable storage medium, and a computer program product according to embodiments of the present disclosure.
FIG. 3 shows a schematic block diagram of an electronic device 300 that may be used to implement embodiments of the present disclosure. Electronic devices are intended to represent various forms of digital computers, such as laptops, desktops, workstations, personal digital assistants, servers, blade servers, mainframes, and other appropriate computers. The electronic device may also represent various forms of mobile devices, such as personal digital processing, cellular phones, smart phones, wearable devices, and other similar computing devices. The components shown herein, their connections and relationships, and their functions, are meant to be exemplary only, and are not meant to limit implementations of the disclosure described and/or claimed herein.
The device 400 comprises a computing unit 401 which may perform various suitable actions and processes according to a computer program stored in a Read Only Memory (ROM) 402 or loaded from a storage unit 408 into a Random Access Memory (RAM) 403. In the RAM403, various programs and data required for the operation of the device 400 can also be stored. The computing unit 401, ROM402, and RAM403 are connected to each other via a bus 404. An input/output (I/O) interface 405 is also connected to bus 404.
A number of components in device 400 are connected to I/O interface 405, including: an input unit 406 such as a keyboard, a mouse, and the like; an output unit 407 such as various types of displays, speakers, and the like; a storage unit 408 such as a magnetic disk, an optical disk, or the like; and a communication unit 409 such as a network card, modem, wireless communication transceiver, etc. The communication unit 409 allows the device 400 to exchange information/data with other devices via a computer network, such as the internet, and/or various telecommunication networks.
Various implementations of the systems and techniques described here above may be implemented in digital electronic circuitry, integrated circuitry, field Programmable Gate Arrays (FPGAs), application Specific Integrated Circuits (ASICs), application Specific Standard Products (ASSPs), system on a chip (SOCs), load programmable logic devices (CPLDs), computer hardware, firmware, software, and/or combinations thereof. These various embodiments may include: implemented in one or more computer programs that are executable and/or interpretable on a programmable system including at least one programmable processor, which may be special or general purpose, receiving data and instructions from, and transmitting data and instructions to, a storage system, at least one input device, and at least one output device.
Program code for implementing the methods of the present disclosure may be written in any combination of one or more programming languages. These program codes may be provided to a processor or controller of a general purpose computer, special purpose computer, or other programmable data processing apparatus, such that the program codes, when executed by the processor or controller, cause the functions/operations specified in the flowchart and/or block diagram to be performed. The program code may execute entirely on the machine, partly on the machine, as a stand-alone software package partly on the machine and partly on a remote machine or entirely on the remote machine or server.
In the context of this disclosure, a machine-readable medium may be a tangible medium that can contain, or store a program for use by or in connection with an instruction execution system, apparatus, or device. The machine-readable medium may be a machine-readable signal medium or a machine-readable storage medium. A machine-readable medium may include, but is not limited to, an electronic, magnetic, optical, electromagnetic, infrared, or semiconductor system, apparatus, or device, or any suitable combination of the foregoing. More specific examples of a machine-readable storage medium would include an electrical connection based on one or more wires, a portable computer diskette, a hard disk, a Random Access Memory (RAM), a read-only memory (ROM), an erasable programmable read-only memory (EPROM or flash memory), an optical fiber, a compact disc read-only memory (CD-ROM), an optical storage device, a magnetic storage device, or any suitable combination of the foregoing.
To provide for interaction with a user, the systems and techniques described here can be implemented on a computer having: a display device (e.g., a CRT (cathode ray tube) or LCD (liquid crystal display) monitor) for displaying information to a user; and a keyboard and a pointing device (e.g., a mouse or a trackball) by which a user can provide input to the computer. Other kinds of devices may also be used to provide for interaction with a user; for example, feedback provided to the user can be any form of sensory feedback (e.g., visual feedback, auditory feedback, or tactile feedback); and input from the user may be received in any form, including acoustic, speech, or tactile input.
The systems and techniques described here can be implemented in a computing system that includes a back-end component (e.g., as a data server), or that includes a middleware component (e.g., an application server), or that includes a front-end component (e.g., a user computer having a graphical user interface or a web browser through which a user can interact with an implementation of the systems and techniques described here), or any combination of such back-end, middleware, or front-end components. The components of the system can be interconnected by any form or medium of digital data communication (e.g., a communication network). Examples of communication networks include: local Area Networks (LANs), wide Area Networks (WANs), and the Internet.
The computer system may include clients and servers. A client and server are generally remote from each other and typically interact through a communication network. The relationship of client and server arises by virtue of computer programs running on the respective computers and having a client-server relationship to each other. The server may be a cloud server, a server of a distributed system, or a server with a combined blockchain.
It should be understood that various forms of the flows shown above may be used, with steps reordered, added, or deleted. For example, the steps described in the present disclosure may be executed in parallel, sequentially, or in different orders, and are not limited herein as long as the desired results of the technical solutions disclosed in the present disclosure can be achieved.
The above detailed description should not be construed as limiting the scope of the disclosure. It should be understood by those skilled in the art that various modifications, combinations, sub-combinations and substitutions may be made, depending on design requirements and other factors. Any modification, equivalent replacement, and improvement made within the spirit and principle of the present disclosure should be included in the scope of protection of the present disclosure.
Claims (10)
1. A method for quickly manufacturing a local high-definition image map based on a webpage is characterized in that the local high-definition image map is manufactured in a plurality of screen capture splicing modes based on a global map, and the method comprises the following steps:
acquiring display information of a display device where the webpage is located, and presetting parameters of the local high-definition image map;
selecting a screen range for manufacturing the local high-definition image map, and converting the screen range into a longitude and latitude range of a global map where the local high-definition image map is located;
calculating the number of the screen shots required for manufacturing the local high-definition image map and a rectangular view range corresponding to each screen shot in a view moving process based on the display information of the display equipment, the parameters of the local high-definition image map and the latitude and longitude ranges;
based on the number of screenshots and the rectangular view range, moving the view to each rectangular view range to obtain a visible rectangular view area, and sequentially performing screenshot storage on the visible rectangular view areas to obtain corresponding screenshots;
and combining the corresponding screenshots to form a splicing map, and performing post-processing on the splicing map to form the local high-definition image map.
2. The method for rapidly making the local high-definition image map based on the webpage as claimed in claim 1, wherein the display information of the display device comprises: the DPI information is points per inch and is used for determining the highest resolution/pixel of the image of the display device.
3. The method for rapidly making the local high-definition image map based on the webpage as claimed in claim 1, wherein the parameter of the local high-definition image map comprises a screenshot depth.
4. The method for rapidly making the local high-definition image map based on the webpage as claimed in claim 1, wherein the screenshot preservation is realized based on an H5 canvas algorithm.
5. The method for rapidly making the local high-definition image map based on the webpage as claimed in claim 1, wherein the merging the corresponding screenshots to form the mosaic comprises:
and sequentially combining the positions of the visible rectangular vision range corresponding to the screen shots in the local high-definition image map to form a spliced map.
6. The method for rapidly making the local high-definition image map based on the webpage as claimed in claim 5, wherein the positions of the visible rectangular view ranges corresponding to the screenshots in the local high-definition image map are sequentially combined to form a mosaic based on a canvas method.
7. The method for rapidly making the local high-definition image map based on the webpage as claimed in claim 6, wherein the post-processing comprises:
returning the splicing map in a JPEG binary data form of Base64 format;
writing user-defined information into Base64 by an image file exchange technology based on JPEG, wherein the user-defined information comprises geographic information corresponding to the screen range for selecting and manufacturing the local high-definition image map, a drawing unit, a drawing instruction and/or a using method of the local high-definition image map;
and returning a complete data packet, wherein the complete data packet comprises the original synthesized splicing diagram, the custom information and a final target scene diagram, and the final target scene has a size which is cut to be suitable for printing.
8. A device for rapidly creating a local high-definition image map based on a web page, which is used for implementing the method according to any one of claims 1 to 7, wherein the local high-definition image map is created based on a global map by splicing a plurality of screenshots, and the device comprises:
the parameter presetting module is used for acquiring display information of a display device where the webpage is located and presetting parameters of the local high-definition image map;
the range selection module is used for selecting a screen range for manufacturing the local high-definition image map and converting the screen range into a longitude and latitude range of a global map where the local high-definition image map is located;
the calculation module is used for calculating the number of the screen shots required for manufacturing the local high-definition image map and the rectangular field of view range corresponding to each screen shot in the field of view moving process based on the display information of the display equipment, the parameters of the local high-definition image map and the latitude and longitude ranges;
the screen capture module is used for automatically and sequentially moving the visual field to each rectangular visual field range to obtain a visible rectangular visual field region based on the number of screen captures and the rectangular visual field ranges, and sequentially performing screen capture storage on the visible rectangular visual field region to obtain a plurality of screen captures;
and the splicing module is used for combining the corresponding screenshots to form a spliced graph, and carrying out post-processing on the spliced graph to form the local high-definition image map.
9. An electronic device, comprising:
at least one processor; and
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 perform the method of any one of claims 1-7.
10. A non-transitory computer readable storage medium having stored thereon computer instructions for causing the computer to perform the method of any one of claims 1-7.
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202210762787.XA CN115496829A (en) | 2022-06-29 | 2022-06-29 | Method and device for quickly manufacturing local high-definition image map based on webpage |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202210762787.XA CN115496829A (en) | 2022-06-29 | 2022-06-29 | Method and device for quickly manufacturing local high-definition image map based on webpage |
Publications (1)
Publication Number | Publication Date |
---|---|
CN115496829A true CN115496829A (en) | 2022-12-20 |
Family
ID=84466919
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202210762787.XA Pending CN115496829A (en) | 2022-06-29 | 2022-06-29 | Method and device for quickly manufacturing local high-definition image map based on webpage |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN115496829A (en) |
Cited By (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN117573917A (en) * | 2024-01-19 | 2024-02-20 | 成都深瑞同华科技有限公司 | Map picture intercepting method, system, electronic equipment and medium |
-
2022
- 2022-06-29 CN CN202210762787.XA patent/CN115496829A/en active Pending
Cited By (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN117573917A (en) * | 2024-01-19 | 2024-02-20 | 成都深瑞同华科技有限公司 | Map picture intercepting method, system, electronic equipment and medium |
CN117573917B (en) * | 2024-01-19 | 2024-03-29 | 成都深瑞同华科技有限公司 | Map picture intercepting method, system, electronic equipment and medium |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN110956673B (en) | Map drawing method and device | |
US7792331B2 (en) | Composition of raster and vector graphics in geographic information systems | |
CN107484428B (en) | Method for displaying objects | |
JP5562439B2 (en) | Spatial data processing method and apparatus | |
CN108182212B (en) | Photo map scheduling method and display system based on aerial photography | |
JP6096634B2 (en) | 3D map display system using virtual reality | |
US20160343155A1 (en) | Dynamic filling of shapes for graphical display of data | |
CN110851558B (en) | Universal loading method for map of coordinate system in earth | |
CN112232315B (en) | Text box detection method and device, electronic equipment and computer storage medium | |
CN103686064A (en) | Picture segment display method and client-side | |
CN114491351B (en) | Lattice point data visualization method and system adaptable to WebGIS platform | |
JP2012104114A (en) | Perspective transformation of two-dimensional images | |
CN105931284B (en) | Fusion method and device of three-dimensional texture TIN data and large scene data | |
CN107527377B (en) | Three-dimensional virtual earth-suspended Chinese character rendering method based on mobile platform | |
CN115496829A (en) | Method and device for quickly manufacturing local high-definition image map based on webpage | |
CN114928718A (en) | Video monitoring method and device, electronic equipment and storage medium | |
CN111311720A (en) | Texture image processing method and device | |
CN111563929B (en) | 2.5D webpage development method based on browser | |
US11417058B2 (en) | Anti-aliasing two-dimensional vector graphics using a multi-vertex buffer | |
KR100943451B1 (en) | System for manufacturing ortho image using tiff format of dem-tiff and method therefor | |
CN114693820A (en) | Object extraction method and device, electronic equipment and storage medium | |
CN102074004A (en) | Method and device for determining type of barrier of spatial entity | |
CN115965752B (en) | Method and device for generating environment data distribution map, storage medium and electronic equipment | |
CN112583976B (en) | Graphic code display method, equipment and readable storage medium | |
Djurakulov | TYPES OF COMPUTER GRAPHICS AND THEIR APPLICATIONS |
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 |