CN117036624A - Computer system for realizing street view map multi-source image playing - Google Patents

Abstract

The invention discloses a computer system for realizing multisource image playing of a street view map, which belongs to the field of image display application related to network geographic information, and particularly comprises the following steps of realizing image playing of a plurality of interest points with geographic space topological relation by establishing a playing time axis of each interest point unit and marking synchronous association animation display on the corresponding map window by utilizing a match map layout based on a single map window with a plurality of interest point image windows with a plurality of image types and a plurality of primitive types, wherein the image playing method comprises the following steps of: step one, constructing a multi-source image playing model; step two, loading a group of play data; step three, setting a playing window; step four, reading current interest point playing data; step five, establishing an image window for playing; and step six, circularly controlling.

Description

Computer system for realizing street view map multi-source image playing

Technical Field

The invention relates to the field of image display application of network geographic information, in particular to a computer system for realizing street view map multi-source image playing.

Background

At present, the effect of a seeker map (Cybemap) similar to the seeker map can be realized on a computer screen only under the support of a large informatization project or a professional department platform, so that the seeker map leaves a hall and a service public are problems to be explored, mechanical aided drawing software and image processing software aid geographic information to complete informatization process, street view map technology is a component part of a geographic information digitizing solution, the math script of the French Boolean-based school of the last century 30 is considered as a set theory, mathematical objects are classified into sets and structures, three mother structures comprise algebraic structures, sequential structures and topological structures, which lay a mathematical foundation for geographic information digitizing, the invention considers that the street view map visualization is a component part of geographic information digital transformation, and the effective approach of the street view map visualization is the problem to be solved by the invention, from the technical route perspective, the unique technical characteristics of the full scene and continuity of the panoramic image are that traditional pictures and videos cannot be replaced, at present, short videos become mobile internet 'third language' except pictures and voices, one form of digital transformation of the videos possibly is structured data, cloud end exists, cloud end structured videos indicate technical routes for the application of the panoramic image mixed-up digital map with the unique technical characteristics in geographic information visualization, the panoramic image is closer to a documentary or a real-time slice in terms of the panoramic image, the traditional photographic works are closer to a story film, the composition, angles and light are highlighted through swing shooting, an additional mechanical arm achieves cool effect, in recent years, along with popularization of virtual reality technology, the panoramic image becomes a new image data resource, however, most applications stay in shooting three dimensions and then viewing two dimensions, compared with the quality of a traditional shooting comparison picture, the technical advantages obtained by the omnibearing shooting relative to the view angle of a scene of the traditional shooting are not fully mined, the invention considers that the respective technical and resource advantages of images, videos, panoramic images and street view maps based on the traditional camera, which are scattered on a network, are not replaced, the integration advantage potential based on the street view map is huge, the invention is power and target, the current street view map has the problems of single panoramic image data source, single picture element acquisition type and single playing form in the aspect of playing, because of the lack of technical means support, the current street view map can not be directly manufactured and generate a multi-interest point street view map to play, namely the geographic space topological relation of multiple interest points with multimedia information can not be displayed on the same screen, for example, a method and a device for realizing street view display (application number: 201410457789.3, patent grant bulletin number: 104199944B) realize automatic playing along a street view map line, which adopts the steps of generating partial panoramic images in the view angle range of each road section along the road travelling direction in advance to splice into dynamic images, generating the dynamic images to automatically play according to the received coordinates of the starting point and the ending point, solving the problem of playing panoramic images along a defined route, similar to video effect, but having weaker performance for the secondary editing creation of an end user and the problem that the man-machine interaction advantage of a panoramic image window is not exerted; the method is characterized in that a computer system for realizing panoramic image display along the line of an electronic map (application number: 2019104154393, patent grant bulletin number: CN 110110248B) is also used for realizing automatic playing along a section of street view map line, a crease line with a traveling direction is formed to represent a set line on the electronic map by sequentially receiving longitude and latitude coordinates of a series of points, a plurality of panoramic images are automatically and sequentially extracted and displayed along the traveling direction at certain intervals in the crease line, the panoramic images of the electronic map are extracted and displayed one by one to realize directional display, the problems of automatic extraction and directional display of the plurality of panoramic images on a certain demarcation section of the electronic map are solved, the manual operation one by one extraction and display mode of the panoramic images of the street view map is changed, the man-machine interaction times are reduced, the working efficiency of directionally displaying the plurality of panoramic images in a certain demarcation line is improved, but the problems of weaker same screen comparison performance of a plurality of lines of end users exist, and the single slide playing form is solved; the panoramic computer system for realizing the controllable advancing display of the street view map (application number: 202111560591.4) realizes the automatic playing of the street view map line along a straight line segment, automatically sequentially extracts and displays a plurality of panoramic images one by one along the advancing direction by controlling an advancing starting point and the advancing direction according to the advancing distance and the time interval, realizes the automatic extracting and batch display of the panoramic images of the electronic map along the line, the sequence and the time delay, and enhances the controllability and the flexibility of point location, the line and direction change compared with the full-automatic playing technical scheme of extracting and displaying the panoramic images one by one relative to a fixed line, but also has the problem that the same screen comparison performance of a plurality of lines of an end user is weaker and the problem of single slide playing form; a kind of realization matrix scans the electronic map and draws the panoramic image computer system "(application number: 2019102098488 authorizes bulletin number: CN 110134882B), in a polygonal area on the electronic map of Internet, through arranging a series of scanning points in interval of equidistance, form a scanning point matrix with N rows and M columns, draw the panoramic image on every scanning point in the polygonal area automatically, realize on the electronic map of Internet and draw the panoramic image in batches in a demarcation area, solve the problem that draws a plurality of panoramic images automatically in a demarcation area of the electronic map, have changed the manual operation in a demarcation area of the electronic map of the traditional street view map and inquired the panoramic image mode accurately one by one, has reduced the man-machine interaction times, has improved the work efficiency to inquire a plurality of panoramic images, but also have the single figure, and the single problem of slide show form; the panoramic image player can display a computer system (application number: 201911059248.4), realize the same-screen automatic playing of a plurality of panoramic images, utilize the panoramic images as playing resources, and realize the same-screen multi-window automatic display comparison of the panoramic images by organizing and directional sequential playing of more than two panoramic images according to a playing group, but have the problem of single playing form. Summarizing the above-mentioned various panoramic image automatic playing, all have the characteristics of using a platform engine (street view map or independent panoramic image library), a primitive (point, line, surface) collection type, a playing form (rotation, slide playing), solve a problem, have innovations in forming three-dimensional semi-panoramic image, the invention interprets the "three-dimensional semi-panoramic image" as: the three-dimensional stereoscopic formed by stretching a planar XOY two-dimensional geometric plane graph along a Z axis is called a two-dimensional half by means of a two-dimensional half concept in CAD, a plurality of panoramic images with front-back topological relations, which are acquired at regular intervals along a geospatial line, are sequentially extracted according to the front-back topological relations, the panoramic images are sequentially displayed in a slide orientation mode on a time sequence axis which is in the same direction as the geospatial line, in addition, the invention is independent, has various characteristics and cannot be replaced, on the basis, a plurality of new problems are presented, namely, the problems can not be solved in some application scenes, the basic point is that the application range of a certain street view map platform is limited by the panoramic image coverage range and the general business electronic map, and the problems of simultaneously comparing three-dimensional half images of more than two lines, such as the problem of simultaneously playing images on one line and simultaneously playing images of different acquisition types of a plurality of points on the same screen, such as the problem of utilizing electronic map platform resources of a certain map service provider, simultaneously applying other pictures, panoramic images and videos, integrating various image resources, effectively organizing, playing different platforms on the same screen, and solving the problem of multi-source image island including panoramic images, videos and common images with geospatial position attributes, namely the structured model, programmed production and networked propagation of the siro map. In summary, one technical problem that needs to be solved urgently by those skilled in the art is to construct a structured data model creation problem of multiple source images and multiple primitives on a street view map, the multiple source images on the basis of an electronic map are played on the same screen, the multiple sources comprise multiple image types, multiple primitive collection types and multiple electronic map engine types, how to effectively organize the image collection types of points of interest including different primitives such as points, lines and planes and the composed multiple source image data of different platforms, each image playing advantage of three-dimensional half slide film playing including animation, broken lines and line segments of the points is fully exerted, an automatic playing display computer system is composed, multiple source images with geographic space position attributes are composed, multiple effects and beneficial effects of multiple source images, multiple engine platforms, multiple primitive types, multiple playing forms are generated, namely, a match map is needed, and on the basis of innovation of technical means, a breakthrough of overlaying internet geographic information display form and application mode is also a process of converting internet geographic information from informatization to digital geographic information.

Disclosure of Invention

In view of the above, the invention provides a computer system for realizing street view map multisource image playing, which solves the technical problems that in the prior art, there is no street view map multisource image playing tool for various image types, various primitive types and various playing forms, and realizes the structured model, programming and networking propagation of a match map.

In order to achieve the above purpose, the invention discloses a computer system for playing street view map multisource images, which comprises a memory, a processor, a display, a network, panoramic images, and a computer program stored in the memory and capable of running on the processor, wherein the computer program is firstly initialized in the program, and on a terminal display screen, the program is displayed in a full-automatic mode for playing and displaying a group of interest point geospatial multisource images based on a map in a same screen and multiple windows, and a flow chart of the program is shown in fig. 1.

