# Patent

## Title
Detail-in-context lenses for digital image cropping, measurement and online maps

## Abstract

In one or more implementations, a signal is received selecting a geographic location in an original image of a digital map for display on a display. The original image is distorted to give an appearance of a lens being applied to the digital map for display on the display, the appearance of the lens including a focal region that includes a magnification of the geographic location and a base region that surrounds the focal region.

## Background
RELATED APPLICATIONS
This application claims priority as a continuation-in-part of: U.S. patent application Ser. No. 11/443,124, filed May 31, 2006, which is a continuation of U.S. patent application Ser. No. 10/614,754, filed Jul. 8, 2003 (now U.S. Pat. No. 7,084,886), which claims priority to Canadian Patent Application Nos. 2,393,708 and 2,394,119 filed Jul. 16, 2002, and Jul. 18, 2002, respectively; and U.S. patent application Ser. No. 11/473,152, filed Jun. 23, 2006, which claims priority to U.S. Provisional Patent Application No. 60/693,411, filed Jun. 24, 2005, the entire disclosures of which are incorporated herein by reference.


BACKGROUND
Modern computer graphics systems, including virtual environment systems, are used for numerous applications such as online digital mapping, navigation, surveillance, and even playing computer games. In general, these applications are launched by the computer graphics system's operating system upon selection by a user from a menu or other graphical user interface (“GUI”). A GUI is used to convey information to and receive commands from users and generally includes a variety of GUI objects or controls, including icons, toolbars, drop-down menus, text, dialog boxes, buttons, and the like. A user typically interacts with a GUI by using a pointing device (e.g., a mouse) to position a pointer or cursor over an object and “clicking” on the object.
One problem with these computer graphics systems is their inability to effectively display detailed information for selected graphic objects when those objects are in the context of a larger image. For example, a user may desire access to detailed information with respect to an object in order to closely examine the object, to interact with the object, or to interface with an external application or network through the object.
While a conventional application may provide a GUI for a user to access and view detailed information for a selected object in a larger image, in doing so, the relative location of the object in the larger image may be lost to the user using conventional techniques. Thus, while the user may have gained access to the detailed information required to interact with the object, the user may lose sight of the context within which that object is positioned in the larger image. This is especially so when the user interacts with the GUI using a computer mouse or keyboard. The interactions may further distract the user from the context in which the detailed information is to be understood. This problem is an example of what is often referred to as the “screen real estate problem”.
Additionally, in computer graphics systems users often wish to exclude portions of an image presented to them on a display screen. This operation is called “cropping”. To perform a cropping operation or crop, a user typically selects two points to define a rectangle (e.g. top left and bottom right corners) enclosing a selected portion of the original image. The portion of the original image outside of the rectangle is then excluded or cropped and an image of the selected portion alone, that is, a cropped image, is presented to the user. One problem with conventional cropping methods is that a user may have difficulty selecting a desirable cropped image.
SUMMARY
According, there is provided a method for cropping a computer generated original image on a display, comprising: adjusting a user-selected movable boundary on the original image to define a cropped image within the boundary, the boundary defined by two or more points on the original image; and, distorting the original image in regions surrounding the points.
Distorting may further include creating a lens surface for one or more of the regions; and, transforming the original image by applying a distortion function defining the lens surface to the original image.
Creating may further include displaying a GUI over one or more of the regions for adjusting the lens surface.
The lens surface may include a focal region and a base region and the GUI includes: a slide bar icon for adjusting a magnification for the lens surface; a slide bar icon for adjusting a degree of scooping for the lens surface; a bounding rectangle icon with at least one handle icon for adjusting a size and a shape for the focal region; a bounding rectangle icon with at least one handle icon for adjusting a size and a shape for the base region; a move icon for adjusting a location for the lens surface on the boundary; a pickup icon for adjusting a location for the base region within the original image; and, a fold icon for adjusting a location for the focal region relative to the base region.
Adjusting may be performed by moving a cursor on the display with a pointing device, the cursor is an icon, the pointing device is a mouse, and the movable boundary is a polygon.
The original image may have one or more layers, the regions have a predetermined selection of these layers, and the cropped image has a predetermined selection of these layers.
By using detail-in-context lenses to select points defining an area for a cropped image, a user can view a large area (e.g., outside the lenses) while focusing in on smaller areas (e.g., inside the focal regions of the lenses) surrounding the selected points. This may make it possible for a user to perform accurate cropping without losing visibility or context of the portion of the original image surrounding the cropped area.
According to another embodiment, there is provided a method for measuring within a computer generated original image on a display, comprising the steps of: adjusting a user-selected movable line segment on the original image to define points on the original image for measuring between; and, distorting the original image in regions surrounding the points, whereby the points are accurately positioned for measuring.
Distorting may further include creating a lens surface for one or more of the regions; and, transforming the original image by applying a distortion function defining the lens surface to the original image.
Creating may further include displaying a GUI over one or more of the regions for adjusting the lens surface.
The lens surface may include a focal region and a base region and the GUI include: a slide bar icon for adjusting a magnification for the lens surface; a slide bar icon for adjusting a degree of scooping for the lens surface; a bounding rectangle icon with at least one handle icon for adjusting a size and a shape for the focal region; a bounding rectangle icon with at least one handle icon for adjusting a size and a shape for the base region; a move icon for adjusting a location for the lens surface on the boundary; a pickup icon for adjusting a location for the base region within the original image; and, a fold icon for adjusting a location for the focal region relative to the base region.
The adjusting may be performed by moving a cursor on the display with a pointing device, the cursor is an icon, the pointing device is a mouse, and the line segment is a straight line.
By using detail-in-context lenses to select points for measuring between, a user may view a large area (e.g., outside the lenses) while focusing in on smaller areas (e.g., inside the focal regions of the lenses) surrounding the selected points.
According to an embodiment, there is provided a method for providing a presentation of a region-of-interest within an original image to a client, the original image being stored in a content server coupled to a proxy server and the client over a network, the method comprising: in response to a request from the client for the presentation, receiving at the proxy server the original image from the content server; applying a lens to the original image to produce the presentation at the proxy server, the lens having a focal region with a magnification for the region-of-interest at least partially surrounded by a shoulder region where the magnification diminishes; and, sending the presentation to the client.
In the above method, the original image may include one or more tile images. The lens may be applied to tile images corresponding to the region-of-interest to produce lensed tile images and the presentation may be produced by combining the lensed tile images with tile images corresponding to the original image beyond the region-of-interest. The original image may be a map image. The method may further include receiving one or more signals from the client to adjust the lens. The client may be adapted to display the presentation on a display screen. The applying may further include displacing the original image onto the lens to produce a displacement and perspectively projecting the displacement onto a plane in a direction aligned with a viewpoint for the region-of-interest. The client may be adapted to receive the one or more signals through a graphical user interface (“GUI”) displayed over the lens in the presentation. The GUI may have means for adjusting the lens and at least some of the means may be icons. And, the network may be the Internet, the content server may be a web browser server, and the client may be a web browser.
According to an embodiment, there is provided a method for generating a presentation of search results pertaining to a geographic area for display on a display screen, comprising: receiving a signal selecting a search result from the search results, the search result having a location within the geographic area; and, applying a lens to an original map image for the geographic area to produce the presentation, the lens having a focal region with a magnification for the location at least partially surrounded by a shoulder region where the magnification diminishes.
The method may further include displaying the presentation on the display screen. The method may further include inserting an icon into the presentation at the location to highlight the location. The original map image may be an online map image. The presentation may be displayed in a first window on the display screen and the search results may be displayed in a second window on the display screen. The original map image may include one or more text labels and the method may further include relocating at least one text label appearing within the lens to within the focal region of the lens to improve legibility of the at least one text label. The method may further include adjusting a font size of the at least one text label within the focal region to improve legibility of the at least one text label. The signal may be received from a pointing device manipulated by a user. The signal may be generated from a ranking of the search results. The method may further include inserting information pertaining to the search result into the presentation within the lens. The information may be one or more of a text message, a telephone number, an email address, an advertisement, and a street address. The method may further include receiving one or more signals to adjust at least one of a size, a shape, and the magnification of the focal region. The method may further include receiving the one or more signals through a graphical user interface (“GUI”) displayed over the lens. The GUI may be configured to adjust at least one of the size, shape, and magnification of the focal region, e.g., through the use of icons. The icons configured for adjusting the size and shape may be at least one handle icon positioned on a perimeter of the focal region. Adjusting the magnification may be performed using a slide bar icon. The method may further include receiving one or more signals through a GUI displayed over the lens to adjust at least one of a size and a shape of the shoulder region, wherein the GUI has one or more handle icons positioned on a perimeter of the shoulder region for adjusting at least one of the size and the shape of the shoulder region. The applying may further include displacing the original image onto the lens to produce a displacement and perspectively projecting the displacement onto a plane in a direction aligned with a viewpoint for the region-of-interest. And, the search results may be generated by an online search engine.
According to another embodiment, there is provided a method for generating a presentation of a path from a first location to a second location in a geographic area for display on a display screen, comprising: displaying an original map image for the geographic area having an overlaid representation of the path; receiving a signal selecting a location on the original map image, wherein the location is limited to at least one of being on the representation of the path and being within a predetermined distance from the representation of the path; and, applying a lens to the original map image to produce the presentation, the lens having a focal region with a magnification for the location at least partially surrounded by a shoulder region where the magnification diminishes.
The method may further include displaying the presentation on the display screen. The signal may be received from a global positioning system (“GPS”) receiver. The signal may be received from a pointing device manipulated by a user. The signal may be a sequence of signals for moving the lens through a respective sequence of locations. The step of applying may further include displacing the original map image onto the lens to produce a displacement and perspectively projecting the displacement onto a plane in a direction aligned with a viewpoint for the location. The method may further include receiving one or more signals to adjust the lens through a graphical user interface (“GUI”) displayed over the lens, wherein the GUI configured to adjust at least one of a size, a shape, and the magnification of the focal region, wherein the adjustment to the size and shape may be made at least one handle icon positioned on a perimeter of the focal region, and wherein the adjustment to the magnification may be made using a slide bar icon. The method may further include receiving one or more signals through the GUI to adjust at least one of a size and a shape of the shoulder region, wherein the GUI has one or more handle icons positioned on a perimeter of the shoulder region for adjusting at least one of the size and the shape of the shoulder region. The location may be limited to at least one of being on a representation of a street intersection on the original map image and being within a predetermined distance from the representation of the street intersection on the original map image. And, the signal may be received from a pointing device manipulated by a user over a listing of street intersections including an item corresponding to the representation of the street intersection.



BRIEF DESCRIPTION OF THE DRAWINGS
Embodiments may be understood by referring to the following description and accompanying drawings. In the description and drawings, like numerals refer to like structures or processes. In the drawings:
FIG. 1 is a graphical representation of the geometry for constructing a three-dimensional (3D) perspective viewing frustum, relative to an x, y, z coordinate system, in accordance with elastic presentation space graphics technology;
FIG. 2 is a graphical representation of the geometry of a presentation in accordance with elastic presentation space graphics technology;
FIG. 3 is a block diagram illustrating a data processing system adapted for implementing an embodiment;
FIG. 4 a partial screen capture illustrating a GUI having lens control elements for user interaction with detail-in-context data presentations in accordance with an embodiment;
FIG. 5 is a screen capture illustrating a presentation having two detail-in-context lenses and associated GUIs for defining the corners of a bounding rectangle GUI for cropping an original digital image or representation in accordance with an embodiment;
FIG. 6 is a screen capture illustrating a presentation having detail-in-context lenses, associated GUIs, and a bounding rectangle GUI or icon for cropping an original digital image or representation to produce a cropped image in accordance with an embodiment;
FIG. 7 is a screen capture illustrating a presentation having detail-in-context lenses and associated GUIs for selecting points between which to measure in an original digital image or representation in accordance with an embodiment;
FIG. 8 is a screen capture illustrating a presentation having two detail-in-context lenses, associated GUIs, and a measuring tool GUI for displaying the measurement between selected points in an original digital image or representation in accordance with an embodiment;
FIG. 9 is a screen capture illustrating a presentation having a single detail-in-context lens and associated GUI for defining the corners of a bounding rectangle GUI for cropping an original digital image or representation in accordance with an embodiment;
FIG. 10 is a screen capture illustrating a presentation having a single detail-in-context lens, an associated GUI, and a bounding rectangle GUI or icon for cropping an original digital image or representation to produce a cropped image in accordance with an embodiment;
FIG. 11A is a screen capture illustrating a presentation having a single detail-in-context lens and an associated GUI for selecting points between which to measure in an original digital image or representation in accordance with an embodiment;
FIG. 11B is a screen capture illustrating a presentation having a single detail-in-context lens, an associated GUI, and a measuring tool GUI for displaying the measurement between two selected points in an original digital image or representation in accordance with an embodiment;
FIG. 11C is a screen capture illustrating a presentation having a single detail-in-context lens, an associated GUI, and a measuring tool GUI for displaying the measurement between multiple selected points in an original digital image or representation in accordance with an embodiment;
FIG. 12 is a flow chart illustrating a method for cropping a computer generated original image on a display in accordance with an embodiment;
FIG. 13 is a flow chart illustrating a method for measuring within a computer generated original image on a display in accordance with an embodiment;
FIG. 14 is a screen capture illustrating a detail-in-context presentation in which a lens is coupled to search results and is applied to an online map;
FIG. 15 is a screen capture illustrating an online map having cluttered data and labels;
FIG. 16 is a screen capture illustrating a detail-in-context presentation of the online map of FIG. 15 in which de-cluttering is provided in the lens; and
FIG. 17 is a flowchart illustrating operations of modules within the memory of a proxy server for providing a presentation of a region-of-interest within an original image to a client, the original image being stored in a content server coupled to the proxy server and the client over a network.