Step one, constructing a multi-source image playing model, which comprises the steps of setting a playing data structure comprising a group of playing parameters for the multi-source image as a data storage carrier, and entering a step two; it should be noted that, the playing data structure constructed for the multi-source image according to the present invention, as shown in fig. 2, is a mathematical model carrier for playing the multi-source image, and is the first invention.

Step two, loading a group of playing data, which comprises reading S interest point multi-source image playing data from a designated data source according to a certain constraint condition, forming S records or objects in the playing data structure, and entering step three; it should be noted that, in this step, the manner of reading the play data and the manner of storing the play data are programming conventional techniques.

Setting a playing window, arranging S image windows on a screen, setting a map window, instantiating the map window into a map window through a corresponding map engine, setting the current interest point serial number C=0, and entering the step four; it should be noted that, the window setting method in this step is a programming conventional technology, and the S multi-source image windows+one map window, as shown in fig. 3, is the first creation of the present invention.

Step four, reading current interest point playing data, reading the C-th group data from S interest point multi-source image playing data structures as the current interest point, and entering a step five; it should be noted that, in this step, reading a point of interest playing data is a programming conventional technology.

Step five, establishing an image window for playing, instantiating a corresponding image window on a screen into the image window by using a corresponding image engine according to the image type identification of the current interest point, initializing and displaying, marking the interest point in the map window according to the interest point element type and coordinates, playing the image of the interest point and playing the map mark according to the time frame sequence axis algorithm of the interest point, and entering step six; as shown in fig. 2, it should be noted that the establishment of multi-source video playback is the first creation of the present invention.

Step six, loop control, including C=C+1, judge C, if C is smaller than S jump to step four, otherwise finish; the loop control in this step is a programming routine technique.

Preferably, in the first step, the playing parameters further include an image type, initialization data, a playing data index, a primitive type, and coordinates, wherein the corresponding image type is a panoramic image of a street view map, the playing data index is an ID code, the initialization data is a horizontal view angle, a vertical view angle, and an amplification level, the corresponding image type is a self-built panoramic image, a picture, an audio, a video, and a panoramic video, the playing data index is a path and a file name, the corresponding image type is a web page, and the playing data index is a web address. It should be noted that, the specific form of the image type is a code or is identified by the features of the playing parameters, the specific form of the primitive type is a code or is identified by the features of the coordinates, such as the number of coordinate points, a representative point, two representative line segments, N head-tail different points represent fold lines, N head-tail same point surfaces, and the playing parameters are suitable for non-single primitive types and non-single image types.

Preferably, the playing data structure in the first step further includes that the carrier of the content stored in the playing data structure further includes a plurality of assigned variables, a record of an assigned table, and a specific object obtained by instantiating the defined class. It should be noted that, in the two-dimensional table form of the data structure of the playing screen in the embodiment of the present invention, as shown in fig. 2, the playing data structure is the first creation of the present invention.

Preferably, the data source in the second step further includes that the data source carrier further includes a network database, a data table of a data file, an XML file, a folder, and a cloud storage service. The data source belongs to the prior art.

Preferably, in the third step, the image window further includes a window code, a window distance, a window size, a window shape, and a window number, where the window code further includes a unique identifier for representing the window itself, the window distance further includes a screen abscissa length from an external leading point of the image window to a geographic space position of a corresponding interest point in the map window, the minimum value of the abscissa length is zero, the window size further includes whether the image window sizes of multiple interest points on the same screen are uniform, the minimum value of the window size is not zero, the window shape type further includes a rectangle, a circle, and a special shape, and the window number further includes 2 to 30, and typically 2 to 8. It should be noted that the present invention is not limited to the image window being inside the map window or outside the map window.

Preferably, the map engine in the third step further includes a map engine type further including an internet street view map API, a digital map API, and an electronic map API that overlays data including pictures, canvases, videos, and themes. It should be noted that, the map engine belongs to the prior art, and the current map window of the playing screen corresponds to a certain map type and corresponds to a certain map engine.

Preferably, the map window in the third step further includes a map display parameter, a map display type, and a map display range, where the map display parameter further includes a center coordinate and an enlarged level, the map display type further includes a vector form regular map, a remote sensing satellite map, a 3D map, a thematic map with superimposed pictures or data, and the map display range further includes a geographic area covering the S points of interest. The map window belongs to the prior art.

Preferably, the image type in the fifth step further includes a picture, a web page, audio, video, panoramic image, panoramic video, and holographic image. It should be noted that each of the image types belongs to the prior art, the image types of S interest points of a playing screen include more than one type, 1 interest point corresponds to one image window, and one image type is used.

Preferably, the image engine in the fifth step further includes image display functions, web page loading labels, audio display functions, video display functions, street view map API, panoramic image API, panoramic video API, and hologram API, and the functions of street view map API, panoramic image API, and panoramic video API further include event callback functions for displaying a panorama according to the ID or coordinates including the panorama, monitoring and acquiring a horizontal view angle and a vertical view angle, event callback functions for monitoring an amplification factor, and event callback functions for monitoring panorama update transformation. It should be noted that, each image engine is in the prior art, and the street view map API is different from the panoramic image API in that the street view map API can only load the panoramic image provided by its platform, the panoramic image API can load the panoramic image provided by the non-street view map platform, and the image engines of S interest points of one playing screen include more than one image engine type.

Preferably, the primitive types in the fifth step further include a point, a line, and a plane, the point further includes determining its geospatial position using a coordinate, and the line further includes determining a vector pattern of its geospatial position using a set of coordinates to represent a ray, a line segment, and a polyline, and the plane further includes determining a vector pattern of its geospatial region using a set of coordinates to represent a polygon. It should be noted that, the specific coding rule of the primitive types is not limited in the invention, and the element that multiple primitives form the street view map multisource image is the initiative of the invention, and the primitives of S interest points of a playing screen comprise more than one primitive type, and 1 interest point corresponds to one primitive type.

Preferably, the marking in the fifth step further includes graphics, characters, and connecting lines, the graphics further includes graphics type features and coordinate features of the points of interest, the geometric patterns are displayed in the map window at corresponding geographic space positions, the geometric patterns further include icons, lines, and faces, the connecting lines further include drawing an indication graphic from the geometric patterns to the external points of the edges of the image window of the points of interest, and the indication graphic has minimum area and minimum length. It should be noted that, the types of the image elements of the multiple interest points on the same screen of the image or the video are unified as points, which belongs to the prior art, the layout of the image windows of the interest points with the connection length of zero for the types of the image elements as points is set as the prior art, the connection form is the prior art in the plane design of the paper thematic map, and the invention is initiated by using the electronic connection form for the multiple interest points with the same screen comprising multiple types of the image elements.

Preferably, the time frame sequence axis of the interest point in the fifth step further includes parameters and types, the parameters further include a SUM time segment evenly divided within a time period T seconds, one time segment is a frame, the types further include a time frame sequence axis of playing images in the image window and a time frame sequence axis of marking animation of the interest point in the map window, the time frame sequence axis types of playing images in the image window further include pictures, still single frame display of panoramic images, a time frame sequence axis of playing video, a time frame sequence axis of playing images slide, a time frame sequence axis of zooming animation of image rotation, the time frame sequence axis types of animation of interest points in the map window further include a time frame sequence axis of marking flash animation, a time frame sequence axis of marking line animation or surface walking animation, the time frame sequence axis parameter characteristics of zooming animation of image rotation further include different viewing angles and magnification factors of each frame display the same image, and the time frame sequence parameter characteristics of zooming animation further include each frame display of different images. It should be noted that, the use of a single time frame sequence axis type for multiple interest points on the same screen is the prior art, and the use of more than two time frame sequence axis types for multiple interest points on the same screen is the initiative of the present invention.

Preferably, the playing of the point of interest image in the fifth step further includes playing content and playing type, wherein the playing type further includes still and animation, and the animation further includes picture animation, panoramic image rotation scaling animation display, panoramic image slide show display, video play display, audio play display, web page display and holographic image display. It should be noted that, the display type of using a single image for playing multiple points of interest on the same screen is the prior art, and each of the display types is the prior art.

Preferably, in the fifth step, the map marker playing further includes a playing shape and a playing type, the playing shape further includes a point, a line, a surface, and a text, the playing type further includes a static state and an animation, and the animation further includes moving the animation along the line and the surface, flashing the animation, and moving the flashing animation. It should be noted that, the single map marker playing type is used by multiple interest points on the same screen as the prior art, each map marker playing type is the prior art, and the image playing superposition map marker playing of multiple interest points on the same screen is the initiative of the invention.

The embodiment of the invention has the following beneficial effects: by creating a multi-source image playing data structure, using various image, multi-window setting, various graphic elements, various playing modes, structuring, programming, networking and other technical means, extracting playing data of a group of interest points from a data source, comprehensively utilizing the characteristics of the data structure, the image, the graphic elements, the playing time axis technology and the like, effectively organizing a group of interest points based on an electronic map, using the image window and the map mark of each interest point as a playing unit, forming a playing screen with various playing and same screen display effects by each playing unit with own playing parameters and time axis, realizing the structuring, programming and networking production of a siro map, namely, compared with the existing electronic map based on a group of interest points in the existing single window, single engine, single graphic element and single playing mode, the technical means of the embodiment of the invention is not simple listing or piling, the effect has strong practicability, can meet three factors of interaction (corresponding to panoramic images and electronic map self man-machine interaction technology of the embodiment of the invention), exploration (corresponding to multi-interest point image attribute information and map mark geographic space mutual position topological information on-screen display of the embodiment of the invention) and multimedia (corresponding to multi-source images and multi-image elements of the embodiment of the invention), the embodiment of the invention explores a racing map making mode through the multi-source image technical means, reduces the making threshold, expands the application breadth and depth of an Internet electronic map, has the beneficial effects of mainly 5 1+1>2 aspects, firstly realizes playing of a plurality of image windows based on the electronic map, solves the problem of single playing layout of the traditional image windows, i.e., 1+1>2 of the plurality of windows; secondly, the map marks of multiple primitive types are played simultaneously on the same screen, so that the problem of the same-screen comparison display of different primitive collection types is solved, for example, when adjacent panoramic images are continuously replaced step by step and forward on a slide type playing line, a plurality of scenic spot images are played simultaneously on the same screen, which cannot be achieved by the playing effect of multiple interest points of the existing single dot primitive, namely the effect of 1+1>2 of multiple primitives; thirdly, the integration of image resources of different platforms is realized, the problem of island of single image platform resource types is solved, each image resource of different platforms has emphasis and advantages, each image resource of different platforms has emphasis indoors, each image resource of different platforms has emphasis street view and emphasis external view, an information type island is formed, only one platform resource is used, the practical application limitation is larger, and various existing image resources are fully utilized, so that the method is an effective attempt of image utilization, namely the effect of 1+1>2 of various image engines; fourthly, the playing form of a group of multi-source images on the same screen is richer, including still pictures, animations, videos and panoramic image slide shows, the effect of 1+1>2 is generated, and the problem of single playing form of single image is solved; the invention realizes multiple effects of a group of multi-source images, the effects of 1+1>2 'are generated by digging a group of image information and geospatial information of interest through the same-screen playing of an image window and map mark of the interest, and the effects of 1+1> 2' are realized by the embodiment of the invention, the synchronous animation display of a group of multi-primitive, multi-source images and map mark is the technical defects and short plates of the traditional video production and the geospatial information system, and the map mark is the indispensable form of the geospatial positioning display.

Drawings

Fig. 1 is a flowchart of a computer program for playing a street view map multi-source image according to the present invention.

Fig. 2 is a schematic diagram of a two-dimensional representation of a multi-source video playback data structure of a street view map according to an embodiment of the present invention.

Fig. 3 is a schematic layout diagram of a six-window screen page playing screen according to an embodiment of the present invention.

FIG. 4 is a diagram illustrating the layout and position encoding of each window of a screen page display according to an embodiment of the present invention.

FIG. 5 is a diagram illustrating the loading of a page in a map window according to an embodiment of the present invention.

FIG. 6 is a diagram illustrating the creation of a panoramic image view page load in accordance with an embodiment of the present invention.

FIG. 7 is a diagram illustrating the creation of a photo window page load in accordance with an embodiment of the present invention.

Fig. 8 is a schematic diagram of a five-window screen page playing screen layout in an embodiment of the invention.

FIG. 9 is a diagram illustrating loading of pages of each window of five windows according to an embodiment of the present invention.

FIG. 10 is a diagram of an engine corresponding to each window of five windows according to an embodiment of the present invention.

Detailed Description

The present invention will be described in further detail with reference to the drawings and the detailed description, so that the above objects, features and advantages of the present invention can be more clearly understood. As shown in fig. 1, a program flow chart of a computer system for realizing multi-source image playing of a street view map according to the present invention is shown, and is specifically described by the following 2 embodiments, in which panoramic images in image resources played in embodiment 1 of the present invention originate from panoramic images in a street view map of an internet street view map service provider, panoramic images loaded in embodiment 2 originate from a self-built proprietary panoramic image library based on an internet electronic map, and the present invention does not limit whether sources of the played specific image resources and electronic maps are owned or shared resources.

Embodiment 1, as an embodiment of the present invention, using a certain internet street view map service provider street view map, a panoramic image engine of a panoramic view and a map engine of a map view are APIs provided by the service provider, and the pictures are in jpg format, and are stored on a server arranged on each page of the embodiment of the present invention, and specific paths "/pic/", the technical means of multiple images, multiple view settings, multiple primitives, multiple play forms, structuring, programming and networking of the present invention are utilized to generate irreplaceable beneficial effects, that is, geographic information is displayed in a form of a siro map, the embodiment of the present invention uses a single internet street view map platform, multiple view layout, slide play and animation play of panoramic images of multiple primitives, through point and on-line multiple point location image sets, the playing mode is enriched, the three-dimensional half-space geographic information is displayed, the picture element types comprise panoramic images acquired in point positions, line segments and fold lines, the picture element type of the panoramic image S1 is a ray, the picture element type of the panoramic image S3 is a line segment, the next panoramic image is acquired and displayed every 3 seconds according to the advancing distance of 20 meters, the point marks of the geographic space positions of the panoramic images S1 and S3 in the corresponding map window advance according to the advancing distance of 20 meters for 3 seconds to form an animation effect, the data arrangement aim is to compare two three-dimensional half-street landscape images with a screen, the picture 1 displays a still image with a tablet subtitle, the aim is to serve as the title of the playing screen, the panoramic image S2 displays a panoramic image on a certain point which is horizontally and forward rotated, the rotating range is 1 degree, the time interval is 30 milliseconds, the panoramic image S4 displays a panoramic image on a certain point which is horizontally and reversely rotated, the rotating range is 1 degree, at 30 ms intervals, 4 lines are led out from marks of map windows of panoramic images S1, S2, S3 and S4 and are connected to panorama window frames of the panoramic images, a plurality of panoramic images based on street view map electronic maps are used for creating a match map comprising map elements, words, animation images and slide show elements, image spaces between the macroscopic layout of the large scale electronic map of the street view map and three-dimensional real-scene panoramic images acquired by points on areas are constructed through continuous display of independent time axes of each window, the data sources are stored in a specified universal network database, a designated universal network database is provided with a play data table, and the play data table comprises play group ID, play serial numbers and image types (S represents panoramic images, P represents pictures and V represents videos), initialization data (the panoramic images are horizontal angles, right angles, amplification factors, time intervals, animation amplitudes and animation modes, the pictures and videos have no initialization data), and the play data index (the panoramic images are not limited by the initialization data items of each image type and the panoramic image index: ID, picture, video, storage path+file name, the invention does not limit the index form of the playing data of each image type), picture element type, coordinate field, and records and edits several records as several panoramic image, picture, video playing data, in order to store several groups of playing data in the playindex data table, each group of playing data is used as search constraint condition by an independent playing group ID, playing serial number (constraint condition=2 in the embodiment of the invention), because the program loads only one group of playing, the playing data structure in the embodiment program does not need playing group ID, playing serial number, for the two fields of the playing screen playing sequence number, for the used image types only including panoramic images and pictures, based on HTML5 and CSS3, a panocar HTML page is created as a panoramic image window display sub-page program carrier, a picnow HTML page is created as a picture window display sub-page program carrier, a mapcar HTML page is created as a map window display sub-page program carrier, a panoramic image engine in panocar HTML uses BMap panorama () in a street map Javascript API of a street map service provider, panoramic image acquisition algorithm functions of rays, line segments and broken line vector graphics of different primitives are respectively a panoramic image_function (), a line_function (), a panoramic point mark and an animation function are a panoramic_function (), a panocar HTML page is added with a div tag as an image container, and a panoramic image container with a panoptic attribute of the panoptic is designated as a panoramic image container in the panoptic stage of the panoptic vector, = "panoptic" is prepared: the method comprises the steps of loading a picture for display on a picnow page by using a JavaScript img tag < img src= "/>, initializing a display map, a picture window and a corresponding panoramic window by using the street map service provider for the va map of the Web application = new bmap map (" map_canvas "), using a loaded set of interest point coordinate geometric centers as centers initi_map_center, determining a map magnification level initi_map_zoom according to a display range covering all loaded interest point coordinate algorithms, and initializing the display map, the picture window and the picture window by using the street map service provider for the java script api of the Web application. The main function is to construct the window frame layout of the playing screen, each window can be loaded with picture window, panoramic image window and map window sub-page with different engine marks, record the playing group ID parameter in the window frame layout according to the query character string format behind the URL website path, in particular MPanoPlay. Aspx#index=2, in MPanoPlay. Aspx page, the layout uses DIV and CSS3 to form the playing screen page, the page is divided into a plurality of blocks to be laid out, then each block is set with width percentage, height percentage, floating, background color and frame style of CSS3, finally windows are added in each block to adapt to different Internet terminal display screen resolution, each window occupies the page dividing proportion unchanged, each window relative position unchanged, and simultaneously can be automatically extended to support the screen, in particular a top area S100 is set by using < DIV > tag, two rows and three columns are divided in the S100 top-level region, and specifically, 6 windows are set by using < div > tags, namely, S110, S120, S130, S140, P110 and T110, as shown in fig. 3, a null < iframe id= "S111" > -sub-window is created in the S110 window as a basis for the subsequent instantiation of the S111 panoramic image window, a null < iframe id= "S121" > -sub-window is created in the S120 window as a basis for the subsequent instantiation of the S121 panoramic image window, a null < iframe id= "S131" > -sub-window is created in the S130 window as a basis for the subsequent instantiation of the S131 panoramic image window, a null < iframe id= "S141" > -sub-window is created in the S140 window as a basis for the subsequent instantiation of the S141 panoramic image window, a null < iframe id= "P111" > -sub-window is created in the P110 window as a basis for the subsequent instantiation of the P111 picture, creating an empty < iframe id= "T111" > window in the T110 window as a basis for instantiating a T111 map window later, forming window layout and window position coding, wherein the window position coding uniquely corresponds to the interest point playing serial number, as shown in fig. 4, in the embodiment of the invention, closing the window div specifically uses a method of hiding the control by setting a "display" = "none" of a style of the control, opening the window by setting a "display" = "-moz-box" and a "display" = "-webkit-box" of the style of the control to re-open the window, setting background colors and frame styles of the window is not limited in the embodiment of the invention, and street map service providers at home and abroad are mainly Tencer, hundred degree company and google company, the embodiments of the present invention do not limit the API and panoramic image of which panoramic image service provider is used at home and abroad, take MPanoPlay. Aspx multiple image windows plus one map window as a playing screen layout frame, take picshow. HTML as a picture window display program carrier, take panocar. HTML as a panoramic image window display program carrier, take mapcar. HTML as a map window display program carrier, realize the playing of a group of multi-source images in sequence, positioning and sequencing subjects on the internet terminal screen page based on the electronic map, and the computer program carries out the following steps.