DETAILED DESCRIPTION
In the following description, numerous details are set forth to provide an understanding of the techniques described herein. However, it is understood that the techniques may be practiced without these specific details. The term “data processing system” is used herein to refer to any machine for processing data, including the computer systems and network arrangements described herein.
The “screen real estate problem” mentioned previously generally arises whenever large amounts of information are to be displayed on a display screen of limited size. Conventional tools to address this problem include panning and zooming. While these tools are suitable for a large number of visual display applications, these tools become less effective where sections of the visual information are spatially related, such as in maps, three-dimensional representations, and newspapers, for example. In this type of information display, panning and zooming are not as effective as much of the context of the panned or zoomed display may be hidden.
A recent solution to this problem is the application of “detail-in-context” presentation techniques. Detail-in-context is the magnification of a particular region-of-interest (the “focal region” or “detail”) in a data presentation while preserving visibility of the surrounding information (the “context”). This technique has applicability to the display of large surface area media (e.g. digital maps) on computer screens of variable size including graphics workstations, laptop computers, personal digital assistants (“PDAs”), and cell phones.
In the detail-in-context discourse, differentiation is often made between the terms “representation” and “presentation”. A representation is a formal system, or mapping, for specifying raw information or data that is stored in a computer or data processing system. For example, a digital map of a city is a representation of raw data including street names and the relative geographic location of streets and utilities. Such a representation may be displayed visually on a computer screen or printed on paper. On the other hand, a presentation is a spatial organization of a given representation that is appropriate for the task at hand. Thus, a presentation of a representation organizes such things as the point of view and the relative emphasis of different parts or regions of the representation. For example, a digital map of a city may be presented with a region magnified to reveal street names.
In general, a detail-in-context presentation may be considered as a distorted view (or distortion) of a portion of the original representation where the distortion is the result of the application of a “lens” like distortion function to the original representation. A detailed review of various detail-in-context presentation techniques such as “Elastic Presentation Space” (“EPS”) (or “Pliable Display Technology” (“PDT”)) may be found in a publication by Marianne S. T. Carpendale, entitled “A Framework for Elastic Presentation Space” (Carpendale, Marianne S. T., A Framework for Elastic Presentation Space (Burnaby, British Columbia: Simon Fraser University, 1999)), and incorporated herein by reference.
In general, detail-in-context data presentations are characterized by magnification of areas of an image where detail is desired, in combination with compression of a restricted range of areas of the remaining information (i.e., the context), the result typically giving the appearance of a lens having been applied to the display surface. Using the techniques, points in a representation are displaced in three dimensions and a perspective projection is used to display the points on a two-dimensional presentation display. Thus, when a lens is applied to a two-dimensional continuous surface representation, for example, the resulting presentation appears to be three-dimensional. In other words, the lens transformation appears to have stretched the continuous surface in a third dimension. In EPS graphics technology, a two-dimensional visual representation is placed onto a surface; this surface is placed in three-dimensional space; the surface, containing the representation, is viewed through perspective projection; and the surface is manipulated to effect the reorganization of image details. The presentation transformation is separated into two steps: surface manipulation or distortion and perspective projection.
FIG. 1 is a graphical representation 100 of the geometry for constructing a three-dimensional (“3D”) perspective viewing frustum 220, relative to an x, y, z coordinate system, in accordance with elastic presentation space (EPS) graphics technology. In EPS technology, detail-in-context views of two-dimensional (“2D”) visual representations are created with sight-line aligned distortions of a 2D information presentation surface within a 3D perspective viewing frustum 220. In EPS, magnification of regions of interest and the accompanying compression of the contextual region to accommodate this change in scale are produced by the movement of regions of the surface towards the viewpoint (“VP”) 240 located at the apex of the pyramidal shape 220 containing the frustum. The process of projecting these transformed layouts via a perspective projection results in a new 2D layout which includes the zoomed and compressed regions. The use of the third dimension and perspective distortion to provide magnification in EPS provides a meaningful metaphor for the process of distorting the information presentation surface. The 3D manipulation of the information presentation surface in such a system is an intermediate step in the process of creating a new 2D layout of the information.
FIG. 2 is a graphical representation 200 of the geometry of a presentation in accordance with EPS graphics technology. EPS graphics technology employs viewer-aligned perspective projections to produce detail-in-context presentations in a reference view plane 201 which may be viewed on a display. Undistorted 2D data points are located in a basal plane 210 of a 3D perspective viewing volume or frustum 220 which is defined by extreme rays 221 and 222 and the basal plane 210. The VP 240 is generally located above the centre point of the basal plane 210 and reference view plane (“RVP”) 201. Points in the basal plane 210 are displaced upward onto a distorted surface 230 which is defined by a general 3D distortion function (i.e. a detail-in-context distortion basis function). The direction of the viewer-aligned perspective projection corresponding to the distorted surface 230 is indicated by the line FPo-FP 231 drawn from a point FPo 232 in the basal plane 210 through the point FP 233 which corresponds to the focus or focal region or focal point of the distorted surface 230.
EPS is applicable to multidimensional data and is suited to implementation on a computer for dynamic detail-in-context display on an electronic display surface such as a monitor. In the case of two dimensional data, EPS is typically characterized by magnification of areas of an image where detail is desired 233, in combination with compression of a restricted range of areas of the remaining information (i.e. the context) 234, the end result typically giving the appearance of a lens 230 having been applied to the display surface. The areas of the lens 230 where compression occurs may be referred to as the “shoulder” 234 of the lens 230. The area of the representation transformed by the lens may be referred to as the “lensed area”. The lensed area thus includes the focal region and the shoulder. To reiterate, the source image or representation to be viewed is located in the basal plane 210. Magnification 233 and compression 234 are achieved through elevating elements of the source image relative to the basal plane 210, and then projecting the resultant distorted surface onto the reference view plane 201. EPS performs detail-in-context presentation of n-dimensional data through the use of a procedure wherein the data is mapped into a region in an (n+1) dimensional space, manipulated through perspective projections in the (n+1) dimensional space, and then finally transformed back into n-dimensional space for presentation. EPS has numerous advantages over conventional zoom, pan, and scroll technologies, including the capability of preserving the visibility of information outside 234 the local region of interest 233.
For example, and referring to FIGS. 1 and 2, in two dimensions, EPS can be implemented through the projection of an image onto a reference plane 201 in the following manner. The source image or representation is located on a basal plane 210, and those regions of interest 233 of the image for which magnification is desired are elevated so as to move them closer to a reference plane situated between the reference viewpoint 240 and the reference view plane 201. Magnification of the focal region 233 closest to the RVP 201 varies inversely with distance from the RVP 201. As shown in FIGS. 1 and 2, compression of regions 234 outside the focal region 233 is a function of both distance from the RVP 201, and the gradient of the function describing the vertical distance from the RVP 201 with respect to horizontal distance from the focal region 233. The resultant combination of magnification 233 and compression 234 of the image as seen from the reference viewpoint 240 results in a lens-like effect similar to that of a magnifying glass applied to the image. Hence, the various functions used to vary the magnification and compression of the source image via vertical displacement from the basal plane 210 are described as lenses, lens types, or lens functions. Lens functions that describe basic lens types with point and circular focal regions, as well as certain more complex lenses and advanced capabilities such as folding, examples of which are described by Carpendale.
System.
FIG. 3 is a block diagram of a data processing system 300 adapted to implement an embodiment. The data processing system is suitable for implementing EPS technology, for displaying detail-in-context presentations of representations, and for cropping representations in conjunction with a detail-in-context graphical user interface (“GUI”) 400, as described below. The data processing system 300 includes an input device 310, a central processing unit or CPU 320, memory 330, a display 340, and an interface 350. The input device 310 may include a keyboard, mouse, trackball, or similar device. The CPU 320 may include dedicated coprocessors and memory devices. The memory 330 may include RAM, ROM, databases, or disk devices. And, the display 340 may include a computer screen, terminal device, or a hardcopy producing output device such as a printer or plotter. And, the interface 350 may include an interface to the Internet and/or to another wired or wireless network (not shown). The data processing system 300 may be linked to other data processing systems (not shown) by a network (not shown) through the interface 350. For example, the data processing system 300 may be a client and/or server in a client/server system. The data processing system 300 has stored therein data representing sequences of instructions which when executed cause the method described herein to be performed. Of course, the data processing system 300 may contain additional software and hardware.
GUI with Lens Control Elements.
As mentioned, detail-in-context presentations of data using techniques such as pliable surfaces, as described by Carpendale, are useful in presenting large amounts of information on limited-size display surfaces. Detail-in-context views allow magnification of a particular region-of-interest (the “focal region”) 233 in a data presentation while preserving visibility of the surrounding information 210. In the following, a GUI 400 is described having lens control elements that can be implemented in software and applied to the cropping and measurement of representations and to the control of detail-in-context data presentations. The software can be loaded into and run by the data processing system 300 of FIG. 3.
FIG. 4 is a partial screen capture illustrating a GUI 400 having lens control elements for user interaction with detail-in-context data presentations in accordance with an embodiment. Detail-in-context data presentations are characterized by magnification of areas of an image where detail is desired, in combination with compression of a restricted range of areas of the remaining information (i.e. the context), the end result typically giving the appearance of a lens having been applied to the display screen surface. This lens 410 includes a “focal region”420 having high magnification, a surrounding “shoulder region” 430 where information is typically visibly compressed, and a “base” 412 surrounding the shoulder region 430 and defining the extent of the lens 410. In FIG. 4, the lens 410 is shown with a circular shaped base 412 (or outline) and with a focal region 420 lying near the center of the lens 410. However, the lens 410 and focal region 420 may have any desired shape. For example, in FIG. 5, the lenses 510, 511 have a pyramid shape with flat tops 520, 521 and trapezoidal shoulders 530, 531. As mentioned above, the base of the lens 412 may be coextensive with the focal region 420.
In general, the GUI 400 has lens control elements that, in combination, provide for the interactive control of the lens 410, 510, 511. The effective control of the characteristics of the lens 410 by a user (i.e. dynamic interaction with a detail-in-context lens) is advantageous. At any given time, one or more of these lens control elements may be made visible to the user on the display surface 340 by appearing as overlay icons on the lens 410. Interaction with each element is performed via the motion of an input or pointing device 310 (e.g. mouse), with the motion resulting in an appropriate change in the corresponding lens characteristic. As will be described, selection of which lens control element is actively controlled by the motion of the pointing device 310 at any given time is determined by the proximity of the icon representing the pointing device 310 (e.g. cursor) on the display surface 340 to the appropriate component of the lens 410. For example, “dragging” of the pointing device at the periphery of the bounding rectangle of the lens base 412 causes a corresponding change in the size of the lens 410 (i.e. “resizing”). Thus, the GUI 400 provides the user with a visual representation of which lens control element is being adjusted through the display of one or more corresponding icons.
For ease of understanding, the following discussion will be in the context of using a two-dimensional pointing device 310 that is a mouse, but it will be understood that the techniques may be practiced with other 2-D or 3-D (or even greater numbers of dimensions) pointing devices including a trackball and keyboard.
A mouse 310 controls the position of a cursor icon 401 that is displayed on the display screen 340. The cursor 401 is moved by moving the mouse 310 over a flat surface, such as the top of a desk, in the desired direction of movement of the cursor 401. Thus, the two-dimensional movement of the mouse 310 on the flat surface translates into a corresponding two-dimensional movement of the cursor 401 on the display screen 340.
A mouse 310 typically has one or more finger actuated control buttons (i.e. mouse buttons). While the mouse buttons can be used for different functions such as selecting a menu option pointed at by the cursor 401, a single mouse button may also be used to “select” a lens 410 and to trace the movement of the cursor 401 along a desired path. Specifically, to select a lens 410, the cursor 401 is first located within the extent of the lens 410. In other words, the cursor 401 is “pointed” at the lens 410. Next, the mouse button is depressed and released. That is, the mouse button is “clicked”. Selection is thus a point and click operation. To trace the movement of the cursor 401, the cursor 401 is located at the desired starting location, the mouse button is depressed to signal the computer 320 to activate a lens control element, and the mouse 310 is moved while maintaining the button depressed. After the desired path has been traced, the mouse button is released. This procedure is often referred to as “clicking” and “dragging” (i.e. a click and drag operation). It will be understood that a predetermined key on a keyboard 310 could also be used to activate a mouse click or drag. In the following, the term “clicking” will refer to the depression of a mouse button indicating a selection by the user and the term “dragging” will refer to the subsequent motion of the mouse 310 and cursor 401 without the release of the mouse button.
The GUI 400 may include the following lens control elements: move, pickup, resize base, resize focus, fold, magnify, and scoop. Each of these lens control elements has at least one lens control icon or alternate cursor icon associated with it. In general, when a lens 410 is selected by a user through a point and click operation, the following lens control icons may be displayed over the lens 410: pickup icon 450, base outline icon 412, base bounding rectangle icon 411, focal region bounding rectangle icon 421, handle icons 481, 482, 491, magnify slide bar icon 440, and scoop slide bar icon 540 (see FIG. 5). Typically, these icons are displayed simultaneously after selection of the lens 410. In addition, when the cursor 401 is located within the extent of a selected lens 410, an alternate cursor icon 460, 470, 480, 490 may be displayed over the lens 410 to replace the cursor 401 or may be displayed in combination with the cursor 401. These lens control elements, corresponding icons, and their effects on the characteristics of a lens 410 are described below with reference to FIG. 4.
In general, when a lens 410 is selected by a point and click operation, bounding rectangle icons 411, 421 are displayed surrounding the base 412 and focal region 420 of the selected lens 410 to indicate that the lens 410 has been selected. With respect to the bounding rectangles 411, 421 one might view them as glass windows enclosing the lens base 412 and focal region 420, respectively. The bounding rectangles 411, 421 include handle icons 481, 482, 491 allowing for direct manipulation of the enclosed base 412 and focal region 420 as will be explained below. Thus, the bounding rectangles 411, 421 not only inform the user that the lens 410 has been selected, but also provide the user with indications as to what manipulation operations might be possible for the selected lens 410 though use of the displayed handles 481, 482, 491. A bounding region having a shape other than generally rectangular may also be provided, such a bounding region of any of a great number of shapes including oblong, oval, ovoid, conical, cubic, cylindrical, polyhedral, spherical, etc.
Moreover, the cursor 401 provides a visual cue indicating the nature of an available lens control element. As such, the cursor 401 will generally change in form by simply pointing to a different lens control icon 450, 412, 411, 421, 481, 482, 491, 440, 540. For example, when resizing the base 412 of a lens 410 using a corner handle 491, the cursor 401 will change form to a resize icon 490 once it is pointed at (i.e. positioned over) the corner handle 491. The cursor 401 will remain in the form of the resize icon 490 until the cursor 401 has been moved away from the corner handle 491.
Move
Lateral movement of a lens 410 is provided by the move lens control element of the GUI 400. This functionality is accomplished by the user first selecting the lens 410, 510, 511 through a point and click operation. Then, the user points to a point within the lens 410 that is other than a point lying on a lens control icon 450, 412, 411, 421, 481, 482, 491, 440, 540. When the cursor 401 is so located, a move icon 460 is displayed over the lens 410 to replace the cursor 401 or may be displayed in combination with the cursor 401. The move icon 460 not only informs the user that the lens 410 may be moved, but also provides the user with indications as to what movement operations are possible for the selected lens 410. For example, the move icon 460 may include arrowheads indicating up, down, left, and right motion. Next, the lens 410 is moved by a click and drag operation in which the user clicks and drags the lens 410 to the desired position on the screen 340 and then releases the mouse button 310. The lens 410 is locked in its new position until a further pickup and move operation is performed.
Pickup
Lateral movement of a lens 410 is also provided by the pickup lens control element of the GUI. This functionality is accomplished by the user first selecting the lens 410 through a point and click operation. As mentioned above, when the lens 410 is selected a pickup icon 450 is displayed over the lens 410 near the centre of the lens 410. Typically, the pickup icon 450 will be a crosshairs. In addition, a base outline 412 is displayed over the lens 410 representing the base 412 of the lens 410. The crosshairs 450 and lens outline 412 not only inform the user that the lens has been selected, but also provides the user with an indication as to the pickup operation that is possible for the selected lens 410. Next, the user points at the crosshairs 450 with the cursor 401. Then, the lens outline 412 is moved by a click and drag operation in which the user clicks and drags the crosshairs 450 to the desired position on the screen 340 and then releases the mouse button 310. The full lens 410 is then moved to the new position and is locked there until a further pickup operation is performed. In contrast to the move operation described above, with the pickup operation, it is the outline 412 of the lens 410 that the user repositions rather than the full lens 410.
Resize Base
Resizing of the base 412 (or outline) of a lens 410 is provided by the resize base lens control element of the GUI. After the lens 410 is selected, a bounding rectangle icon 411 is displayed surrounding the base 412. The bounding rectangle 411 includes handles 491. These handles 491 can be used to stretch the base 412 taller or shorter, wider or narrower, or proportionally larger or smaller. The corner handles 491 will keep the proportions the same while changing the size. The middle handles (not shown) will make the base 412 taller or shorter, wider or narrower. Resizing the base 412 by the corner handles 491 will keep the base 412 in proportion. Resizing the base 412 by the middle handles (not shown) will change the proportions of the base 412. That is, the middle handles (not shown) change the aspect ratio of the base 412 (i.e. the ratio between the height and the width of the bounding rectangle 411 of the base 412). When a user points at a handle 491 with the cursor 401 a resize icon 490 may be displayed over the handle 491 to replace the cursor 401 or may be displayed in combination with the cursor 401. The resize icon 490 not only informs the user that the handle 491 may be selected, but also provides the user with indications as to the resizing operations that are possible with the selected handle. For example, the resize icon 490 for a corner handle 491 may include arrows indicating proportional resizing. The resize icon (not shown) for a middle handle (not shown) may include arrows indicating width resizing or height resizing. After pointing at the desired handle 491, the user would click and drag the handle 491 until the desired shape and size for the base 412 is reached. Once the desired shape and size are reached, the user would release the mouse button 310. The base 412 of the lens 410 is then locked in its new size and shape until a further base resize operation is performed.
Resize Focus
Resizing of the focal region 420 of a lens 410 is provided by the resize focus lens control element of the GUI. After the lens 410 is selected, a bounding rectangle icon 421 is displayed surrounding the focal region 420. The bounding rectangle 421 includes handles 481, 482. These handles 481, 482 can be used to stretch the focal region 420 taller or shorter, wider or narrower, or proportionally larger or smaller. The corner handles 481 will keep the proportions the same while changing the size. The middle handles 482 will make the focal region 420 taller or shorter, wider or narrower. Resizing the focal region 420 by the corner handles 481 will keep the focal region 420 in proportion. Resizing the focal region 420 by the middle handles 482 will change the proportions of the focal region 420. That is, the middle handles 482 change the aspect ratio of the focal region 420 (i.e. the ratio between the height and the width of the bounding rectangle 421 of the focal region 420). When a user points at a handle 481, 482 with the cursor 401 a resize icon 480 may be displayed over the handle 481, 482 to replace the cursor 401 or may be displayed in combination with the cursor 401. The resize icon 480 not only informs the user that a handle 481, 482 may be selected, but also provides the user with indications as to the resizing operations that are possible with the selected handle. For example, the resize icon 480 for a corner handle 481 may include arrows indicating proportional resizing. The resize icon 480 for a middle handle 482 may include arrows indicating width resizing or height resizing. After pointing at the desired handle 481, 482, the user would click and drag the handle 481, 482 until the desired shape and size for the focal region 420 is reached. Once the desired shape and size are reached, the user would release the mouse button 310. The focal region 420 is then locked in its new size and shape until a further focus resize operation is performed.
Fold
Folding of the focal region 420 of a lens 410 is provided by the fold control element of the GUI. In general, control of the degree and direction of folding (i.e. skewing of the viewer aligned vector 231 as described by Carpendale) is accomplished by a click and drag operation on a point 471, other than a handle 481, 482, on the bounding rectangle 421 surrounding the focal region 420. The direction of folding is determined by the direction in which the point 471 is dragged. The degree of folding is determined by the magnitude of the translation of the cursor 401 during the drag. In general, the direction and degree of folding corresponds to the relative displacement of the focus 420 with respect to the lens base 410. In other words, and referring to FIG. 2, the direction and degree of folding corresponds to the displacement of the point FP 233 relative to the point FPo 232, where the vector joining the points FPo 232 and FP 233 defines the viewer aligned vector 231. In particular, after the lens 410 is selected, a bounding rectangle icon 421 is displayed surrounding the focal region 420. The bounding rectangle 421 includes handles 481, 482. When a user points at a point 471, other than a handle 481, 482, on the bounding rectangle 421 surrounding the focal region 420 with the cursor 401, a fold icon 470 may be displayed over the point 471 to replace the cursor 401 or may be displayed in combination with the cursor 401. The fold icon 470 not only informs the user that a point 471 on the bounding rectangle 421 may be selected, but also provides the user with indications as to what fold operations are possible. For example, the fold icon 470 may include arrowheads indicating up, down, left, and right motion. By choosing a point 471, other than a handle 481, 482, on the bounding rectangle 421 a user may control the degree and direction of folding. To control the direction of folding, the user would click on the point 471 and drag in the desired direction of folding. To control the degree of folding, the user would drag to a greater or lesser degree in the desired direction of folding. Once the desired direction and degree of folding is reached, the user would release the mouse button 310. The lens 410 is then locked with the selected fold until a further fold operation is performed.
Magnify
Magnification of the lens 410 is provided by the magnify lens control element of the GUI. After the lens 410 is selected, the magnify control is presented to the user as a slide bar icon 440 near or adjacent to the lens 410 and typically to one side of the lens 410. Sliding the bar 441 of the slide bar 440 results in a proportional change in the magnification of the lens 410. The slide bar 440 not only informs the user that magnification of the lens 410 may be selected, but also provides the user with an indication as to what level of magnification is possible. The slide bar 440 includes a bar 441 that may be slid up and down, or left and right, to adjust and indicate the level of magnification. To control the level of magnification, the user would click on the bar 441 of the slide bar 440 and drag in the direction of desired magnification level. Once the desired level of magnification is reached, the user would release the mouse button 310. The lens 410 is then locked with the selected magnification until a further magnification operation is performed. In general, the focal region 420 is an area of the lens 410 having constant magnification (i.e. if the focal region is a plane). Again referring to FIGS. 1 and 2, magnification of the focal region 420, 233 varies inversely with the distance from the focal region 420, 233 to the reference view plane (RVP) 201. Magnification of areas lying in the shoulder region 430 of the lens 410 also varies inversely with their distance from the RVP 201. Thus, magnification of areas lying in the shoulder region 430 will range from unity at the base 412 to the level of magnification of the focal region 420.
Zoom functionality is provided by the zoom lens control element of the GUI. Referring to FIG. 2, the zoom lens control element, for example, allows a user to quickly navigate to a region of interest 233 within a continuous view of a larger presentation 210 and then zoom in to that region of interest 233 for detailed viewing or editing. Referring to FIG. 4, the combined presentation area covered by the focal region 420 and shoulder region 430 and surrounded by the base 412 may be referred to as the “extent of the lens.” Similarly, the presentation area covered by the focal region 420 may be referred to as the “extent of the focal region.” The extent of the lens may be indicated to a user by a base bounding rectangle 411 when the lens 410 is selected. The extent of the lens may also be indicated by an arbitrarily shaped figure that bounds or is coincident with the perimeter of the base 412. Similarly, the extent of the focal region may be indicated by a second bounding rectangle 421 or arbitrarily shaped figure. The zoom lens control element allows a user to: (a) “zoom in” to the extent of the focal region such that the extent of the focal region fills the display screen 340 (i.e., “zoom to focal region extent”); (b) “zoom in” to the extent of the lens such that the extent of the lens fills the display screen 340 (i.e., “zoom to lens extent”); or, (c) “zoom in” to the area lying outside of the extent of the focal region such that the area without the focal region is magnified to the same level as the extent of the focal region (i.e., “zoom to scale”).
In particular, after the lens 410 is selected, a bounding rectangle icon 411 is displayed surrounding the base 412 and a bounding rectangle icon 421 is displayed surrounding the focal region 420. Zoom functionality is accomplished by the user first selecting the zoom icon 495 through a point and click operation. When a user selects zoom functionality, a zoom cursor icon 496 may be displayed to replace the cursor 401 or may be displayed in combination with the cursor 401. The zoom cursor icon 496 provides the user with indications as to what zoom operations are possible. For example, the zoom cursor icon 496 may include a magnifying glass. By choosing a point within the extent of the focal region, within the extent of the lens, or without the extent of the lens, the user may control the zoom function. To zoom in to the extent of the focal region such that the extent of the focal region fills the display screen 340 (i.e., “zoom to focal region extent”), the user would point and click within the extent of the focal region. To zoom in to the extent of the lens such that the extent of the lens fills the display screen 340 (i.e., “zoom to lens extent”), the user would point and click within the extent of the lens. Or, to zoom in to the presentation area without the extent of the focal region, such that the area without the extent of the focal region is magnified to the same level as the extent of the focal region (i.e., “zoom to scale”), the user would point and click without the extent of the lens. After the point and click operation is complete, the presentation is locked with the selected zoom until a further zoom operation is performed.
Alternatively, rather than choosing a point within the extent of the focal region, within the extent of the lens, or without the extent of the lens to select the zoom function, a zoom function menu with multiple items (not shown) or multiple zoom function icons (not shown) may be used for zoom function selection. The zoom function menu may be presented as a pull-down menu. The zoom function icons may be presented in a toolbar or adjacent to the lens 410 when the lens is selected. Individual zoom function menu items or zoom function icons may be provided for each of the “zoom to focal region extent”, “zoom to lens extent”, and “zoom to scale” functions described above. In this alternative, after the lens 410 is selected, a bounding rectangle icon 411 may be displayed surrounding the base 412 and a bounding rectangle icon 421 may be displayed surrounding the focal region 420. Zoom functionality is accomplished by the user selecting a zoom function from the zoom function menu or via the zoom function icons using a point and click operation. In this way, a zoom function may be selected without considering the position of the cursor 401 within the lens 410.
Scoop
The concavity or “scoop” of the shoulder region 430 of the lens 410 is provided by the scoop lens control element of the GUI. After the lens 410 is selected, the scoop control is presented to the user as a slide bar icon 540 (see FIG. 5) near or adjacent to the lens 410, 510, 511 and typically below the lens 410. Sliding the bar 541 of the slide bar 540 results in a proportional change in the concavity or scoop of the shoulder region 430 of the lens 410. The slide bar 540 not only informs the user that the shape of the shoulder region 430 of the lens 410 may be selected, but also provides the user with an indication as to what degree of shaping is possible. The slide bar 540 includes a bar 541 that may be slid left and right, or up and down, to adjust and indicate the degree of scooping. To control the degree of scooping, the user would click on the bar 541 of the slide bar 540 and drag in the direction of desired scooping degree. Once the desired degree of scooping is reached, the user would release the mouse button 310. The lens 410 is then locked with the selected scoop until a further scooping operation is performed.
Icon Hiding
A user may choose to hide one or more lens control icons 450, 412, 411, 421, 481, 482, 491, 440, 540 shown in FIGS. 4 and 5 from view so as not to impede the user's view of the image within the lens 410. This may be helpful, for example, during a move operation. A user may select this option through a variety of different ways, such as a menu or lens property dialog box.
In addition, the GUI 400 maintains a record of control element operations such that the user may restore pre-operation presentations. This record of operations may be accessed by or presented to the user through “Undo” and “Redo” icons 497, 498, through a pull-down operation history menu (not shown), or through a toolbar.
Thus, detail-in-context data viewing techniques allow a user to view multiple levels of detail or resolution on one display 340. The appearance of the data display or presentation is that of one or more virtual lenses showing detail 233 within the context of a larger area view 210. Using multiple lenses in detail-in-context data presentations may be used to compare two regions of interest at the same time. Folding enhances this comparison by allowing the user to pull the regions of interest closer together. Moreover, using detail-in-context technology such as PDT, an area of interest can be magnified to pixel level resolution, or to any level of detail available from the source information, for in-depth review. The digital images may include graphic images, maps, photographic images, or text documents, and the source information may be in raster, vector, or text form.
For example, in order to view a selected object or area in detail, a user can define a lens 410 over the object using the GUI 400. The lens 410 may be introduced to the original image to form a presentation through the use of a pull-down menu selection, tool bar icon, etc. Using lens control elements for the GUI 400, such as move, pickup, resize base, resize focus, fold, magnify, zoom, and scoop, as described above, the user adjusts the lens 410 for detailed viewing of the object or area. Using the magnify lens control element, for example, the user may magnify the focal region 420 of the lens 410 to pixel quality resolution revealing detailed information pertaining to the selected object or area. That is, a base image (i.e., the image outside the extent of the lens) is displayed at a low resolution while a lens image (i.e., the image within the extent of the lens) is displayed at a resolution based on a user selected magnification 440, 441.
In operation, the data processing system 300 employs EPS techniques with an input device 310 and GUI 400 for selecting objects or areas for detailed display to a user on a display screen 340. Data representing an original image or representation is received by the CPU 320 of the data processing system 300. Using EPS techniques, the CPU 320 processes the data in accordance with instructions received from the user via an input device 310 and GUI 400 to produce a detail-in-context presentation. The presentation is presented to the user on a display screen 340. It will be understood that the CPU 320 may apply a transformation to the shoulder region 430 surrounding the region-of-interest 420 to affect blending or folding in accordance with EPS technology. For example, the transformation may map the region-of-interest 420 and/or shoulder region 430 to a predefined lens surface, defined by a transformation or distortion function and having a variety of shapes, using EPS techniques. Or, the lens 410 may be simply coextensive with the region-of-interest 420.
The lens control elements of the GUI 400 are adjusted by the user via an input device 310 to control the characteristics of the lens 410 in the detail-in-context presentation. Using an input device 310 such as a mouse, a user adjusts parameters of the lens 410 using icons and scroll bars of the GUI 400 that are displayed over the lens 410 on the display screen 340. The user may also adjust parameters of the image of the full scene. Signals representing input device 310 movements and selections are transmitted to the CPU 320 of the data processing system 300 where they are translated into instructions for lens control.
Moreover, the lens 410 may be added to the presentation before or after the object or area is selected. That is, the user may first add a lens 410 to a presentation or the user may move a preexisting lens into place over the selected object or area. The lens 410 may be introduced to the original image to form the presentation through the use of a pull-down menu selection, tool bar icon, etc.
Advantageously, by using a detail-in-context lens 410 to select an object or area for detailed information gathering, a user can view a large area (i.e., outside the extent 412 of the lens 410) while focusing in on a smaller area (or within the focal region 420 of the lens 410) surrounding the selected object. This makes it possible for a user to accurately gather detailed information without losing visibility or context of the portion of the original image surrounding the selected object.
Cropping with Multiple Detail-In-Context Lenses
The following discussion pertains to detail-in-context data viewing techniques that are applied to the cropping and measurement of digital image presentations. Detail-in-context data viewing techniques allow a user to view multiple levels of detail or resolution on one display 340. The appearance of the data display or presentation is that of one or more virtual lens showing detail 233 within the context of a larger area view 210. Using multiple lenses in detail-in-context data presentations may be used to compare two regions of interest at the same time. Folding enhances this comparison by allowing the user to pull the regions of interest closer together. In accordance with the present techniques, multiple detail-in-context lenses may be used to accurately crop digital images.
FIG. 5 is a screen capture illustrating a presentation 500 having two detail-in-context lenses 510, 511 and associated GUIs 501, 502 for defining the corners of a bounding rectangle GUI for cropping an original digital image or representation in accordance with an embodiment. In FIG. 5, the original image to be cropped is a map of North America. In order to produce a cropped image showing that portion of the United States from Washington State to Florida, for example, a user defines a first lens 510 over Washington State using a first GUI 501 and a second lens 511 over Florida using a second GUI 502. The lenses 510, 511 may be introduced to the original image to form the illustrated presentation through the use of a pull-down menu selection, tool bar icon, etc. The lenses 510, 511 are positioned at what will be the top left and bottom right corners of a bounding rectangle that will be used to define the cropped image. Using lens control elements for each GUI 501, 502, such as move, pickup, resize base, resize focus, fold, and magnify as described above, the user adjusts each lens 510, 511 to accurately select a point or corner for the creation of a bounding rectangle for cropping. Each selected point may be indicated on in the presentation with a crosshairs icon 450, for example. Using the magnify lens control element, for example, the user may magnify the focal region 520, 521 of each lens 510, 511 to pixel quality resolution making it easy to view, for example, the point where the boarders of Washington State and Canada meet in the first lens 510 and the point where land ends at the coast of Florida in the second lens 511.
FIG. 6 is a screen capture illustrating a presentation 600 having detail-in-context lenses 510, 511, associated GUIs 501, 502, and a bounding rectangle GUI or icon 610 for cropping an original digital image or representation to produce a cropped image 640 in accordance with an embodiment. Once the lenses 510, 511 are in place, the user may use an existing tool to crop the presentation 600 to produce a cropped image 640. In FIG. 6, the user has defined an area with a bounding rectangle GUI 610. The bounding rectangle GUI 610, defining an area for the cropped image 640, may also be displaced or distorted by the lenses 510, 511, however, in FIG. 6, this is not shown. The resultant cropped image 640 may be presented with or without lens distortions 510, 511.
In operation, the data processing system 300 employs EPS techniques with an input device 310 and GUIs 501, 502, 610 for selecting points 620, 630 to define a cropped image 640 for display to a user on a display screen 340. Data representing an original image or representation is received by the CPU 320 of the data processing system 300. Using EPS techniques, the CPU 320 processes the data in accordance with instructions received from the user via an input device 310 and GUIs 501, 502 to produce a detail-in-context presentation 500. The presentation 500 is presented to the user on a display screen 340. It will be understood that the CPU 320 may apply a transformation to the shoulder regions 530, 531 surrounding the regions-of-interest 520, 521 to affect blending or folding in accordance with EPS technology. For example, the transformation may map the regions-of-interest 520, 521 and/or shoulder regions 530, 531 to a predefined lens surface, defined by a transformation or distortion function and having a variety of shapes, using EPS techniques. Or, the lens 510, 511 may be simply coextensive with the regions-of-interest 520, 521. Blending and folding of lenses in detail-in-context presentations are described in United States Patent Application Publication No. 2002/0044154 which is incorporated herein by reference.
The lens control elements of the GUIs 501, 502 are adjusted by the user via an input device 310 to control the characteristics of the lenses 510, 511 in the detail-in-context presentation 500. Using an input device 310 such as a mouse, a user adjusts parameters of the lens 510, 511 using icons and scroll bars of GUIs 501, 502 that are displayed over the lens on the display screen 340. The user may also adjust parameters of the image of the full scene 500. Signals representing input device 310 movements and selections are transmitted to the CPU 320 of the data processing system 300 where they are translated into instructions for lens control.
The bounding rectangle GUI 610 indicates the selected area for the cropped image 640. By moving the lenses 510, 511 on the display screen 310 with the lens GUIs 501, 502, the user can change the location of the corners 620, 630 (or regions-of-interest 520, 521) in the presentation 600. Of course, it is possible to use non-rectangular bounding GUIs for cropping. The bounding rectangle GUI 610 may be presented automatically upon placement of the lenses 510, 511 or its presentation may be selected using a pull-down menu selection, tool bar, crop icon, etc.
Observing the area enclosed by the bounding rectangle GUI 610, the user can decide whether or not the currently cropped image 640 accurately captures the desired area of the presentation 600. If the user is satisfied with the cropped image 640, the user may select the cropped image 640 by double clicking within the bounding rectangle GUI 610 or with a pull-down menu selection, crop icon, crop button, etc. The current cropped image 640 is thus selected for further processing, such as inclusion into a document being concurrently displayed in another window or replacement of the original presentation with the cropped image 640. Clicking on one of the corners 620, 630 will select the corresponding lens 510, 511 and GUI 501, 502 for adjustment. If the user is dissatisfied with the current cropped image 640, then the double clicking operation is avoided and instead a corner 620, 630 of the bounding rectangle GUI 610 can be moved to show a different cropped image 640.
By using detail-in-context lenses 510, 511 to select points 620, 630 defining an area for a cropped image 640, a user can view a large area 600 (i.e. outside the lenses 510, 511) while focusing in on smaller areas 520, 521 (i.e. inside the focal regions 520, 521 of the lenses 510, 511) surrounding the selected points 620, 630. This makes it possible for a user to perform accurate cropping without losing visibility or context of the portion of the original image surrounding the cropped area 640.
In the above embodiment, two lenses 510, 511 are added to the presentation 500 before the bounding rectangle GUI 610 is activated. However, according to another embodiment, the lenses 510, 511 and bounding rectangle GUI 610 can be combined. That is, the user may first add a lens 510 to a presentation 500 or the user may move a pre-existing lens into place at, say, the top left corner point 620 in FIG. 6. At this stage, before the second point 630 is selected, the bounding rectangle GUI 610 is activated. Now, to select the second point 630, the bottom right corner 650 of the bounding rectangle GUI 610 is moved (e.g. with a click and drag operation) by the user. As the bottom right corner 650 of the bounding rectangle GUI 610 is dragged, the second lens 511 is presented over and moves with the corner 650. This facilitates the accurate selection of the second point 630 for defining the cropped image 640.
In more detail, to select corner points 620, 630, the user first moves the mouse 310 to position a cursor 401 and depresses a mouse pushbutton to designate the first point or corner 620 of the desired cropped image 640. A first lens 510 is presented at this point. The location 620 of this first lens 510 or its characteristics may be adjusted as described above. The bounding rectangle GUI 610 is now activated by selecting from a pull-down menu for example. The first lens 510 is clicked and dragged to present the bounding rectangle GUI 610. As the mouse 310 is moved by the user to re-position the cursor 401 during the click and drag operation, the cursor's new position on the display 340 defines the second point or corner 630 diagonally opposite the first corner 620. The second lens 511 is presented over the second corner 630 during the click and draft operation. While the mouse 310 is moved with its pushbutton depressed (i.e. during the click and drag operation), a sequentially varying bounding rectangle GUI 610 for the potential cropped image 640 is displayed. If the user is satisfied with the cropped image 640, the user releases the mouse pushbutton to complete the click and drag operation. The user is then presented with a bounding rectangle GUI 610 with lens 510, 511 at opposite corners 620, 630. The user may then choose to complete the crop as described above (e.g. by double clicking within the bounding rectangle GUI 610).
As mentioned above, the bounding rectangle GUI 610 may have a shape other than rectangular. According to another embodiment, a polygonal shaped bounding GUI may be defined with three or more lens. In this case, the outline of the bounding GUI may pass through each lens. As the polygonal shape is drawn, say through an activation step, followed by a point and click to locate the first point, a series of click and drag operations to chose each subsequent point of the polygon, and ending with a double click operation, a lens is placed at each selected point or corner. Alternatively, between each click and drag operation when the crop line is being repositioned by the user via cursor and mouse, a lens may be presented over the end of the crop line (i.e. over the cursor's position). In other words, the end of the crop line is attached to a lens that moves with the crop line end as it is repositioned by a user. A lens may be left at each point or corner of the bounding polygon GUI with this alternative as well.
According to another embodiment, once a bounding rectangle or bounding polygon GUI has been established, a lens may be moved along the path of the bounding rectangle or polygon to allow a user to inspect the entire perimeter of the bounding rectangle or polygon. Thus, a user may accurately select each of the points along the perimeter of the bounding rectangle or polygon rather that just corners or line segment end points. In so doing, a more accurate cropped image 640 may be produced.
Measuring with Multiple Detail-In-Context Lenses.
In addition to performing cropping operations, measuring distances between points in a presentation can be performed with greater accuracy by using detail-in-context lenses. FIG. 7 is a screen capture illustrating a presentation 700 having detail-in-context lenses 710, 711 and associated GUIs 701, 702 for selecting points between which to measure in an original digital image or representation in accordance with an embodiment. To make a measurement between two points in an original digital image, a user first adds detail-in-context lenses 710, 711 to the original image to create a detail-in-context presentation 700. The lens 710, 711 enable the user to view high resolution data in the focus of each lens. The lenses are positioned over selected points 750, 760 and configured as described above. To aid the user in placing the lenses 710, 711, a scale icon 720 may be included in the presentation 700. FIG. 8 is a screen capture illustrating a presentation 800 having two detail-in-context lenses 710, 711, associated GUIs 701, 702, and a measuring tool GUI 810, 820 for displaying the measurement between selected points 750, 760 in an original digital image or representation in accordance with an embodiment. After selecting points 750, 760, the user may select a measuring tool to determine the distance between the points 750, 760. The measuring tool may be selected using a pull-down menu selection, tool bar, etc. In FIGS. 7 and 8, the points 750, 760 have been selected at the towns of Terrace and Victoria, British Columbia, respectively. The measuring tool may present a measuring tool GUI which may include a measured value icon 820 for displaying the measured value or distance between the selected points 750, 760 and a line segment icon 810 for displaying the measurement path between the selected points 750, 760 to a user. Advantageously, because the selected points 750, 760 are contained within the focal region of each lens 710, 711 which may be displayed at a higher resolution that the surrounding presentation 800, the measured value may be determined more accurately. In FIG. 8, the distance between Terrace and Victoria has a measure value 820 of 734, 771 meters.
In the above embodiment, two lenses 710, 711 are added to the presentation 700, 800 before the measuring tool GUI 810, 820 is activated. However, according to another embodiment, the lenses 710, 711 and measuring tool GUI 810, 820 can be combined. That is, the user may first add a lens 710 to a presentation 800 or the user may move a pre-existing lens into place at, say, the Terrace point 750 in FIG. 8. At this stage, before the Victoria point 760 is selected, the measuring tool GUI 810, 820 is activated. Now, to select the second point 763, the end point 830 of the line segment icon 810 (i.e., the point over the cursor's position) is moved (e.g., with a click and drag operation) by the user. As the end point 830 of the line segment icon 810 is dragged, the second lens 711 is presented over and moves with the end point 830. This facilitates the accurate selection of the second point 760 for defining the distance to be measured (i.e. the line segment between points 750, 760). In addition, at the end of every intermediate line segment, a new lens may be added to the presentation.
Cropping with a Single Detail-In-Context Lens.
Above methods for cropping and measuring an original image are described in which multiple lenses are used. In the following, embodiments for cropping and measuring using a single lens are described. The lens may be a carrier for the cropping or measurement tool, or the lens may be the tool itself. In both the single lens and multiple lenses embodiments, accuracy of cropping and measurement may be improved.
FIG. 9 is a screen capture illustrating a presentation 900 having a single detail-in-context lens 910 and associated GUI 901 for defining the corners of a bounding rectangle GUI for cropping an original digital image or representation in accordance with an embodiment. To aid the user in placing the lens 910, a scale icon 940 may be included in the presentation 900. To crop the original image, the user first selects the cropping tool (which is associated with a lens 910) using a pull-down menu selection, tool bar, etc., and then selects a starting or first point 920 using a point and click operation. This places a lens 910 and an associated GUI 901 over the first point 920. Next, the user drags the lens 910 to the second point 930 to complete the definition of the bounding rectangle GUI or icon 1010 and hence define the cropped image 1040 as is shown in FIG. 10. FIG. 10 is a screen capture illustrating a presentation 1000 having a single detail-in-context lens 910, an associated GUI 901, and a bounding rectangle GUI or icon 1010 for cropping an original digital image or representation to produce a cropped image 1040 in accordance with an embodiment. The bounding rectangle GUI 1010 may be dynamically presented as the lens 910 is dragged diagonally from the first point 920 to the second point 930. The bounding rectangle GUI 1010 defines the area of the cropped image 1040.
Thus, for example, the bounding rectangle GUI 1010 may be drawn by first activating the tool (e.g., tool bar, etc.), followed by a point and click operation to locate the first point or corner 920, while maintaining a depressed mouse selection button, a drag operation during which the lens 910 is presented over the end of the crop line 950 (i.e., over the cursor's position, that is, the end of the crop line 950 is attached to the lens 910 which moves with the crop line end 950 as it is repositioned by a user), and a mouse selection button release to select the second point or corner 930. During this process, the bounding rectangle GUI 1010 is dynamically presented as the end of the crop line 950 is moved by the user.
The bounding rectangle GUI 1010 may have a shape other than rectangular. According to another embodiment, a polygonal shaped bounding GUI may be defined with three or more lens. In this case, the outline of the bounding GUI may pass through each lens. The polygonal shaped bounding GUI may be drawn, say, through an activation step, followed by a point and click to locate the first point, a series of click and drag operations to chose each subsequent point of the polygon, and ending with a double click operation that leaves a lens placed over the last selected point or corner. Between each click and drag operation when the crop line is being repositioned by the user via cursor and mouse, a lens may be presented over the end of the crop line (i.e. over the cursor's position). In other words, the end of the crop line is attached to a lens that moves with the crop line end as it is repositioned by a user.
According to another embodiment, when the cropping tool is activated (e.g. by a drop-down menu selection, tool bar, etc.) and when the standard cursor 401 is located within the presentation 900, 1000, an alternate cursor icon may be displayed over the presentation 900, 1000 to replace the cursor 401 or may be displayed in combination with the cursor 401. The alternate cursor icon may be a lens 910, a cropping cursor icon (not shown), or a combination lens 910 and cropping cursor icon.
Measuring with a Single Detail-In-Context Lens
FIG. 11A is a screen capture illustrating a presentation 1100 having a single detail-in-context lens 1110 and an associated GUI 1101 for selecting points between which to measure in an original digital image or representation in accordance with an embodiment. FIG. 11B is a screen capture illustrating a presentation 1100 having a single detail-in-context lens 1110, an associated GUI 1101, and a measuring tool GUI 1140, 1141, for displaying the measurement between selected points 1120, 1130 in an original digital image or representation in accordance with an embodiment. And, FIG. 11C is a screen capture illustrating a presentation 1100 having a single detail-in-context lens 1110, an associated GUI 1101, and a measuring tool GUI 1140, 1142, 1142, 1143 for displaying the measurement between selected points 1120, 1130, 1160 in an original digital image or representation in accordance with an embodiment.
To make a measurement in the original image 1100, the user first selects the measuring tool (which is associated with a lens 1110) using a pull-down menu selection, tool bar, etc., and then selects a starting or first point 1120 using a point and click operation. This places a lens 1110 and an associated GUI 1101 over the first point 1120 as shown in FIG. 11A. A measuring tool icon 1180 may also be displayed over the first point 1120 as mentioned above. The lens 1110 enables the user to view high resolution data in its focus. Next, the user drags the lens 1110 to select a second point 1130 for the measurement as shown in FIG. 11B. The measuring tool may present a measuring tool GUI which may include a measured value icon 1141 for displaying the measured value or distance between the selected points 1120, 1130 and a line segment icon 1140 for displaying the measurement path between the selected points 1120, 1130 as shown in FIG. 11B. The measuring tool GUI 1140, 1141 may be dynamically presented as the lens 1110 is dragged from the first point 1120 to the second point 1130.
As shown in FIGS. 11B and 11C, a user may make linked measurements in one or more operations. Linked line segment icons 1140, 1142 may be drawn, say, through an activation step, followed by a point and click to locate the first point 1120, a series of click and drag operations to chose each subsequent point 1130, 1160 of the linked line segment, and ending with a double click operation that leaves a lens 1110 placed over the last selected point 1160. Between each click and drag operation when the line segment icon 1140, 1142 is being repositioned by the user via cursor and mouse, a lens 1110 may be presented over the end of the line segment 1150 (i.e. over the cursor's position). In other words, the end of the line segment 1150 is attached to a lens 1110 that moves with the end of the line segment 1150 as it is repositioned by a user.
To aid the user in placing the lens 1110, a scale icon 1170 may be included in the presentation 1100. In addition, when the measuring tool is activated (e.g. by a drop-down menu selection, tool bar, etc.) and when the standard cursor 401 is located within the presentation 1100, an alternate cursor icon may be displayed over the presentation 1100 to replace the cursor 401 or may be displayed in combination with the cursor 401. The alternate cursor icon may be a lens 1110, a measuring cursor icon 1180, or a combination lens 1110 and measuring cursor icon 1180. Moreover, as shown in FIG. 11B, the line segment icon 1140 may be presented as an exclusive OR (XOR) with the underlying portion of the original or background image 1100.
Cropping Method
FIG. 12 is a flow chart 1200 illustrating a method for cropping a computer generated original image on a display 340 in accordance with an embodiment. At block 1201, the method starts.
At block 1202, a user-selected movable boundary 610, 1010 on the original image is adjusted to define a cropped image 640, 1040 within the boundary, the boundary being defined by two or more points 620, 630, 920, 930 on the original image.
At block 1203, a lens surface 510, 511, 910 is created for one or more of the regions surrounding the points 620, 630, 920, 930.
At block 1204, a GUI 501, 502, 901 is displayed over one or more of the regions for adjusting the lens surface 510, 511, 910.
At block 1205, the original image is transformed by applying a distortion function defining the lens surface to the original image.
At block 1206, the original image is distorted 500, 600, 900, 1000 in regions surrounding the points, whereby the boundary 610, 1010 is accurately positioned for cropping.
At block 1207, the method ends.
FIG. 13 is a flow chart 1300 illustrating a method for measuring within a computer generated original image on a display 340 in accordance with an embodiment. At block 1301, the method starts.
At block 1302, a user-selected movable line segment 810, 1140, 1142 on the original image is adjusted to define points 750, 760, 1120, 1130, 1160 on the original image for measuring between.
At block 1303, a lens surface 710, 711, 1110 is created for one or more of the regions surrounding the points 750, 760, 1120, 1130, 1160.
At block 1304, a GUI 701, 702, 1101 is displayed over one or more of the regions for adjusting the lens surface 710, 711, 1110.
At block 1305, the original image is transformed by applying a distortion function defining the lens surface to the original image.
At block 1306, the original image is distorted 700, 800, 1100 in regions surrounding the points, whereby the points 750, 760, 1120, 1130, 1160 are accurately positioned for measuring.
At block 1307, the method ends.
Online Services
Now, there has been an increase in the availability of online and interactive presentations of digital maps and geographically relevant photographic images. In addition, there has been a rise in the use of search engines for finding information on the Internet and on local computers. Search engines and online map presentations have also been combined in order to provide new capabilities such as location-specific searching and location-based advertising. Map services may also provide graphical and text based enhancements such as online driving directions. However, as discussed above, important local details in such maps are often not visible without the loss of surrounding or global location information. This can be problematic in that, for example, global increases in magnification tend to hide information and disorient the user. Detail-in-context lensing techniques may be used to overcome these problems and to improve the usability of online mapping applications, while at the same time providing new opportunities for advertising revenue. However, implementing interactive detail-in-context lensing online is challenging. In the following, techniques for implementing detail-in-context lensing for interactive online mapping and location-specific advertising are described.
In some instances, online interactive mapping services may be accessed via a web browser. Additionally, some mapping services also have the capability of displaying satellite images, as well as maps, and of performing searches that result in addresses of locations (or regions) of interest. In some cases, these locations-of-interest may be shown on a map.
The architecture behind some interactive map services has been given a name, AJAXTM, which stands for Asynchronous JavaScript And XML.” For example, the service may run JavaScriptTM on the client side, and as send requests to servers. These requests may be configured as hypertext transfer protocol (“HTTP”) requests, and in response the servers may send images (e.g., joint photographic experts group (“JPG”), graphic interchange format (“GIF”)), extensible markup language (“XML”) documents, and so on. The images are in response to map/photo tile requests, and the XML documents are in response to search requests. JavaScript may be used to handle drawing and user interaction with the map. In an implementation, an online map service uses two types of data, namely, map and photo data. These two sets of data are both accessed as square tiles, but are generally from different sources, and use different indexing schemes. The map data is accessed using a 3-tuple index, namely, an x tile coordinate, a y tile coordinate, and a zoom level. Each zoom level is a factor of 2 larger or smaller compared with the next zoom level. The photo data is accessed using a single string combination of the letters ‘q’, ‘r’, ‘s’, and ‘t’. An example string would be ‘qtssstrqs.’ Each individual letter specifies a tile from a quadrant in a square, and each successive letter specifies a finer sub-quadrant in a sub-quadrant. Thus, the more letters in a string, the more that the image is zoomed in, and the more magnified the tile is. Converting between map tile coordinates and photo tile coordinates is possible. It should be noted that there is also a third relevant coordinate pair, latitude and longitude, which is used for returned search results.
Detail-in-context lensing capabilities may be adapted for application to online mapping services for the purpose of improving the usability of these services, adding new functionality, providing for the insertion of new content such as advertising, and so on.
Consider first the integration of detail-in-context lensing into the server-side architecture of a tiled map presentation service. A server-side implementation may be desirable since with such an implementation little or no software has to be installed on the client computer beyond an Internet browser, although it should be readily apparent that a client-side implementation is also contemplated. Described below are two methods for applying detail-in-context lensing on the server side, namely, a static method and a dynamic method. Each method provides the client with lensed tiles for lensed map presentations.
With respect to the static method for applying detail-in-context lenses to a tiled original image, first, assume that a map server (or servers) stores pre-rendered map and photo tiles for an original image. In order to provide lensed tiles in this case, static lensed tiles are also stored on the server (or servers). With the tiles stored on the server, the server serves the right lensed tiles to the right user. Thus, the lens is not rendered on the server side, which may be advantageous. One drawback to this method is that it is expensive, in terms of memory, to store each possible lensed tile on the server. However, this drawback can be alleviated by restricting lens locations and sizes. According to one embodiment, the focal region 420 of a lens 410 may be centered on and covering a single tile with the shoulder region 430 overlapping exactly one tile in each direction surrounding the focal region 420. Thus, eight (8) additional tiles are stored for each current tile in the original image, one for each of the eight directions (i.e., 45 degrees apart) from the focal region. A tile for the focal region 420 is not stored if the lens was at a factor of two (2) in magnification as the appropriate tile would simply be from the next magnification level up which would likely already be stored on the server. This would save memory at the server. According to another embodiment, a quasi-static or locally-static method is provided in which lensed tiles are rendered and stored for a current map coverage area or that coverage area plus a surrounding buffer zone. According to another embodiment, lensed tiles may be maintained in storage at the server mainly for (or only for) frequently requested coverage areas of maps such as major cities.
With respect to the dynamic method for applying detail-in-context lenses to a tiled original image, an application residing on a server is provided that dynamically produces lensed versions of tiles. These lensed tiles or images are then served to clients (i.e., to client applications). One advantage of this dynamic method is that little or no additional storage is required at the server, plus any arbitrary lensing can be accommodated (i.e., there need be no restriction on lens position or shape). One drawback is that computation time at the server is used to perform the lensing, but the storage consumed by the static method described above would be reduced. Accordingly, this dynamic method may be suitable to lensing for a typical map server implementation.
Detail-in-context lenses may also be applied to a non-tiled original image provided by a map server. In the case of map presentations in which the whole map is presented as a single raster image rather than as a number of tile images, an alternate approach is to pre-place detail-in-context lenses 410 on an original map image prior to serving it to the client, and then serve the entire map presentation area to the client with the lenses “burned-in” to the map. This approach does not directly allow the user to interact with a map, but nonetheless can be used to draw the user's attention to features or regions-of-interest within the map. Interactivity may be added through the use of “rollover” functions in which the map display is toggled from a lensed to an unlensed state, or through the use of hyptertext markup language (“HTML”) image maps to allow for redrawing of just the lensed area, or to define regions-of-interest either within lenses or identical with the lens coverage area.
According to one embodiment, the above static, dynamic, and non-tiled mapping methods may be provided through a lensing proxy service. In this embodiment, map requests are received by a proxy server with lensing capabilities. The proxy server requests appropriate tiles or images from the primary or content map server and performs lensing operations on these tiles or images based on the desired magnification and geographic location of the lens. According to one embodiment, proxy server lensing may be provided as a for-pay web service which may be applied not only to maps but also to other forms of data (e.g., general images, text, etc.).
FIG. 14 is a screen capture illustrating a detail-in-context presentation 1400 in which a lens 410 is coupled to a list 1402 of search results and is applied to an online map in accordance with an embodiment. According to one embodiment, detail-in-context lensing may be combined with online search results to provide users with several advantages. First, lenses can be used to freely investigate content or regions-of-interest 1404 in a view, representation, or original image. The view may be either map data or photo data, as the two can be selected independently in either the lens 410 or the context 1406 surrounding the lens 410. In addition, the lens 410 can be used to view a list 1402 of location search results. When performing a search for “pizza” parlours, for example, the map server 300 may return search results including a list of locations 1402. This list 1402 may be displayed in a search results window 1408 of the presentation 1400 adjacent to a map window 1410 containing an associated map presentation 1412. For each search result or item (e.g., 1414) in the list 1402, information including the following may be presented: an address, latitude/longitude coordinates, phone number(s), name(s), a distance from a currently centered location within the map presentation 1412, and links to content reviews or other sources of information. In the screen capture of FIG. 14, the presentation 1400 shows the list 1402 of locations (i.e., the search results) and basic related data (e.g., the address of each pizza parlour found by the search) in a bar or window 1408 displayed to the right of an associated map presentation 1412 which includes a detail-in-context lens 410. The user may select a search result or item (e.g., 1414) in the list 1402 which will cause the lens 410 to automatically center itself over the geographic location 1416 of the selected item 1414 in the map presentation 1412. In FIG. 14, the selected item 1414 is “Park's Garden Pizza” located at “430 Pender Street West, Vancouver, B.C.” This location may be marked with a circled dot icon 1418 within the focal region 420 of the lens 410 in the map presentation 1412. The locations (e.g., 1420) of other non-selected items (e.g., 1422) in the list 1402 may be marked with dot icons (e.g., 1424) in the map presentation 1412. Of course, these icons 1418, 1424 may have any shape or design. Application of the lens 410 is advantageous for de-cluttering purposes when related search result locations (e.g., 1416, 1420) are close together, which may frequently occur, as the lens 410 magnifies the region surrounding the selected location 1416 solely. As mentioned, other related information, such as telephone numbers and reviews, may be incorporated into the presentation 1400.
According to one embodiment, when a path defining driving directions to a selected location (e.g., 1416) from a given starting point is available, the path (not shown) may be overlaid on the map 1412 and the location of the lens 410 within the map 1412 may be constrained (or limited) to points lying on the path. In this case, the user may drag the lens 410 along the path to reveal details. According to another embodiment, critical decision points (e.g., street intersections) may be displayed in a location bar or window (not shown) adjacent to the map window 1410 and the user may be allowed to position the lens 410 over these points solely. In each of these cases, the centroid (or focal region 420) of the lens 410 or another fixed point on the lens 410 is constrained to one or more fixed points (e.g., intersections) or to a path defined by a polyline.
According to another embodiment, the above described constraints may be selectively relaxed. For example, a user may wish to explore an area in the vicinity of a specific item or region-of-interest 1404, such as the neighborhood or street details near a house or business shown on a digital map. In this case, a lens 410 located at location x may be allowed to travel on demand (i.e., to be positioned) up to a distance 8 away from x. Alternatively, the lens 410 may be constrained such that it is moveable only within a polygon containing x. Similarly, for the case of a path-of-interest, such as the path to be navigated on a street map between a starting point and a destination, movement of the lens 410 may be constrained to the path or up to a distance 8 from the path. According to another embodiment, the lens 410 may be allowed to expand in extent (i.e., the area covered by the lens 410) to cover an area in the vicinity of a point x on a map, or to expand so as to cover a larger area in the vicinity of a constraining path on the map, if this is desired by the user or the map presenter.
According to another embodiment, the location x of a lens 410 on a map presentation (e.g., 1412) may be set or determined based on the current location of a user. The current location of the user may be obtained from a global positioning system (“GPS”) receiver (not shown) coupled to the data processing system 300. In this case, movement of the lens 410 may be limited or constrained to a distance c from the current location of the user. Limiting the possible lens locations to within c of x can prevent user errors such as accidentally causing the map display area to exclude the current location x. According to another embodiment, multiple lenses may be positioned at or near the start and end points of a trip or path shown on a map. According to another embodiment, an animation is provided in which a lens 410 or lenses traverse a defined route or path for a trip as shown on a map as a function of time.
Now, detail-in-context lenses provide a highlighting of areas or regions-of-interest (e.g., 1404) in that each region-of-interest 1404 is magnified by a lens 410 and hence is made more prominent for the user. The user's attention can be drawn to the region-of-interest 1404 in this way. Thus, as described above, lenses can be used to highlight locations or search results found from search queries. In the case of where the search results includes multiple items such as the list 1402 of pizza parlors 1414, 1422 found by the search for “pizza” as illustrated in FIG. 14, a lens 410 may be presented over an area or region of the map corresponding to a search hit or item (e.g., 1414) that is selected by the user with a pointing device 310 or, alternatively, that is selected on the basis of achieving a high ranking from the search engine. According to one embodiment, lenses 410 may be presented over advertising content in digital maps, for example, to make that content more prominent. The advertiser may pay increased fees to have such lenses presented over their advertising content.
FIG. 15 is a screen capture illustrating an online map 1500 having cluttered data (e.g., boundaries, etc.) and labels (e.g., “Montreal”, etc.). And, FIG. 16 is a screen capture illustrating a detail-in-context presentation 1600 of the online map 1500 of FIG. 15 in which de-cluttering is provided in the lens 410. Detail-in-context lenses 410 provide a de-cluttering capability that can
In some cases, the user may be provided with the capability of interactively moving lenses 410 in a map presentation 1600. In such cases, the positioning of a lens 410 by a user on a particular allow for local insertion of new content in the lens 410 when it is applied to representation such as an online map 1500. For example, in the online map 1500 of Canada shown in FIG. 15, the data and labels are dense and cluttered in the region 1404 around the city of Montreal. However, the presence of a lens 410 over this region-of-interest 1404 as shown in the detail-in-context presentation 1600 of FIG. 16 has increased locally the amount of blank space 1602 that is interstitial with the data and labels. According to one embodiment, this increase in local blank space 1602 allows for the insertion of new content into the presentation 1600 such as new information relevant to the region-of-interest 1404 or new advertising content.
In some cases, the user may be provided with the capability of interactively moving lenses 410 in a map presentation 1600. In such cases, the positioning of a lens 410 by a user on a particular region or location 1404 indicates that the user is interested in that location (i.e., it is a region-of-interest). According to one embodiment, recording the locations of a lens 410 positioned by a user in an online map presentation 1600, for example with text files (i.e., “cookies”) on the client computer or alternately on the server computer, is provided to allow interest in a particular region 1404 over which the lens 410 is positioned to be subsequently studied. Such a study may examine the effectiveness of advertising content associated with the region 1404, for example.
As described above, a detail-in-context lens 410 allows for additional detail or content (e.g., within blank spaces 1602) to be shown in the focal region 420 of the lens 410, such as street name labels (e.g., “Pender St.”), city name labels (e.g., “Montreal”), and other geographic labels as shown in FIGS. 14 and 16. According to one embodiment, labels (e.g., street names, city names, etc.) appearing in a region-of-interest (e.g., 1404) in an online map (e.g., 1500) are relocated when a lens 410 is applied to the map 1500 to generate a detail-in-context presentation (e.g., 1600) so that the labels appear entirely within the focal region 420 of the lens 410 hence providing optimal text visibility to the user. Resizing of text fonts for the labels may also be performed. In this way, labels may be optimally placed and sized to improve legibility.
As is apparent from the above, detail-in-context lenses 410 provide techniques for specifying a region-of-interest (e.g., 1404). This can be useful for filtering search results in cases when there may be many more results than can be easily handled. For example, if a user searches for “pizza” parlors with their map view (e.g., 1412) specifying all of New York City, the number of results will likely be large and difficult to sort through. According to one embodiment, using a lens 410 a user can dynamically specify a region-of-interest 1404 within the map view 1412 to limit the search. The items 1414, 1422 (e.g., pizza parlor locations) included in the list 1402 of search results can be filtered (e.g., in real-time) to include solely those items 1414, 1422 that pertain to locations 1416, 1420 that are located within the focal region 420 or lens bounds 412 (i.e., 420, 430) of the lens 410.
The above described method (i.e., with respect to the proxy server implementation) may be summarized with the aid of a flowchart. FIG. 17 is a flowchart illustrating operations 1700 of modules 331 within the memory 330 of a proxy server 300 for providing a presentation (e.g., 1600) of a region-of-interest (e.g., 1404) within an original image (e.g., 1500) to a client, the original image 1500 being stored in a content server coupled to the proxy server and the client over a network.
At step 1702, the operations 1700 start.
At step 1704, in response to a request from the client for the presentation 1600, the original image 1500 from the content server is received at the proxy server 300.
At step 1706, a lens 410 is applied to the original image 1500 to produce the presentation 1600 at the proxy server 300, the lens 410 having a focal region 420 with a magnification for the region-of-interest 1404 at least partially surrounded by a shoulder region 430 where the magnification diminishes.
At step 1708, the presentation 1600 is sent to the client.
At step 1710, the operations 1700 end.
In the above method, the original image may include one or more tile images. The lens 410 may be applied to tile images corresponding to the region-of-interest 1404 to produce lensed tile images and the presentation 1600 may be produced by combining the lensed tile images with tile images corresponding to the original image beyond the region-of-interest (e.g., 1406). The original image 1500 may be a map image. The method may further include receiving one or more signals from the client to adjust the lens 410. The client may be adapted to display the presentation 1600 on a display screen (e.g., 340). The step of applying may further include displacing the original image 1500 onto the lens 410 to produce a displacement and perspectively projecting the displacement onto a plane 201 in a direction 231 aligned with a viewpoint 240 for the region-of-interest 1404. The client may be adapted to receive the one or more signals through a graphical user interface (“GUI”) 400 displayed over the lens 410 in the presentation 1600. The GUI 400 may be configured to adjust the lens 410, e.g., through the use of icons (e.g., 440, 481, 482, 491, 1604, 1606). And, the network may be the Internet, the content server may be a web browser server, and the client may be a web browser.
Data Carrier Product.
The sequences of instructions which when executed cause the method described herein to be performed by the exemplary data processing system of FIG. 3 can be contained in a data carrier product according to one embodiment. This data carrier product can be loaded into and run by the exemplary data processing system of FIG. 3.
Computer Software Product.
The sequences of instructions which when executed cause the method described herein to be performed by the exemplary data processing system of FIG. 3 can be contained in a computer software product according to one embodiment. This computer software product can be loaded into and run by the exemplary data processing system of FIG. 3.
Integrated Circuit Product.
The sequences of instructions which when executed cause the method described herein to be performed by the exemplary data processing system of FIG. 3 can be contained in an integrated circuit product including a coprocessor or memory according to one embodiment. This integrated circuit product can be installed in the exemplary data processing system of FIG. 3.
Although embodiments have been described herein, it will be understood by those skilled in. the art that variations may be made thereto without departing from the spirit or the scope of the appended claims.

## Claims

1. A tangible computer-readable media device comprising instructions stored thereon that, in response to execution by a system, causes the system to perform operations comprising:
defining a line segment between geographic locations on an image of a digital map; and
distorting the image to give an appearance of a lens in response to the defining of at least one end of the line segment, the appearance of the lens including:
a focal region having a magnification of at least a portion of the line segment; and
a base region that surrounds the focal region and that includes a magnification that provides a continuous transition from the magnification of the focal region to the image.

2. The tangible computer-readable media device of claim 1, wherein at least one of the geographic locations is a street.

3. The tangible computer-readable media device of claim 1, wherein the distorting causes a street name to be revealed.

4. The tangible computer-readable media device of claim 1, wherein the focal region has a size and a shape and further comprising receiving one or more signals for adjusting at least one of the size, the shape, or a magnification of the focal region.

5. The tangible computer-readable media device of claim 1, wherein one or more signals are received through a GUI to define the line segment.

6. The tangible computer-readable media device of claim 1, wherein the instructions, in response to execution by the system, are configured to provide a graphical user interface (GUI) to adjust at least one of a size, a shape, or a magnification of the appearance of the lens.

7. The tangible computer-readable media device of claim 6, wherein the GUI includes at least one of:
a slide bar icon for adjusting a magnification for the appearance of the lens;
a slide bar icon for adjusting a degree of scooping for the appearance of the lens;
a bounding rectangle icon with at least one handle icon for adjusting a size or a shape for the focal region;
a bounding rectangle icon with at least one handle icon for adjusting a size or a shape for the base region;
a move icon for adjusting a location for the appearance of the lens on the line segment;
a pickup icon for adjusting a location for the base region within the original image; or
a fold icon for adjusting a location for the focal region relative to the base region.

8. The tangible computer-readable media device of claim 1, wherein the line segment is a straight line.