Step one, constructing a multi-source image playing model, which comprises the steps of setting a playing data structure comprising a group of playing parameters for the multi-source image as a data storage carrier, and entering step two. The embodiment of the invention can provide the following specific scheme: setting a play group ID INDEX variable INDEX initial value to NULL in MPanoPlay.aspx.cs files, setting 5 one-dimensional arrays in each of the MPanoPlay.aspx and MPanoPlay.aspx.cs files, wherein the 5 one-dimensional arrays sequentially correspond to an image type Ppara0[ ], initialization data Ppara1[ ], a play data INDEX Ppara2[ ], a primitive type Ppara3[ ], and a coordinate Ppara4[ ], forming a play screen data structure, setting a plurality of variables in the MPanoPlay.aspx files and assigning initial values, and setting a current interest point serial number variable C=0 and 10 parameter variables: p0 (image type) =nill, P1 (initialization data) =nill, P2 (play data index: panoramic image is ID, picture is path+filename) =nill, P3 (primitive type) =0, P4 (coordinates) =nill, pprara (panoramic image is horizontal view+vertical view+magnification factor, picture is NULL) =0, psect (time interval) =0, prange (animation amplitude) =0, pcostyle (animation mode) =0, T (play time) =0, and step two is entered. It should be noted that, the specific naming of each variable is not limited in the embodiment of the present invention, and using conventional technical means, ppara, psect, prange, pcarstyle, T is extracted from P1, and for different play forms of image types (such as video, picture, panoramic image, panoramic video), the specific content and coding of P1 are different, and the specific content and coding of P1 are not limited in the embodiment of the present invention.

Step two, loading a group of playing data, which comprises reading S interest point multi-source image playing data from a designated data source according to a certain constraint condition, forming S records or objects in the playing data structure, and entering step three. The embodiment of the invention can provide the following specific scheme: in the MPanoPlay. Aspx. Cs file, according to the constraint condition of play group ID (INDEX=2), specifically using select to inquire from the specified database named playindex data table according to the play group ID field content equal to 2 and play sequence number field content from small to large as the search constraint condition, recording the S (S=5) inquiry result which accords with the condition, reading each record item including the image type, initialization data, play data INDEX, primitive type and coordinate field content corresponding sequence, storing in 5 one-dimensional arrays Ppara0, ppara1, ppara2, ppara3, ppara4[ ] the same record position, forming multi-source image play data based on the street map multi-source image play data structure, sp=5, reading the specific data in the MPanop. Aspx file including the image type, initialization data, play data INDEX, primitive type and coordinate field content corresponding sequence, storing in 5 one-dimensional arrays Ppara0[ ], ppara1[ ], ppara2, ppara3[ ], ppara4[ ], and playing data corresponding to the map in the MPanox file, and obtaining the corresponding data in the map data corresponding to the map, and performing the map data corresponding to the map in the MPanox file, and obtaining the map data corresponding to the map, and performing the map data corresponding to the map.

Setting a playing window, arranging S image windows on a screen, setting a map window, instantiating the map window into a map window through a corresponding map engine, setting the current interest point serial number C=0, and entering the step four. The embodiment of the invention can provide the following specific scheme: in mpanoplay. Aspx, panoramic image windows S110, S120, S130, S140, picture window P110, map window T110 are laid using < div >, as shown in fig. 3, the embodiment of the present invention does not limit window position, size, style, in which < iframe id= "S111" >, < iframe id= "S121" >, < iframe id= "S131" >, < iframe id= "S141" >, < iframe id= "P111" >, < iframe id= "T111" >, map window instantiation is achieved by loading mapcon html through < iframe id= "T111" in map window T110 in mpanoplay. Aspx, as shown in fig. 5, a div tag is added as a map container on a mapcon html page, and at the same time, an id attribute < divid= "map_canvas" >/div > is specified for the div, and map_canvas in a construction parameter is the id of the map container added in the preparation stage: the var map view=new bmap.map ("map_canvas"), the map amplification level initial_map_zoom is determined by using the geometric centers of the loaded S interest point coordinates as the centers of the loaded interest point coordinates and covering all the loaded interest point coordinates according to the display range, and the map map_center (initial_map_center, initial_map_zoom) is initialized and displayed, c=0, and the step four is entered.

And step four, reading current interest point playing data, reading the C-th group data from the S interest point multi-source image playing data structures as the current interest point, and entering the step five. The embodiment of the invention can provide the following specific scheme: in the mpanoplay. Aspx, the variable C is a single-chain table pointer, the value of the variable C is a point of interest number code, the variable C uniquely corresponds to window position code, the window S111 corresponds to a c=0 point of interest, the P111 corresponds to a c=1 point of interest, the S121 corresponds to a c=2 point of interest, the S131 corresponds to a c=3 point of interest, and the S141 corresponds to a c=4 point of interest.

And fifthly, establishing an image window for playing, instantiating a corresponding image window on a screen into the image window by using a corresponding image engine according to the image type identification of the current interest point, initializing and displaying, marking the interest point in the map window according to the interest point element type and coordinates, playing the image of the interest point and playing the map mark according to the time frame sequence axis algorithm of the interest point, and entering the step six. The embodiment of the invention can provide the following specific scheme: in mpanoplay. Aspx, since P0 is specifically coded as a street map and the primitive type is a ray according to S111 corresponding to c=0 (the embodiment of the present invention is not limited to the setting of the correspondence), so that a document. Getelectric byid ('S111') is loaded, src= "pa_html#ppa= 1110101 (three-bit horizontal traveling direction header=111 degrees, three-bit vertical viewing angle pitch=10 degrees, one-bit magnification factor from=1, the header, pitch, zoom are specifically selected as ppa 1[0], P2=xxxxxxxxxxxxxx (the initial panoramic image ID, the embodiment of the present invention is specific numerical value, the coding form is not limited to the encoding form) & P3=2 (the ray, the primitive type of the embodiment of the present invention is set as line 2, line 3, line 4, the embodiment of the present invention is specific numerical value, the coding form is not limited to the P4=10 degrees, one-bit vertical viewing angle pitch is one-size, one-size is a slide-size-limited, the projection is a projection 1[ P1 ] =0 ] is selected as a projection [ 1 ], the projection [ 1 ] is not limited to the specific numerical value, the projection 1 is not limited to the specific time (the projection 1 is not limited to the projection 1) and P0 is extracted as a projection 1[0] by the specific size, the projection 1 ] is not limited to the projection 1 ] and the projection 1[ size is not limited to the initial panoramic image ID, the embodiment of the projection size is not limited to be The encoding form is not limited) "instantiate the corresponding panoramic image view, as shown in fig. 6, in panocar. SetPov ({ head: horizontal view, pitch: vertical view }); set zoom (zoom); a panoramic image is directionally displayed in an S111 panoramic image window, the adjustment angle of this embodiment is 0 degrees, the panoramic image horizontal view angle=the ray horizontal traveling direction (representing the panoramic image horizontal direction pointing to the traveling direction), the directional display panoramic image is initialized, the ray starting point longitude and latitude coordinates are used as the first current point, the total number of frames sum=t×1000/Psect is set, the SUM delay execution functions setTimeout () are set to form a time axis, each setTimeout () function is set to be Psect (3000 milliseconds), each setTimeout () executes functions walk_function (), the functions walk_function () are included, the ray traveling algorithm is implemented, that is, the current point longitude and latitude coordinates are used, the new point longitude and latitude coordinates of the next step are calculated according to the ray traveling direction and the traveling distance, the new point longitude and latitude coordinates of the next step are obtained through the parama window, the new point longitude and latitude coordinates are obtained at intervals of the time axis, the panoramic image is simultaneously, the panoramic image is displayed in the three-dimensional directional window by the setting time interval of the setTimeout () function, the new point longitude and latitude coordinates are obtained at intervals of the time axis, the panoramic image window 20 m is displayed in the three-dimensional directional window, the panoramic image is sequentially, the panoramic image is obtained by the step of the setting time interval of the setTimeout window (), updating the geographic position of the corresponding directed icon (marking a directed icon at the ray starting point for the first time, drawing a vector line segment at two adjacent points along the ray traveling direction to form an animation effect of the icon traveling along the ray, and drawing a vector graphic connecting line according to the coordinates of the interest point to the outer joint of the corresponding window frame.

Step six, loop control, including C=C+1, judge C, if C is less than S jump to step four, otherwise finish. The embodiment of the invention can provide the following specific scheme: in mpanoplay, aspx, for (var i=0, i < Sp, i++ { c=i, if C is smaller than Sp, jump to step four }, end.

Step four is performed a second time, in mpanoplay. Aspx, where c=1, p0=ppara0 [ C ], p1=ppara1 [ C ], p2=ppara2 [ C ], p3=ppara3 [ C ], p4=ppara4 [ C ], and the picture window P111 instantiation data is acquired.

Step five is performed for the second time, in mpanoplay. Aspx, according to P111 corresponding to c=1, since P0 is specifically encoded as a picture, p2= "/pic/xxxx. Jpg", so that document. Getelementbyid ('P111'). Src= "picnow. Html#name=/pic/xxxx. Jpg" is loaded, and a corresponding picture window is instantiated, as shown in fig. 7, in picnow. Html, the picture file name P2 (/ pic/xxxx. Jpg) of the additional path is displayed by using the img tag < img src= "/>, and the embodiment of the invention only displays the simplest title of the picture, therefore, the map is not marked and wired, and the embodiment of the invention does not limit the display of the picture.

Step four is performed a third time, in mpanoplay. Aspx, where c=2, p0=ppara0 [ C ], p1=ppara1 [ C ], p2=ppara2 [ C ], p3=ppara3 [ C ], p4=ppara4 [ C ], and panoramic view S121 instantiation data is acquired.

Fifth step five is performed for the third time, in mpanoplay. Aspx, according to the correspondence of S121 c=2, p0=ppara0 [0], p1=ppara1 [0], p2=ppara2 [0], p3=ppara3 [0], p4=ppara4 [0], since P0 is specifically coded as a street view map and the primitive type is a point, loading document. Getelementary byid ('S121'). Src= "patch. Html#ppara= 1660101 (horizontal view angle=121 degrees, vertical view angle=10 degrees, magnification factor zoom=1, head, patch, zoom specifically is Ppara1[0], the embodiment of the present invention is specific numerical value, coding form unrestricted) & p2=xxxxxxxxxxxx (image ID), the embodiment of the present invention is specific numerical value, coding form unrestricted) & P3=1 (specific numerical value, coding form unrestricted) & p=1, specific frame-size unrestricted picture frame unrestricted (specific numerical value, motion picture frame unrestricted type unrestricted digital value, p=40=patch 1, picture frame restricted by specific spatial value, picture frame restricted by specific form unrestricted (spatial value, p=40=0); the degree, in particular Ppara1[0] extraction, the embodiment of the invention is not limited to a specific numerical value and a coding form) & Pcarstyle=2 (panoramic image animation type: horizontal forward rotation, in particular Ppara1[0] extraction, the embodiment of the invention is not limited to a specific numerical value and a coding form) & T=30 (one animation period is 30 seconds, the embodiment of the invention is not limited to a specific numerical value and a coding form) & T=30 (the embodiment of the invention is not limited to a specific numerical value and a coding form) instantiates a corresponding panoramic image window, in panocar. Html, displaying a panoramic image on a latitude and longitude on a blue line of a street view map (with a panoramic image acquisition line identifier) through a panorama. Setid (P2), and obtaining a panoramic image by a horizontal viewing angle=166, a vertical viewing angle=10, and a magnification factor=1, wherein the panorama. Setpov (head: horizontal viewing angle, pitch: vertical viewing angle); initializing directional display panoramic image in S121 panoramic image window, setting SUM delay execution functions setTimeout () to form a time axis, setting each setTimeout () function to Psect (30 ms), each setTimeout () executing function car_function (), function car_function () including { horizontal view angle = horizontal view angle + Prange (animation amplitude) }, parama. SetPov ({ viewing: horizontal view angle: vertical view angle }), realizing panoramic image rotation effect of Pcarstyle = 2 (horizontal forward rotation), obtaining new horizontal view angle while transmitting map icon to pc ar. Ml through parent window MPano map icon to update corresponding azimuth or flash, realizing point coordinate coordinates of the map icon, realizing the point coordinate frame by pointing to the mouse, realizing the point coordinate interaction effect after the point coordinate of the window, the form is consistent with a panoramic image window of a street view map provided by a common street view map service provider.

Step four is performed fourth, and in mpanoplay. Aspx, at this time c=3, p0=ppara0 [ C ], p1=ppara1 [ C ], p2=ppara2 [ C ], p3=ppara3 [ C ], p4=ppara4 [ C ] are performed to obtain panoramic view S131 instantiation data.

The fourth step is performed, in MPanoPlay. Aspx, since P0 is specifically coded as a street view map and is a line segment, and the method is loaded with a document. GetElementByid ('S131'). Src= "paramocar. Html#Ppara=0000101 (three-bit horizontal adjustment angle 0 degree, vertical view angle pitch=10 degree, zoom=1, pitch, and zonote is specifically Ppara1[0] extracted, the method embodiment extracts a specific value, coding form non-limiting) & P2=XXXXXXXXXXX (image ID, the method embodiment does not limit) for a specific value, coding form non-limiting) & P3=3 (line segment, the method embodiment does not limit) for a specific value, coding form non-limiting) & P4=116. XXXXXXXXX (line segment is composed of two nodes at the starting point, the method embodiment does not limit specific value, pstool) for a specific value, a video form non-limiting, and a video form is Ppara1[0] in a slide motion direction, the method embodiment does not limit (panorama image type 1. Panorama image is a panoramic view angle 1, a panoramic view angle is shown in a horizontal direction of a slide motion direction (panorama) in a horizontal direction of a slide) & P1 = 1, a panoramic view angle is shown in a slide motion direction of a slide (panorama picture (panorama) and a horizontal direction of a slide) is not limited by a specific value, a slide picture (a slide) is shown in a horizontal direction of a slide-type (a slide-type) and a slide-type) is not limited by a slide picture (a particular picture (a figure) and a figure is not limited by a particular picture (a 3) and a figure is not limited by a figure, the method comprises the steps that a travel direction = an included angle between a line start point and an end point and a north direction is formed, a start point longitude and latitude coordinate is used as a first current point, a total number of frames SUM = a distance (in meters) from the line start point to the end point of the line segment is equal to Prange, SUM delay execution functions setTimeout () are set to form a time axis, a time interval of each setTimeout () function is set to be Psect (3000 milliseconds), each setTimeout () is used for executing functions pline_function (), the functions pline_function () comprise, a polyline or line segment algorithm is realized, namely SUM sequential points are segmented into two nodes according to the travel distance of 20 meters in the start point and the end point along the established time axis, the next segmented sequential points are sequentially obtained as the current point at every other delay time along the travel direction, and the next segmented sequential points are sequentially obtained through a parallel (current point longitude and latitude coordinate); a panoramic image is directionally displayed in a S131 panoramic image window, SUM setTimeout () is circulated, a group of panoramic images are directionally and sequentially displayed along a section of directional interval street at intervals of 20 meters and 3 seconds along the advancing direction from the beginning and end of the line segment, the three-dimensional semi-panoramic image along the street is extracted and is directionally displayed along a time delay interval axis, the longitude and latitude coordinates of a new current point position are obtained, meanwhile, the current point position is transferred to mapcon html through a father window MPanoPlay. Aspx, a directional icon is marked at the beginning position of a map interest point line segment, the direction is the advancing direction, a vector line segment is drawn from the beginning of the line segment to the end, the method and the device form an animation effect of walking the icon along the line segment, draw a vector graphic connecting line to point to the outer joint of the corresponding window frame according to the interest point coordinates, display two sections of street images of different geographic spaces and different graphic elements (rays and line segments) on the same screen, realize image comparison, achieve the effect of shooting two videos and playing on the same screen, have great advantages in manufacturing period and cost, further dig the application value of street view map, and enter step six.

Step four is performed a fifth time, in mpanoplay. Aspx, where c=4, p0=ppara0 [ C ], p1=ppara1 [ C ], p2=ppara2 [ C ], p3=ppara3 [ C ], p4=ppara4 [ C ], and panoramic view S141 instantiation data is acquired.

Fifth step is performed, in MPanoPlay. Aspx, since P0 is specifically coded as a street view map and the primitive type is a point, so that document. GetElementById ('S141') src= "paramocar. Html#Ppara= 2610101 (horizontal view header=261 degrees, vertical view pitch=10 degrees, zoom=1, the embodiment of the invention is not limited to a specific value, heading, pitch, zoom is specifically Ppara1[0] extracted) & P2=XXXXXXXXXXX (panoramic image ID, the embodiment of the invention is not limited to a specific value) & P3=1 (point), the embodiment of the invention is not limited to a specific value, P4=116. XXXXXXXX40 (point latitude coordinate), the embodiment of the invention is not limited to a specific value) & Psect=30 (panorama image rotation time interval, specifically Ppara1[0] extracted, the embodiment of the invention is not limited to a specific value, the embodiment of the invention is not limited to a panorama image, the embodiment of the invention is not limited to a specific value, ppara1[0] is a panorama image type is not limited to a specific value, the embodiment of the invention is not limited to a panorama image type, P2=panorama image type is not limited to a specific value, the embodiment of the invention is not limited to a panorama image type, P3=1 (panorama image type is not limited to a panorama image type) and the specific value is not limited to a point, the embodiment of the panorama image is not limited to a panorama image, the coded on a specific value, P1 (panorama 1) and the embodiment is not limited to a specific value, P4=not limited to a value, and the value, the figure is not limited to a specific value, but the value, and the figure is not limited to 5 (panorama 100 (a value) and the value, pitch: vertical view }); set zoom (zoom); initializing a directional display panoramic image in an S141 panoramic image window, setting SUM=T×1000/Psect, setting SUM delay execution functions setTimeout () to form a time axis, setting a time interval of each setTimeout () function to Psect (30 ms), setting each setTimeout () function to be car_function (), and including { horizontal view=horizontal view-Prange (animation amplitude); the method comprises the steps of obtaining a new horizontal viewing angle by circulating SUM setTimeout () to achieve the video-like animation effect, obtaining a new horizontal viewing angle while monitoring the horizontal viewing angle rotation, transmitting the new horizontal viewing angle to mapcar html through a parent window MPanoPlay. Aspx, updating a corresponding oriented icon azimuth or flash (firstly, marking a directional icon at the position of a map interest point coordinate, the direction being the horizontal viewing angle), forming an icon animation effect, drawing a vector graph connecting line to the outer contact of the corresponding window according to the interest point coordinate, realizing animation stop by monitoring a mouse click event, then realizing man-machine interaction by the panorama image window, enabling the form to be consistent with the panorama image window of a street view map provided by a common street view map server, further improving the expressive force of image playing to be close to the video window by the same screen playing of different animation forms of the panorama image window provided by S121 and S141, and distinguishing the man-machine interaction image in the traditional picture Unique advantages of video.

The embodiment 1 of the invention can obtain the obvious advantages that panoramic images and self-contained pictures of a certain street view map service provider on the Internet and corresponding JavaScript APIs are used, a group of panoramic images and picture playing data with different effects are collected from a group of primitive types including point positions, rays and line segments, a multi-source image window combined page which is based on a single panoramic image engine and comprises a multi-window layout, a plurality of primitive collection forms and a plurality of playing forms is created to serve as a playing carrier of a game map, the same-screen comparison playing and displaying of panoramic images on two different lines and different time slots on an electronic map are realized, the same-screen displaying of the panoramic images on different geographic positions is realized, the problem that the expressive force of the single primitive and the single window layout in the prior art is insufficient is solved, like in a massive panoramic image library of a street view map, the static picture display is taken as a title, the method is created on the basis of a structured and networked game map according to subjective requirements, and the effect is achieved by means of the method of driving data secondary creation and the method of the embodiment of the invention.

Embodiment 2 as an embodiment of the present invention, an electronic map provided by an internet electronic map provider is used on the internet, a map engine uses an electronic map API of the provider to scan a thematic map picture, the specific path and the file name are "/map/xxxx.jpg" of a plurality of panoramic images photographed on the autonomous field are stored on a server arranged on each page of the embodiment of the present invention, a panoramic image engine provided by a network panoramic image API open platform is utilized to construct a micro street view map under the environment of an internet electronic map (non-street view map) platform by means of a self-built panoramic image library, a structured, programmed and networked siro map display screen is generated by adopting various image engines, various primitive types and various display forms, the panoramic image S1 rotation animation effect is close to V1 video effect, the panoramic image S2 slide show is different from the video shooting effect along the V2 line, the picture element type comprises point positions and fold lines, panocar.html designed in the embodiment 1 is used as a panoramic image window sub-page, the panoramic image acquisition algorithm function of the fold line drawing element is still pline_function (), a panoramic image engine in panocar.html uses photo.panorama of a certain network panoramic image API open platform, the panoramic image uses a self-built manual self-acquisition point position (similar to a commercial platform street view map panoramic image professional acquisition vehicle for automatically acquiring along a street line, panoramic images on each 15 m acquisition point position and longitude and latitude) to form an independent panoramic image library, the autonomous advantages of fixed point and timing shooting are exerted, each panoramic image has a 23-bit ID code and a jpg file under the panorata directory of a server, the self-built independent panoramic image library of the embodiment of the invention only comprises two types of point positions and fold lines, a panolist panoramic image library retrieval table is created in the same appointed universal network database as the embodiment 1, the data item of the table comprises ID, lat, lng, the ID of the self-built panoramic image and the geographic space position thereof can be conveniently mutually checked, at the place of shooting the panoramic image, a plurality of segments of videos of the point positions and the fold lines are shot by using a common mobile phone, the videos are stored in a video data directory of a server, the primitive type of the panoramic image S1 is the point position, the primitive type of the panoramic image S2 is the fold line, the fold line is the query panolist panoramic image library table at intervals of 15 meters every 3 seconds, the panoramic image is acquired and displayed, the videos V1 and V2 are two segments of traditional videos, the geographic space position of the video V1 is the same as the panoramic image S1, the shooting path of the video V2 is the same as the shooting path of the panoramic image S2, based on HTML5 and CSS3, a picmap.html page is created as a map window display sub-page program carrier, a video/HTML page is created as a video window display sub-page program carrier, the data source in this embodiment of the present invention is the same playindex data table as in embodiment 1, the constraint condition of this embodiment of the present invention is =3, i.e. playgroup id=3, a parent page above the universal panorama window sub-page pa.html, map window sub-page picmap.html, video window sub-page video/HTML, a window frame layout of the playback screen is constructed using the same mpanop (JavaScript) as in embodiment 1 and the corresponding mpanop (aspx.cs) (c#) within the window, different window sub-pages can be loaded, parameters of the query string behind the URL path are specifically mpanop # index=3, a window is set within the mpanop. Aspx, a window is set with a specific window < 5 > tag, s110, S120, T110, V110 and V120 are respectively, as shown in FIG. 8, a blank < iframe > is created in each window, the position coding naming rule is the same as that of the embodiment 1, a group of multi-source images are sequentially, directionally and positionally played and displayed on the screen page of the Internet terminal, and the computer program performs the following steps.

Step one, constructing a multi-source image playing model, which comprises the steps of setting a playing data structure comprising a group of playing parameters for the multi-source image as a data storage carrier, and entering step two. The embodiment of the invention can provide the following specific scheme: step two was performed in the same manner as in example 1.

Step two, loading a group of playing data, which comprises reading S interest point multi-source image playing data from a designated data source according to a certain constraint condition, forming S records or objects in the playing data structure, and entering step three. The embodiment of the invention can provide the following specific scheme: the difference from embodiment 1 is that the play group id=3 is queried as a search constraint, 4 play data records meeting the search constraint are obtained from a play data table named playindex in a specified database and stored in the play data structure of mpanoplay.

Setting a playing window, arranging S image windows on a screen, setting a map window, instantiating the map window into a map window through a corresponding map engine, setting the current interest point serial number C=0, and entering the step four. The embodiment of the invention can provide the following specific scheme: setting a window in an MPanoPlay. Aspx page, specifically setting a top level region S100 by using a < div > tag, setting two rows and three columns in the S100 top level region, specifically setting 5 windows respectively of S110, S120, T110, V110 and V120 by using the < div > tag, creating an empty < iframe id= "S111" > -sub-window in the S110 window as a basis for later instantiating an S111 panoramic image window, creating an empty < iframe id= "S121" > -sub-window in the S120 window as a basis for later instantiating an S121 panoramic image window, creating an empty < iframe id= "T111" > -sub-window in the T110 window as a basis for later instantiating a T111 map window, creating an empty < iframe= "V111" > -sub-window in the V110 window as a basis for later instantiating a V111 video window, creating a blank < iframe id= "V121" > -sub-window in the V120 window as a basis for the subsequent instantiation of the V121 video window, realizing the instantiation of the map window by loading picmap id= "T111" > -in the map window T110 in MPanoPlay. Aspx, and picmap. Html page as a map window display sub-page program carrier of the electronic map, determining the display range and positioning of the scanning thematic map "/map/XXXX. Jpg" by the longitude and latitude boundary minimum value of a southWest angle, i.e. a picture rectangle, and the longitude and latitude boundary maximum value of a northeast angle, i.e. a picture rectangle, specifically, picmap.html #mapname=/map/xxxx.jpg & southwest=116.xxxxx40.xxxxx & northeast=116.xxxxx40.xxxxx, setting < divid= "map_canvas" as map container on picmap.html page, centering on the loaded S coordinates geometric center of interest point as center initial_map_center (116.xxxxx, 40.xxxxxx), map magnification order is initial_map_zoom, initializing and displaying map var map=new AMap. Map ('map_canvas',is zoom: initial_map_zoom, [116.XXXX, 40.XXXXXXX ] }); map display is used to achieve the effect of covering all loaded interest points coordinates using map.setFitView (), scanning thematic map "/map/XXXXXX.jpg" is overlaid and positioned to be displayed in the range of southWest=116.XXXX40.XXXXX, northEAst=116.XXXXXX40.XXXXX, specifically by creating a picture layer var imageLayer=new AMap.ImageLayer ({ bound: new AMap.Bounds (southWest, northEAst), url: '/map/XXXXXX.jpg' }; map. Add (imageLayer); realize the map window and locate and add and display the scanning thematic map, because the scanned thematic map has been already independently added with the title text and displayed, therefore, this embodiment does not use the picture window alone, according to the window position code and coordinates of the corresponding interest point of S1 panoramic image, V1 video, use var marker=new AMap. Marker ({ position: [116.XXXXXX,40.XXXXXXX ] }) to mark on its geographic space position, in addition, draw the S2 broken line vector graphic composed of three vertexes, in S2 broken line starting point position coordinates, according to the window position code of the corresponding interest point of S2 panoramic image, V2 video, use var marker=new AMap. Marker ({ position: [116.XXXXXX,40.XXXXXXX ] }) to mark on its geographic space position, point to its correspondent window vector frame graphic from S1, S2, V1, V2 marker position line vector graphic, point to its correspondent window, as shown in figure 9, the embodiment of the invention, the color is large, the four-step is not limited, the figure is shown in the embodiment is the figure is shown, the figure is shown in figure is shown.

And step four, reading current interest point playing data, reading the C-th group data from the S interest point multi-source image playing data structures as the current interest point, and entering the step five. The embodiment of the invention can provide the following specific scheme: in mpanoplay. Aspx, according to window position coding of window S111 corresponding to c=0 interest point, S121 corresponding to c=1 interest point, V111 corresponding to c=2 interest point, and V121 corresponding to c=3 interest point, the setting of the corresponding relation of window position coding is not limited, and P0=pgara0 [ C ], p1=pgara1 [ C ], p2=pgara2 [ C ], p3=pgara3 [ C ], p4=pgara4 [ C ] is used to obtain the C-th record data from the S interest point multi-source image playing data of the street view map multi-source image playing data structure and assign a corresponding variable as the current interest point playing data, and the step five is entered.

And fifthly, establishing an image window for playing, instantiating a corresponding image window on a screen into the image window by using a corresponding image engine according to the image type identification of the current interest point, initializing and displaying, marking the interest point in the map window according to the interest point element type and coordinates, playing the image of the interest point and playing the map mark according to the time frame sequence axis algorithm of the interest point, and entering the step six. The embodiment of the invention can provide the following specific scheme: in mpanoplay. Aspx, since P0 is specifically encoded as a panoramic image and the primitive type is a point location, by loading a document. Getelementbyid ('S111'). Src= "parameter. Html#ppara= 1110100122208866 (three-bit horizontal view 111 degrees, three-bit vertical view 10 degrees, two-bit amplification factor 1 for the starting view, three-bit horizontal view 222 degrees, three-bit vertical view 88 degrees, two-bit amplification factor 66 for the ending view, the embodiment of the invention does not limit the encoding settings) & p2=xxxxxxxxxxxxxxxxxxxxxxxx (23-bit panoramic image ID, the embodiment of the invention does not limit the encoding format) & p3=1 (the primitive type is an representation of a point location), the embodiment of the invention does not limit the encoding format for a specific value, 116. Xxxxxxxxxxx (point location longitude and latitude coordinates), the embodiment of the invention does not limit the encoding format for a specific value, psface=30 milliseconds (the embodiment of the invention does not limit the encoding format), the aperture, & ppx=30 for the specific value, the embodiment of the invention does not limit the encoding format for a panoramic image, 'the aperture,'; var panorama=new GPanoMap ('panoview', panaomotion); panorama is set as the panoramic image display carrier, the function panorama. Panocarshow (P2, 111,10,1,222,88,66,30) is executed, the panoramic image view is initialized to display the panoramic image according to the animation start view angle and the animation is oriented to the animation end view angle to approach the mechanical arm video shooting effect in S111, S1 or S1 marks are alternately deleted at 300 millisecond intervals in the picmap. Html page, and (3) forming a flickering animation effect on the geographic position of the map window S1, and entering a step six.

Step six, loop control, including C=C+1, judge C, if C is less than S jump to step four, otherwise finish. The embodiment of the invention can provide the following specific scheme: in mpanoplay, aspx, for (var i=0, i < Sp, i++ { c=i, if C is smaller than Sp, jump to step four }, end.

Step four is performed a second time, in mpanoplay. Aspx, where c=1, p0=ppara0 [ C ], p1=ppara1 [ C ], p2=ppara2 [ C ], p3=ppara3 [ C ], p4=ppara4 [ C ], and panoramic view S121 instantiation data is acquired.

Step five is performed a second time, in mpanoplay. Aspx, since P0 is specifically encoded as a panoramic image and the primitive type is a polyline, thus loading document. Getelementbyid ('S121'). Src= "panocar. Html#ppara= 00001011 (three-bit horizontally adjusted angle 0 degrees, three-bit vertical view pitch=10 degrees, two-bit magnification factor zoom=11, specifically Ppara1[0] extraction, the embodiment of the present invention extracts specific values, encoding form unrestricted) & p2=xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx (23-bit initial panoramic image ID, the embodiment of the present invention does not limit specific values, encoding form unrestricted) & p3=4 (the primitive type is the identification of a polyline), the embodiment of the present invention extracts specific values, encoding form unrestricted) & p4=116.xxxxxxxx40.xxxxx116.xxxxxxxx40.xxxxx (the vertex is composed of three points of inflection points, three points, the embodiment of the invention is not limited to specific values and coding forms) and psect=3000 (time interval, millisecond is extracted from Ppara1[0] specifically, the embodiment of the invention is not limited to specific values and coding forms) & prange=15 (travelling distance, meter is not limited to specific values and coding forms, the embodiment of the invention is extracted from Ppara1[0 ]) & pparstyle=1 (slide show mark, pparstyle is a broken line according to the type of map element of Ppara3[0 ])," instantiate a corresponding panoramic image window by means of a parallel picture ID ("/parallel/" +p2, head) in a parallel; horizontal viewing angle, pitch: vertical viewing angle, zoom: magnification factor) displays a panoramic image in a panoramic image view in a directional manner in S121, the horizontal adjustment angle of this embodiment is 0 degrees, the panoramic image is characterized in that a horizontal view angle head=advancing direction (representing that the horizontal direction of the panoramic image points to the advancing direction along a street), the advancing direction=an angle formed by a line start point-to-end point and a northbound direction, a start point longitude and latitude coordinate is taken as a first current point, three vertexes form two line segments (line segments 1 and 2), a total number of frames SUM=a distance (unit of meters) from the start point to the end point of the line segment 1/a distance (unit of meters) from the start point of the line segment 2 to the end point (unit of meters)/Prange, SUM delay execution functions setTimeout () are set, a time axis is formed, each setTimeout () function is set to be a time interval Psect (3000 milliseconds), each settimeout_function is set to be a time interval, a function pline_function (), a crease line or a line segment algorithm is included in the function pline_function (), SUM_function is implemented, namely SUM sequential point positions are segmented according to the starting point longitude and latitude coordinates in the starting point as two vertexes according to the advancing distance of 15 meters, next segmentation order is sequentially acquired as a current point along the advancing direction along the established time axis, a panoramic image is sequentially acquired from the advancing direction, a panoramic image is correspondingly arranged along the advancing direction from the forward direction, and the panoramic image is displayed by P2=window from the forward direction, the window is correspondingly arranged along the time interval of the panorama_window, and the panorama_window is 1 to the current point position, and the panorama_window is displayed along the time interval, and the panorama window is 1, and the current window is displayed by the time interval and the window is 1 by the current 1 and the window and the current direction, the method comprises the steps of extracting a street-along three-dimensional semi-panoramic image, delaying a time axis for directional display, transmitting the new current point position longitude and latitude coordinates to picmap html through a parent window MPanoPlay. Aspx, updating the geographic position marked by S2, forming a walking animation effect along a line segment, and entering a step six.

Step four is performed a third time, in mpanoplay. Aspx, where c=2, p0=ppara0 [ C ], p1=ppara1 [ C ], p2=ppara2 [ C ], p3=ppara3 [ C ], p4=ppara4 [ C ], and panoramic view S121 instantiation data is acquired.

Step five is performed a third time, in mpanoplay. Aspx, since P0 is specifically encoded as video and the primitive type is a dot location, video playback is achieved by loading document. Getelementbyid ('V111'). Src= "video. The map mark animation corresponding to the video playing is played by the map mark animation in the map window corresponding to the S111 window.

Step four is performed fourth, and in mpanoplay. Aspx, at this time c=2, p0=ppara0 [ C ], p1=ppara1 [ C ], p2=ppara2 [ C ], p3=ppara3 [ C ], p4=ppara4 [ C ] are performed to obtain panoramic window S121 instantiation data.

Step five is performed fourth, in mpanoplay. Aspx, since P0 is specifically encoded as video and the primitive type is polyline, video playback is achieved by loading document. Getelementbyid ('V121'). Src= "video. The map mark animation corresponding to the V1 video playing is played in the same principle as the map mark animation corresponding to the S1 video playing, and the description is omitted here.

The embodiment 2 of the invention can obtain the obvious advantages that the rotating visual picture of the panoramic image is close to the traditional shooting cool effect of the additional mechanical arm, the application breadth and depth of the panoramic image are further expanded, the panoramic image is played along the folding line slide to further excavate the three-dimensional half-space geographic information technical potential of the panoramic image, the technical threshold of the Sibo map making is reduced by the whole page, the Sibo map making is structured, programmed and shared for the website, the invention is original, the geographic information effect display of the embodiment of the invention is realized, compared with professional videos, the animation effect of the panoramic image is larger in limitation, but the digital technical advantage of the map mark synchronous animation is also the technical bad defect of the traditional videos, the 360-degree visual angle man-machine interaction of the panoramic image technology is more integrated with the traditional video technology, and the 'literature' in the future simple history of the Siwa Laval map is finally changed into a pile of 'graphic image' is introduced into a new computer program for the visual aesthetic display of the geographic information. .

The computer system for realizing street view map multi-source image playing provided by the invention is described in detail, and the principle and implementation of the invention are described by applying specific 2 embodiments, wherein the description of the embodiments is only used for helping to understand the core idea of the invention; meanwhile, as for those skilled in the art, according to the present invention, there are variations in terms of specific embodiments and application scope, and in summary, the present disclosure should not be construed as limiting the invention, and those skilled in the art should understand that if other development platforms and data are utilized, if development is performed using a certain computer language, whether a computer, a smart phone, a tablet computer, a smart television, or a smart flat panel display device, it is within the scope of the present application as long as the multi-source image+map window object in the internet terminal screen has the display design, the operation steps or the functions described above.

Claims (14)

1. A computer system for realizing street view map multisource image playing, comprising a memory, a processor, a display, a network, an electronic map, and a computer program stored on the memory and capable of running on the processor, wherein the program is executed by the processor to realize the following steps in a terminal display screen:

Step one, constructing a multi-source image playing model (1), comprising the steps of setting a playing data structure comprising a group of playing parameters for the multi-source image as a data storage carrier, and entering step two;

step two, loading a group of playing data (2), which comprises reading S interest point multi-source image playing data from a designated data source according to a certain constraint condition, forming S records or objects in the playing data structure, and entering step three;

setting a playing window (3), arranging S image windows on a screen, setting a map window, instantiating the map window into a map window through a corresponding map engine, setting the current interest point serial number C=0, and entering a step four;

step four, reading current interest point playing data (4), reading the C-th group data from the S interest point multi-source image playing data structures as the current interest point, and entering a step five;

step five, establishing an image window for playing (5), instantiating a corresponding image window on a screen into the image window by using a corresponding image engine according to the image type identification of the current interest point, initializing and displaying, marking the interest point in the map window according to the interest point element type and coordinates, playing the image of the interest point and playing the map mark according to the time frame sequence axis algorithm of the interest point, and entering step six;

And step six, loop control (6) comprising C=C+1, judging the C, if the C is smaller than S, jumping to step four, and otherwise ending.

2. The computer system for realizing street view map multisource image playing according to claim 1, wherein in the step one, the playing parameters in the playing window setting (1) further comprise image type, initialization data, playing data index, primitive type and coordinates, the corresponding image type is a panoramic image of the street view map, the playing data index is an ID code, the initialization data is a horizontal view angle, a vertical view angle and an amplification level, the corresponding image type is a self-built panoramic image, a picture, audio, video and panoramic video, the playing data index is a path and file name, the corresponding image type is a web page, and the playing data index is a web address.

3. The computer system for implementing street view map multisource video playing according to claim 1, wherein said playing window setting (1) said playing data structure further comprises, a carrier for storing contents of the playing data structure further comprising, a record of a number of assigned variables, an assigned table, and a specific object obtained by instantiating the defined class.

4. The computer system for realizing street view map multisource video playing according to claim 1, wherein said step two, loading said data source in a set of playing data (2) further comprises, the data source carrier further comprising a network database, a data table of data files, XML files, folders, cloud storage services.

5. The computer system for realizing street view map multisource image playing according to claim 1, wherein said step three is characterized in that said setting of said image window in said playing window (3) further comprises window coding, window distance, window size, window shape, window number, window coding further comprises unique identification representing the window itself, window distance further comprises screen abscissa length from the external leading point of the image window to the geographic space position of its corresponding interest point in said map window, the minimum value of the abscissa length is zero, window size further comprises whether the image window sizes of multiple interest points on the same screen are unified or not, the minimum value of the window size is not zero, window shape type further comprises rectangle, circle, special shape, window number further comprises 2 to 30, usually 2 to 8.

6. The computer system for realizing street view map multi-source image playing according to claim 1, wherein said step three, setting the map engine in the playing window (3) further comprises, the map engine type further comprises an internet street view map API, a digital map API, and an electronic map API for overlaying data including pictures, canvases, videos, and themes.

7. The computer system for implementing street view map multisource image playing according to claim 1, wherein said step three, setting said map window in the playing window (3) further includes, map display parameters, map display types, map display ranges, the map display parameters further include center coordinates, magnification levels, the map display types further include vector form regular map, remote sensing satellite map, 3D map, thematic map of superimposed pictures or data, and the map display ranges further include geographic areas covering said S points of interest.

8. The computer system for realizing street view map multisource image playing according to claim 1, wherein in the fifth step, the image type in the step of creating an image window for playing (5) further comprises pictures, web pages, audio, video, panoramic images, panoramic video, holographic images.

9. The computer system for implementing street view map multisource image playing according to claim 1, wherein in the step five, the image engine in the step 5 of creating an image window for playing further includes a picture display function, a web page loading tag, an audio display function, a video display function, a street view map API, a panoramic image API, a panoramic video API, a holographic image API, a street view map API, a panoramic image API, a panoramic video API, and further includes an event callback function for monitoring, acquiring a horizontal view angle, a vertical view angle, an event callback function for monitoring an amplification factor, and an event callback function for monitoring a panoramic update transformation according to a view including a panoramic ID or coordinates.

10. The computer system for implementing a multisource video playback of a street view map of claim 1, wherein the step five of creating a video window for playback (5) further includes, points, lines, planes, the points further including determining their geospatial locations using a coordinate, using point marker representation, the lines further including, using a set of coordinates to represent vector patterns of rays, line segments, polylines to determine their geospatial locations, and the planes further including, using a set of coordinates to represent vector patterns of polygons to determine their geospatial areas.

11. The computer system for realizing the multisource image playing of the street view map according to claim 1, wherein the fifth step is characterized in that the marking in the step of creating the image window for playing (5) further comprises the steps of forming graphics, words and connecting lines, wherein the graphics further comprise graphic element type characteristics and coordinate characteristics according to interest points, geometric patterns are displayed on corresponding geographic space positions in the map window, the geometric patterns further comprise icons, lines and faces, the connecting lines further comprise the step of drawing an indication graphic from the geometric patterns to the image window edge external leading points of the interest points, and the indication graphic area and length are zero at minimum.

12. The computer system for realizing street view map multisource image playing according to claim 1, wherein the step five is characterized in that the time frame sequence axis of interest points in the image window is established for playing (5), the parameters and the types further comprise SUM time segments evenly divided within a time period T seconds, one time segment is a frame, the types further comprise the time frame sequence axis of image playing in the image window and the time frame sequence axis of marking animation of interest points in the map window, the time frame sequence axis type of image playing in the image window further comprises pictures, panoramic image still single frame display, video playing time frame sequence axis, image slide show time frame sequence axis and image rotation zooming animation time frame sequence axis, the animation time frame sequence axis of interest points in the map window further comprises the time frame sequence axis of marking flickering animation, the time frame sequence axis of marking along lines or walking animation, the image rotation animation time frame sequence axis parameter characteristics further comprise different viewing angles and magnification coefficients of each frame display of the same image, and the image slide show time frame sequence parameter characteristics further comprise different zooming images of each frame display.

13. The computer system for realizing street view map multisource image playing according to claim 1, wherein in the step five, the creating an image window for playing (5) the interest point image further comprises playing content and playing type, wherein the playing type further comprises still and animation, and the animation further comprises picture animation, panoramic image rotation scaling animation display, panoramic image slide show display, video show display, audio show display, web page display and holographic image display.

14. The computer system for realizing street view map multisource image playing according to claim 1, wherein said step five, said map mark playing in the step 5 of creating an image window for playing further comprises, playing shape, playing type, playing shape further comprises point, line, face, text, playing type further comprises static, animation further comprises moving animation along line, face, flashing animation, moving flashing animation.