JP5241545B2 - Image display device, image display method, and computer program - Google Patents

Description

  The present invention relates to a technique for displaying an image by changing a display range.

  Conventionally, in a state where an image is displayed on the touch panel, when the user touches a point on the touch panel with a finger and quickly moves the finger while touching the touch panel, the user can move the finger even after releasing the finger from the touch panel. There is a technique for changing the image on the touch panel so that the image is sent along the direction in which the user moves the finger.

JP-A-6-332373

  However, when such a technique is used to move the display range of the map and display a map image of an area different from the area previously displayed on the touch panel, the user can It is difficult to grasp the positional relationship (direction and distance) between the front and rear display ranges. Such a problem is widespread when displaying images in different ranges based on a predetermined operation by the user.

  The present invention has been made in order to deal with at least a part of the above-described problems, and when displaying images of different ranges based on an operation by a user, two image regions displayed before and after the operation are displayed. The purpose is to enable the user to grasp the positional relationship.

SUMMARY An advantage of some aspects of the invention is to deal with at least a part of the problems described above, and the invention can be implemented as the following forms or application examples.
A display having a touch panel;
An image display device comprising: a display control unit that controls display of the display;
The display control unit
A second range image that does not overlap the first range is displayed on the display in response to a scroll operation for scrolling the screen display performed in a state where the first range image is displayed on the display. Can be displayed,
When displaying the image of the second range on the display, a positional relationship image showing a positional relationship between the first range and the second range can be displayed on the display,
The positional relationship image is an image of a range including the first range and the second range, and includes a first reference image representing the first range and a second range representing the second range. A reference image is an image that is represented on the display at the same scale according to the positional relationship between the first range and the second range,
The display control unit displays the positional relationship image on the display, and then displays the second range image at the same scale as the display of the first range image instead of the positional relationship image. An image display device for displaying on a display.

[Application Example 1]
A display having a touch panel;
An image display device comprising: a display control unit that controls display of the display;
The display control unit
The second range image can be displayed on the display in response to a scroll operation for scrolling the screen display performed in a state where the first range image is displayed on the display.
When displaying the image of the second range on the display, an image display that can display a positional relationship image indicating the positional relationship between the first range and the second range on the display. Device.

  According to such an aspect, the user can display the second range image displayed on the display after the scroll operation based on the first reference image and the second reference image before the scroll operation. It is possible to understand the positional relationship with respect to the first range of images.

Note that the process corresponding to the scroll operation is not always performed when the scroll operation is performed, but is performed when a predetermined first condition including the scroll operation is satisfied. can do.
Further, the second range may be a range different from the image of the first range.
The scroll operation can be, for example, an operation in which the user touches the touch panel and moves the contact portion.
Then, the display control unit displays the positional relationship image at a position at least partially overlapping with the range indicating the image of the first range on the display, and after displaying the positional relationship image, The image of the second range can be displayed in the range showing the image of the range.

[Application Example 2]
In the apparatus of Application Example 1,
The positional relationship image includes a first reference image representing the first range and a second reference image representing the second range in a positional relationship between the first range and the second range. Therefore, it is preferable that the images are represented at the same scale on the display.

  With this aspect, the user can determine the positional relationship between the second range image displayed on the display after the scroll operation and the first range image displayed before the scroll operation. You can understand more intuitively.

[Application Example 3]
In the apparatus of application example 2,
When the display control unit displays the first and second reference images on the display,
Displaying a background image in which at least one of the maximum value of brightness and the maximum value of saturation is low with respect to the image of the first range and the image of the second range in at least a part of the range of the display;
The first and second reference images are displayed as images having at least one of a maximum value of brightness and a maximum value of saturation within the range in which the background image is displayed. It is preferable.

  With such an aspect, the user can more easily visually recognize the first and second reference images. For this reason, even if the time for displaying the first and second reference images is shortened, the user can display the second range of images displayed on the display after the scroll operation and the first image displayed before the scroll operation. It is possible to understand the positional relationship with an image in one range.

  Note that the image in the first range that is used as a reference for color comparison can be an image that is displayed before the display of the first and second reference images. Further, the image in the second range that is used as a reference for color comparison can be an image that is displayed after the display of the first and second reference images.

[Application Example 4]
In the apparatus of Application Example 3,
When the display control unit displays the first and second reference images on the display,
An image of a range connecting the first range and the second range is displayed on the display so that a display range shifts from the first range to the second range,
When displaying the background image,
As the background image, in at least a part of the range of the display, an image in which at least one of lightness and saturation of a corresponding image portion is lower than the image of the first range and the image of the second range Thus, it is preferable that an image of a range connecting the first range and the second range is displayed.

  With such an aspect, the user can see on the display that the display shifts from the first range image to the second range image through the background image. For this reason, the user displays the image on the display before and after the scroll operation through both the image displayed as the background image and showing the transition state and the first and second reference images displayed prominently. It is possible to understand the positional relationship of images to be processed.

[Application Example 5]
In the apparatus of application example 4,
When the display control unit displays the first and second reference images on the display,
The distance between the first range and the second range is a distance that is 4 to 6 times the operation amount of the scroll operation when expressed in a scale when the image of the first range is displayed. And
The background image is 0.61 to 0.64 times larger than the range on the display on which the first range image is displayed;
The first reference image has a size of 0.11 to 0.14 times the range on the display on which the image of the first range is displayed,
The second reference image is 0.11 to 0.14 times larger than the range on the display on which the second range image is displayed.
Preferably, the first and second reference images are displayed on the display.

  In such an aspect, the background image does not occupy the entire displayable range of the display. For this reason, it is easy for the user to understand that the background image, the first reference image, and the second reference image are temporary displays rather than permanent displays. In addition, when the first and second reference images are displayed on the display according to the positional relationship between the first range and the second range, the size (smallness) is within the range of the background image. Thus, the first and second reference images can be displayed on the display with a size that is easily caught by the user.

  Note that the size of the image in the first range, which is the reference for size comparison, can be the size when displayed before the display of the first and second reference images.

  Note that the distance between the first range and the second range is 4.5 to 5 of the operation amount of the scroll operation when expressed in a scale when the map of the first range is displayed. The distance is preferably 5 times, and more preferably 4.8 to 5.2 times the operation amount of the scroll operation.

  The background image is more preferably displayed in the range of 0.62 to 0.63 times the range on the display on which the map of the first range is displayed, and 0.625 times ( More preferably, it is displayed in the range of (5/8 times). More preferably, the first reference image is displayed in a range of 0.12 to 0.13 times the range on the display on which the map of the first range is displayed, More preferably, it is displayed in the range of (1/8 times). More preferably, the second reference image is displayed in a range of 0.12 to 0.13 times the range on the display on which the map of the second range is displayed, More preferably, it is displayed in the range of (1/8 times).

  The range on the display where the map of the first range is displayed is preferably equal to the range on the display where the map of the second range is displayed.

  Moreover, it is preferable that the dimension when the distance between the first range and the second range is expressed by the scale of the map of the first range is 4 to 6 times the operation amount of the scroll operation. . And the dimension when the distance of the 1st range and the 2nd range is expressed with the scale of the map of the 1st range is 4.5 times-5.5 times to the amount of operations of scroll operation. More preferably, it is more preferably 5 times.

[Application Example 6]
In any one of the application examples 2 to 5,
The display control unit further includes:
In the state where the image in the first range is displayed, the first and second operations are performed in response to a drag operation that scrolls the screen display and takes longer time to touch the touch panel than the scroll operation. Without displaying the reference image, the third range image can be displayed on the display,
The ratio of the distance between the third range and the first range to the operation amount of the drag operation is greater than the ratio of the distance between the second range and the first range to the operation amount of the scroll operation. A small aspect is preferable.

  According to such an aspect, when the user quickly performs a scroll operation, the amount of movement of the map with respect to the operation amount is large, so that a map in a range far from the current display range can be displayed on the display. . When the user performs a drag operation slowly, the map movement amount with respect to the operation amount is small, so that a map in a desirable range nearby can be displayed according to a delicate operation performed by the user. Note that the third range is preferably a range different from the first range.

  The process corresponding to the drag operation is not always performed when the drag operation is performed, but is performed when a predetermined second condition including the drag operation is satisfied. can do. At this time, the first condition related to the scroll operation may include that the operation of touching the touch panel and scrolling the screen display is performed in a time shorter than the first threshold value. The second condition related to the drag operation is that the operation of touching the touch panel and scrolling the screen display is performed for a time equal to or longer than the second threshold value (a value equal to or greater than the first threshold value). Can be included.

  The “distance between the third range and the first range” and the “distance between the second range and the first range” are the abbreviations in which the shapes of the first to third ranges are the same. In the case of a rectangular shape, it is measured by the distance between the intersections of diagonal lines connecting the vertices of the rectangle.

  And displaying a map of the range connecting the first range and the second range on the display in order so that the display range shifts from the first range to the third range. Is preferred.

[Application Example 7]
The present invention can also be realized by the following application examples.
A method of displaying a map on a display equipped with a touch panel,
(A) displaying a map of the first range on a display equipped with a touch panel;
(B) In a state where the map of the first range is displayed, when a first condition including that the user performs a scroll operation to touch the touch panel and move the contact portion is satisfied, Displaying a map of a second range different from the first range on the display in response to the scroll operation,
The step (b)
(B1) A first reference image representing the first range and a second reference image representing the second range, according to a positional relationship between the first range and the second range, Displaying the same scale on the display;
(B2) stopping the display of the first and second regions and displaying the map of the second range on the display.

  According to such an aspect, the user displays the map of the second range displayed on the display after the scroll operation based on the first reference image and the second reference image before the scroll operation. It is possible to understand the positional relationship with respect to the map in the first range.

In Application Example 7,
A scale for the first range of the first reference image;
A scale relative to the second range of the second reference image;
The first and second reference images are displayed on the display so that a distance between the first and second reference images matches a scale with respect to a distance between the first and second ranges. Is preferably displayed.

  In this manner, the user can determine the positional relationship between the map of the second range displayed on the display after the scroll operation and the map of the first range displayed before the scroll operation. You can understand more intuitively.

  The present invention can be realized in various forms, for example, an image display method and an image display device, a map display method and a map display device, and a computer program for realizing the functions of these methods or devices. Further, it can be realized in the form of a recording medium or the like on which the computer program is recorded.

The figure which shows the hardware constitutions of the map display system which is 1st Example of this invention. The flowchart which shows the process of the mobile telephone 200 at the time of displaying a map in a present Example. The figure which shows the example of a map display of the display panel 202 in FIG.2 S10. The figure which shows map Ma of the wider range including the range of the map currently displayed on the display panel 202 in FIG. The figure which shows the example of a display of the display panel 202 in FIG.2 S50. The figure which shows the example of the display of the map of the display panel 202 in FIG.2 S70.

A. Example:
A1. overall structure:
FIG. 1 is a diagram showing a hardware configuration of a map display system according to the first embodiment of the present invention. The map display system of the first embodiment includes a mobile phone 200 and a server 170.

  The mobile phone 200 includes a display panel 202, an audio output unit 203, a vibration mechanism 204, a communication unit 205, a command input unit 206, a clock unit 209, a main control unit 210, and a call control unit 220. doing.

  The display panel 202 is a liquid crystal display that can display an image. The display panel 202 includes a touch panel that can receive an instruction from a user by touching a part of the panel in accordance with a displayed image. Specifically, the display panel 202 is configured by overlaying a transparent touch panel on a liquid crystal display. For example, the user can perform an operation for controlling the display of an image by pressing the surface of the display panel 202 with a finger or moving the finger in contact with the surface of the display panel 202.

  In this specification, “image” is a concept that includes characters, symbols, and the like in addition to narrowly defined images. For example, “image” includes a document expressed in each main format such as PDF. That is, in this specification, “image” includes any object that can be expressed in two dimensions. In the present embodiment, the technical contents will be described using a map as an example of an image. However, for example, this technique can also be applied to the case where only a part of the document data is displayed on the screen and the other part is displayed according to the scroll operation.

  Note that as the display panel 202, various types of touch panels such as a pressure-sensitive type and an electrostatic type can be employed. For example, “resistance film method (analog resistance film method)”, “capacitance method”, “ultrasonic surface acoustic wave method” using surface acoustic waves that propagate as physical vibrations on the surface of glass, etc., glass surface `` Acoustic pulse recognition method '' that detects the touch position using acoustic waves that propagate through the screen, `` Vibration detection method (DST) '' that detects the physical vibration caused by touch on the touch surface, and finds the position "Infrared light shielding method" that detects light-shielded parts by providing light-emitting and light-receiving parts on the vertical and horizontal walls of the panel, and receives the electromagnetic energy on the panel side by touching with a special pen that can generate a magnetic field. "Electromagnetic induction method" to detect the position of the finger, and images such as a finger touching with a plurality of image sensors located mainly in the corner near the screen, and the touch position and touch from the image analysis results The “image recognition method” that determines whether the object has changed, the “electrostatic sensor method” that uses the characteristic that the capacitance of the electrode increases when an object whose capacitance changes near the sensor electrode, and the LCD itself is directly connected to the image sensor. Various methods such as “LCD with built-in optical sensor” can be adopted.

  The command input unit 206 includes cursor keys 206b as hardware. The user inputs information to the mobile phone 200 not only by the display panel 202 as a touch panel but also by moving the cursor by pressing the peripheral part of the cursor key 206b and pressing the center part of the cursor key 206b. can do.

  The voice output unit 203 is a device that includes a speaker, and is a device that can output a message to a user such as route guidance, a melody, and the like by voice. The vibration mechanism 204 is a device that can prompt the user's attention with a predetermined pattern of vibration.

  The communication unit 205 can communicate with the server 170 and transmit / receive information via the Internet INT as a communication network. In addition to the Internet, the communication network includes a LAN, a WAN, a public line, and the like. The call control unit 220 is a circuit that performs an incoming call for a call, a voice / electrical signal conversion, and the like. The clock unit 209 outputs current time information indicating the current time in response to a request from the main control unit 210.

  The main control unit 210 is a control unit for controlling each unit of the mobile phone 200. The main control unit 210 includes a CPU 211, a RAM 212, and a ROM 213 that are used for these controls. For example, the main control unit 210 can control each unit of the mobile phone 200 by executing the application software 230 on the CPU to perform various processes, and can transmit information from the mobile phone 200 to the server 170. Thus, the server 170 can perform various processes.

  The server 170 includes a communication unit 172, a control unit 174, and a storage unit 176. The storage unit 176 stores a map database 178. The server 170 can communicate with the mobile phone 200 via the communication unit 172 and the Internet INT. Based on the data request received from the mobile phone 200, the control unit 174 of the server 170 refers to the map image data in the map database 178 and extracts map image data representing a map of the area requested by the mobile phone 200. Then, the cut map image data is transmitted to the mobile phone 200 via the communication unit 172.

  The display panel 202 in this embodiment corresponds to a “display”. The main control unit 210 in this embodiment corresponds to a “display control unit”.

A2. Map display:
FIG. 2 is a flowchart showing processing of the mobile phone 200 (more specifically, the main control unit 210) when displaying a map in the present embodiment. In step S <b> 10, the main control unit 210 of the mobile phone 200 displays a map of a range on the display panel 202. In step S10, the map is displayed in color (chromatic color).

  FIG. 3 is a diagram showing an example of a map display on the display panel 202 in step S10 of FIG. A road R01 is displayed on the map displayed on the display panel 202. Actually, characters such as intersection names and facility names are displayed on the map of the display panel 202, but in the drawings of the present application, illustrations of characters on the map are omitted for easy understanding of the technology. To do. In addition, the function part of the main control part 210 which implement | achieves the process of step S10 is shown in FIG. 1 as "1st map display part 231."

  In step S20 of FIG. 2, whether or not the main control unit 210 of the mobile phone 200 has performed an operation (referred to as “movement operation” in this specification) for moving the contact portion while keeping in contact with the touch panel. Determine. If a move operation has been performed, the process proceeds to step S30. If the moving operation has not been performed, the process returns to step S10, and the same map is continuously displayed on the display panel 202.

  FIG. 3 shows an example of a moving operation performed by the user. Here, it is assumed that the user first touches the position Pf1 of the display panel 202 as a touch panel with a finger. Then, it is assumed that the user moves his / her finger while keeping the state in contact with the display panel 202 (see arrow Sw01), and releases the finger from the display panel 202 at the position Pf2. It is assumed that the time required in the meantime was 0.2 seconds. Thus, the moving operation performed in a relatively short time is referred to as “scrolling operation” in this specification. On the other hand, a moving operation performed in a longer time than a scroll operation is referred to as a “drag operation” in this specification.

  In step S30 of FIG. 2, the main control unit 210 determines whether or not the time ts during which the moving operation has been performed is smaller than a predetermined threshold value Th1 (for example, 0.5 seconds). The time ts when the moving operation is performed includes information on presence / absence of contact of the display panel 202 by the user obtained from the display panel 202 and start and end times of contact of the display panel 202 by the user obtained from the clock unit 209. Based on the information, the main control unit 210 calculates.

  When the time ts when the moving operation is performed is smaller than the predetermined threshold Th1 (step S30: Yes), the process proceeds to step S40. When the time ts during which the moving operation is performed is equal to or greater than the predetermined threshold Th1 (step S30: No), the process proceeds to step S80. As described above, if the time required for the moving operation is 0.2 seconds, the process proceeds to step S40. Note that the determination performed in step S30 is a determination as to whether the movement operation performed by the user is a scroll operation (step S30: Yes) or a drag operation (step S30: No).

  In step S40, the main control unit 210 determines the range of the map to be finally displayed according to the scroll operation according to the movement operation. More specifically, the main control unit 210 determines a map range to be displayed based on the direction of the movement operation and the amount of movement.

  FIG. 4 is a diagram showing a map Ma having a wider range including the map range Ad0 displayed on the display panel 202 in FIG. In FIG. 4, R01 to R04 are roads. Pc1 to Pc3 are facilities such as buildings. Rv01 is a river. In FIG. 4, the range of the map displayed in FIG. 3 is indicated by Ad0. Further, the center of the rectangular range Ad0 is indicated as Dc0. Further, the range of the map to be displayed, which is determined in step S40, is indicated by Ad1. The center of the rectangular range Ad1 is indicated as Dc1.

  In step S40 in FIG. 2, a range Ad1 that is at a distance Dm away from the direction in which the movement operation Sw01 is performed is 180 degrees is determined as a map range to be displayed (arrow in FIG. 4). Am reference). Here, since the moving operation Sw01 is performed leftward in the horizontal direction in FIG. 4, the range Ad1 is at a rightward position in the horizontal direction with respect to the range Ad0 in FIG. 4 as indicated by an arrow Am. Further, the distance Dm is a distance that is C1 times as large as the operation amount Ds of the movement operation Sw01 (C1> 1, for example, C1 = 5) when expressed in the scale of the map displayed in step S10. .

  FIG. 5 is a diagram showing an example of display on the display panel 202 in step S50 of FIG. In step S50, the main control unit 210 sequentially changes the range of the map displayed on the display panel 202 so as to move in the direction from the range Ad0 to the range Ad1 (see arrow Am in FIG. 4 and arrow Amm in FIG. 5). ). As a result, a map of a range connecting the range Ad0 and the range Ad1 is sequentially displayed on the display panel 202. In this display, characters such as intersections and facility names on the map are not displayed. The “range connecting the range Ad0 and the range Ad1” is a range surrounded by the straight line connecting the corresponding vertices of the range Ad0 and the range Ad1 (indicated by a broken line in FIG. 4) and the range Ad0 and the range Ad1. .

  The scale when displaying the map of the range connecting the range Ad0 and the range Ad1 is maintained at the same value as the scale of the map displayed in step S10. As a result, each element in the map is displayed so as to flow in one direction (see arrow Amm in FIG. 5). The position where the road R01 is shown in the display of FIG. 3 is indicated by a one-dot chain line in FIG. Note that the mobile phone 200 obtains a predetermined range around the map range displayed in step S <b> 10 from the server 170 in advance and holds map image data in the RAM 212. However, when the range of the map determined in step S40 exceeds the range of the stored image data, the main control unit 210 requests the map data from the server 170, and obtains the map data from the server 170. receive.

  When a map of a range connecting the range Ad0 and the range Ad1 is displayed, the map is displayed as an achromatic color, that is, a monochrome image having only a density in the area Fi of the display panel 202 (see FIG. 5). Further, in the area Fi of the display panel 202, the map is displayed so that the maximum value of the brightness is smaller and the minimum value of the brightness is larger than the case where it is assumed that the image is displayed outside the area Fi. . As a result, in the area Fi of the display panel 202, a grayish map is displayed as a whole. On the other hand, outside the area Fi, the map is displayed with the same brightness and saturation as the map display in step S10.

  The area Fi of the display panel 202 is a range in which the range of the display panel 202 on which the map is displayed in step S10 is 5/8 with the center Dc0 of the range as the center. That is, the area Fi coincides with the center Dc0 of the range of the display panel 202 where the map was displayed in step S10, and the horizontal width is 5/5 of the horizontal width W of the range of the display panel 202 where the map was displayed in step S10. 8 Also, the height is 5/8 of the height H of the range of the display panel 202 on which the map was displayed in step S10.

  An achromatic map image displayed in the area Fi of the display panel 202 is referred to as a “background image Ib”. In contrast, a chromatic color map image displayed outside the area Fi of the display panel 202 is referred to as a “transition image It”. In FIG. 5, the road R01 of the transition image It displayed in color is indicated by a solid line, and the road R01 of the background image Ib displayed in achromatic color is indicated by a broken line. That is, as for the elements on the map, only the portion displayed in the area Fi is displayed in an achromatic color. The road R01 is shown in FIG. 5 for easy understanding of the technology. In the background image Ib and the transition image It as a moving image, the timing at which the road R01 is displayed at the position shown in FIG. The reference image F1 (described later) does not coincide with the timing displayed at the position shown in FIG.

  Further, a reference image F0 corresponding to the range where the map was displayed in step S10 is displayed as a green frame at the center of the region Fi. In the area Fi, the reference image F1 corresponding to the range of the map to be finally displayed according to the scroll operation is displayed as a red frame. The reference image F0 is reduced and displayed at a size that is 1/8 the size of the map displayed at step S10. The reference image F1 is reduced and displayed at a size that is 1/8 of the size of the map that is finally displayed in response to the scroll operation. Since the size and scale of the map finally displayed according to the scroll operation are the same as the size and scale on which the map was displayed in step S10, the reference images F0 and F1 have the same size and scale. Is displayed. That is, the horizontal width of the reference images F0 and F1 is W × 1/8, and the height is H × 1/8.

  The reference image F1 is displayed at the same scale according to the positional relationship of the map range Ad1 determined in step S40 with respect to the map range Ad0 displayed in step S10. Specifically, the reference image F1 is 1/8 times the distance Dm in a direction that is 180 degrees with respect to the direction in which the movement operation Sw01 is performed, that is, the operation amount (C1 of the operation amount in which the movement operation Sw01 is performed). It is displayed at a position separated by a distance of (1/8) times. Actually, in step S50, the reference image F1 is initially displayed at a position overlapping the reference image F0, and then moves toward a position reflecting the above-described positional relationship as shown in FIG. (See arrow Ams in FIG. 5) Finally, the display is as shown in FIG.

  In step S60 of FIG. 2, the main control unit 210 displays the background image Ib and the reference images F0 and F1 for a time td that exceeds a predetermined threshold value Thd (for example, 0.5 seconds) or the user. Determines whether another operation has been newly performed on the mobile phone 200. The main control unit 210 calculates the display time of the background image and the reference images F0 and F1 based on the time information obtained from the clock unit 209. If the time td exceeds a predetermined threshold Thd, or if the user newly performs another operation on the mobile phone 200 (step S60: Yes), the process proceeds to step S70. When the time td does not exceed the predetermined threshold Thd and the user has not performed another new operation on the mobile phone 200 (step S60: No), the process returns to step S50. That is, the background image and the reference images F0 and F1 are displayed on the display panel 202 for a maximum time Thd.

  FIG. 6 is a diagram showing an example of a map display on the display panel 202 in step S70 of FIG. In step S70 in FIG. 2, the display of the background image and the reference images F0 and F1 is stopped, and the map in the range determined in step S40 is displayed on the display panel 202 (see FIG. 6). In step S70, the map is displayed in color. In FIG. 6, the road R03 and the river Rv01 are displayed on the map displayed on the display panel 202 (see also the range Ad1 in FIG. 4). When the conditions of (Step S20: Yes) and (Step S30: Yes) are satisfied, the function unit of the main control unit 210 that realizes the processes of S40 to S70 is referred to as “second map display unit 232”. As shown in FIG.

  As described above, in this embodiment, the reference images F0 and F1 representing the range of the map where the map was displayed in step S10 and the range of the map displayed in step S70 in response to the scroll operation are the steps. It is displayed prior to the map display in S70 (see S50 in FIG. 2 and FIG. 5). For this reason, as a result of the scroll operation, even if a map of a range at a position away from the display range in step S10 is displayed in step S70, the user can grasp the positional relationship between the two.

  In particular, in step S70 of the present embodiment, a map in a range separated by C1 times (5 times) the operation amount of the moving operation is displayed. For this reason, it is highly possible that the maps displayed before and after the moving operation do not overlap. Therefore, in such an aspect, using the reference images F0 and F1 as shown in FIG. 5 is particularly effective for the user to grasp the sense of distance.

  In addition, when the background image Ib and the reference images F0 and F1 are displayed for a long time (see FIG. 5), the positional relationship of the map displayed before and after the scrolling operation is easily communicated to the user, while the next map is quickly viewed. Cannot meet the demands of users who want to. Therefore, it is not preferable to display the background image and the reference images F0 and F1 for a long time. In the present embodiment, the reference images F0 and F1 are displayed in a chromatic color within the range Fi of the achromatic background image Ib. For this reason, the user can easily grasp the positional relationship between the reference images F0 and F1 in a short time. Therefore, even if the reference images F0 and F1 are displayed for a short time (for example, 0.5 seconds at the maximum), the user can grasp the positional relationship between the maps displayed before and after the moving operation.

  On the other hand, in step S80 of FIG. 2, the main control unit 210 displays a map image by changing the display range so that the display of the map follows the portion where the user touches the display panel 202. In step S80, the map is displayed in color. Since such control is performed, the user can intuitively change the display range of the map on the display panel 202. In the control in step S80, the background image Ib and the reference images F0 and F1 are not displayed. When the conditions of (Step S20: Yes) and (Step S30: No) are satisfied, the functional unit of the main control unit 210 that realizes the processing of S80 is illustrated as a “third map display unit 233”. It is shown in 1.

  In step S80, the map image is displayed so that the map follows the portion where the user touches the display panel 202. Therefore, the ratio of the distance between the range of the map finally displayed in step S80 and the range of the map displayed in step S10 to the operation amount of the movement operation Sw01 is “1”. That is, the ratio of the distance between the range of the map finally displayed in step S80 and the range of the map displayed in step S10 to the operation amount of the movement operation Sw01 is the map finally displayed in step S70. Is smaller than the ratio C1 (C1> 1, here C1 = 5) of the distance between the range and the map range displayed in step S10 to the operation amount of the movement operation Sw01.

  In this embodiment, it is selected whether to perform display control to follow the contact portion (step S80) or to perform display control of FIG. 5 (steps S40 to S70) according to the time of the moving operation. (Step S30). For this reason, when the user performs a quick operation (scroll operation), a map in a farther range can be displayed, and when the user performs an operation (drag operation) slowly, A map of a range reflecting the amount of operation and the scanning direction can be displayed. Therefore, the convenience of the user when changing the display range of the map is high.

  Note that the background image Ib, the reference image F0, and the reference image F1 in this embodiment correspond to “positional images”. The reference image F0 corresponds to a “first reference image”, and the reference image F1 corresponds to a “second reference image”. It should be noted that the “positional image” can also include components other than the respective components shown in the present embodiment.

B. Variations:
The present invention is not limited to the above-described examples and embodiments, and can be implemented in various modes without departing from the gist thereof. For example, the following modifications are possible.

B1. Modification 1:
In the above embodiment, when a moving operation is performed, a map different from step S10 is displayed in the processing after step S40 or the processing in step S80 (see FIGS. 4 and 6). However, the conditions for displaying a map different from that in step S10 may include other conditions in addition to “moving operation performed”. For example, only when the mobile phone 200 is operating a map in a predetermined operation mode, it may be possible to proceed to a process of displaying a different map based on the moving operation. In addition, pressing a different part of the touch panel or pressing another hardware button can be included as a condition for proceeding to a process of displaying a different map based on the moving operation.

B2. Modification 2:
In the above embodiment, the map is displayed in chromatic colors in steps S10 and S70, and the background image Ib is displayed in achromatic color in step S50. However, the relationship between the map displayed in steps S10 and S70 and the background image Ib displayed in step S50 may be another relationship. For example, the background image Ib can be a moving image including a color image with reduced brightness with respect to the map displayed in step S10 or step S70. Further, the background image can be a moving image including a color image in which the maximum value of brightness is reduced and the minimum value of brightness is increased with respect to the map displayed in step S10 or step S70.

  Furthermore, although the background image Ib is not achromatic, it can be a moving image including a color image with reduced saturation with respect to the map displayed in step S10 or step S70. In addition, for the method of decreasing the saturation, for example, for each pixel, a method is adopted in which the average of the color of the pixel and the gray of a certain brightness or a value obtained by weighted averaging is newly set as the color of the pixel. can do. For example, the gradation values of red (R), green (G), and blue (B) representing gray are equal to each other (Vgr, Vgr, Vgr), and the gradation values of RGB representing the color of a certain pixel are ( Vr, Vg, Vb), the red gradation value of the pixel is (Vr + Vgr) / 2, the green gradation value is (Vg + Vgr) / 2, and the blue gradation value is (Vb + Vgr). / 2. Note that the method of reducing the saturation can be varied depending on the color. Furthermore, the method of reducing the saturation can be varied depending on the pixel position. That is, in the background image Ib, the color of each pixel can be displayed in a gray color rather than the color when it is assumed that the pixel is displayed as the transition image It. For example, a process that looks as if a semi-transparent gray sheet is superimposed on the region of the background image Ib is preferable.

  Further, the background image Ib is lighter (or more saturated) than a single-color gray image having a single lightness or the maximum lightness (or maximum saturation) of the map displayed in step S10 or step S70. ) Can also be a single color image. Furthermore, the background image Ib can be displayed with only a frame. However, the background image is preferably an image in which at least one of the maximum value of brightness and the maximum value of saturation is lower than the map displayed in step S10 or step S70.

  Note that when the background image is an image having a lower maximum value of brightness than the map displayed in steps S10 and S70, the first and second reference images have higher brightness than the background image. Alternatively, the saturation may be high, or both the lightness and saturation may be high. When the background image is an image having a low maximum saturation value relative to the map displayed in steps S10 and S70, the first and second reference images may have higher brightness than the background image. It may be good, the saturation may be high, or both the lightness and saturation may be high. That is, the relationship between brightness and saturation between the map and the background image displayed in steps S10 and S70, and the relationship between brightness and saturation between the first and second reference images and the background image are the first and second. As long as the two reference images are displayed as an image in which at least one of the maximum value of brightness and the maximum value of saturation is higher than that of the background image, any combination can be used. However, when the background image is an image having a lower saturation value than the map displayed in steps S10 and S70, the first and second reference images have higher saturation than the background image. Preferably there is.

  Moreover, in the said Example, a background image is displayed by the magnitude | size of 5/8 (namely, 0.625 times) of the range where a map is displayed on the display panel 202 (refer FIG. 5). However, the background image may have other sizes such as the entire range where the map is displayed on the display panel 202. However, the background image is more preferably displayed at 0.62 to 0.63 times the range on the display where the map is displayed, and may be displayed at 0.624 to 0.626 times. Further preferred.

  Further, in the above embodiment, when displaying a map of the range connecting the range Ad0 and the range Ad1, the background image Ib and the transition image It are displayed so as to move in the direction from the range Ad0 toward the range Ad1. The display at that time may be a display in which the display range appears to move continuously to the human eye, or a display to the extent that the human eye can see that the display range is discontinuous. That is, it may be displayed so as to appear as a continuous moving image to the human eye, or processing may be performed so that intermittent images different from each other appear to be displayed in order.

  In the above embodiment, the image F0 and the background image Ib are displayed at the center of the range where the image on the display panel 202 can be displayed. However, the image F0 and the background image Ib can also be displayed in other parts of the range where the image of the display panel 202 can be displayed. For example, in the lower right, lower left, upper right or upper left part of the area, the image F0, F1 and the background image Ib may be displayed smaller than FIG. With such an aspect, the user can view the scrolled map without being disturbed by the images F0 and F1 and the background image Ib. In such an aspect, the images F0 and F1 and the background image Ib can be displayed in steps S10 and S70 of FIG.

B3. Modification 3:
In the above embodiment, the first reference image F0 is displayed with a green frame, and the second reference image F1 is displayed with a red frame. However, the first and second reference images can be displayed in various other ways. For example, the first and second reference images may not be displayed as frames, but may be displayed as one or more colors that are higher in at least one of brightness and saturation than the background image. Each of the first and second reference images can be displayed in one color, or can be displayed in a plurality of colors. In addition, the first and second reference images may be displayed such that one of brightness and saturation is a value that is a predetermined value or more away from the background image. However, the first and second reference images are preferably images in which at least one of the maximum value of brightness and the maximum value of saturation is higher than the background image within the range in which the background image is displayed.

B4. Modification 4:
In step S80 of the above embodiment, the map is displayed so as to follow the contact portion of the display panel 202 by the user. However, other processing can be performed for a moving operation performed in a relatively long time (S30: No). For example, a process of moving the display range by a distance of C2 times (C2> 1) with respect to the operation amount can be performed. That is, in step S80 of the above embodiment, various processes can be performed as long as the first reference image F0 and the second reference image F1 are not performed. However, the coefficient C2 is preferably smaller than the coefficient C1 of the “map movement amount” with respect to the “operation amount of the movement operation” in steps S40 to S70.

  In the above-described embodiment, the coefficient C1 of “map movement amount” with respect to “scroll operation amount” in steps S40 to S70 is a fixed value “5”. However, the coefficient C1 can be a coefficient that varies depending on the speed of the moving operation. For example, the main control unit 210 can calculate the time ts when the moving operation is performed as described above. Further, the main control unit 210 can obtain the movement amount of the user's movement operation from the display panel 202. In the example of FIG. 3, the main control unit 210 can also be the representative point of the contact part Pf1 and the representative point of the contact part Pf2 (for example, the center of gravity of each contact part. Information on the position of the point can be obtained from the display panel 202, and the distance between them can be calculated. The main control unit 210 can calculate the speed of the movement operation (sweep operation) from the time ts when the movement operation is performed and the movement amount of the movement operation. The main control unit 210 can determine the coefficient C1 so that the value becomes larger as the speed of the moving operation becomes larger. For example, the coefficient C1 may be determined so as to be able to take a plurality of fixed values according to the speed range of the moving operation, or may be determined by a function using the speed of the moving operation as an input.

B5. Modification 5:
In the embodiment, the threshold value Th1 in step S30 is 0.5 seconds. However, whether the process for performing the first and second reference images is executed (see steps S40 to S70 in FIG. 2) or the process for not performing the first and second reference images is executed (step S80 in FIG. 2). The threshold value that serves as a determination criterion can be other values such as 0.2 seconds, 0.3 seconds, and 0.4 seconds. However, the threshold is preferably 0.3 to 0.6 seconds, and more preferably 0.45 to 0.55 seconds.

B6. Modification 6:
In the embodiment, the threshold value Thd in step S60 is 0.5 seconds. However, the threshold value that is the maximum time for performing the first and second reference images may be another value such as 0.3 seconds, 0.4 seconds, or 0.6 seconds. However, the threshold value is preferably 0.4 to 0.7 seconds, and more preferably 0.45 to 0.65 seconds.

B7. Modification 7:
Map image data as image data stored in the map database 178 of the server 170 may be stored as raster data or may be stored as vector data. The map image data transmitted to the mobile phone 200 as a terminal device carried by the user may be raster data or vector data. Further, either one of the map image data in the map database 178 and the map image data transmitted to the terminal device can be vector data and the other can be raster data.

B8. Modification 8:
In the said Example, a map display system contains the server 170 and the mobile telephone 200 as the component. However, the mobile phone 200 as a terminal may be, for example, a PDA (Personal Data Assistant), a portable image display device having an image display function, a notebook computer, or the like as a device not having a telephone function. it can. In addition, the terminal may include a GPS unit that can generate current position information representing the current position of the terminal based on radio waves received from GPS (Global Positioning System) satellites. preferable.

  The server 170 may be a single server or may be realized by a plurality of servers connected via a network. That is, the image display device may be one device in which each component is housed in one housing. The image display device can also be configured as two or more devices whose constituent elements are connected to each other via a data communication line. For each function realized by the image display device, one or more arbitrary functions can be assigned to each device. Each function may be realized by one device, or two or more devices may be realized in cooperation. In an aspect in which two or more components are connected by a communication line, the output unit that outputs information to the user is preferably carried by the user.

B9. Modification 9:
In the above embodiment, a part of the configuration realized by hardware may be replaced with software, and conversely, a part of the configuration realized by software may be replaced by hardware. For example, the mobile phone 200 may be configured not to include the command input unit 206 as a hardware key.

  A computer program for realizing such a function is provided in a form recorded on a computer-readable recording medium such as a floppy disk or a CD-ROM. The host computer reads the computer program from the recording medium and transfers it to the internal storage device or the external storage device. Alternatively, the computer program may be supplied from the program supply device to the host computer via a communication path. When realizing the function of the computer program, the computer program stored in the internal storage device is executed by the microprocessor of the host computer. Further, the host computer may directly execute the computer program recorded on the recording medium.

  In this specification, the host computer is a concept including a hardware device and an operation system, and means a hardware device that operates under the control of the operation system. The computer program causes such a host computer to realize the functions of the above-described units. Note that some of the functions described above may be realized by an operation system instead of an application program.

  In the present invention, the “computer-readable recording medium” is not limited to a portable recording medium such as a flexible disk or a CD-ROM, but an internal storage device in a computer such as various RAMs and ROMs, An external storage device fixed to a computer such as a hard disk is also included.

DESCRIPTION OF SYMBOLS 170 ... Server 172 ... Communication part 174 ... Control part 176 ... Memory | storage part 178 ... Map database 200 ... Mobile phone 202 ... Display panel (touch panel)
203 ... voice output unit 204 ... vibration mechanism 205 ... communication unit 206 ... command input unit 206b ... cursor key 209 ... clock unit 210 ... main control unit 211 ... CPU
212 ... RAM
213 ... ROM
220 ... Call control unit 230 ... Application software Ad0 ... First range Ad1 ... Second range Am ... Arrow representing movement from range Ad0 to range Ad1 Amm ... Arrow representing movement of displayed image Ams ... Display panel 202 Arrow indicating the movement of the reference image F1 in the above display Dc0: Center of the range Ad0 Dc1 ... Center of the range Ad1 F0 ... First reference image F1 ... Second reference image Fi ... Area where the background image Ib is displayed INT ... Internet Ib ... Background image It ... Transition image Ma ... A wider range of map including the range of the map displayed on the display panel 202 Pf1 ... Position where the user touches the display panel Pf2d ... The user lifts his finger from the display panel R01-R03 ... Road Rv01 ... River Sw01 ... Arrow indicating movement operation

Claims (7)

A display having a touch panel;
An image display device comprising: a display control unit that controls display of the display;
The display control unit
A second range image that does not overlap the first range is displayed on the display in response to a scroll operation for scrolling the screen display performed in a state where the first range image is displayed on the display. Can be displayed,
When displaying the image of the second range on the display, a positional relationship image showing a positional relationship between the first range and the second range can be displayed on the display ,
The positional relationship image is an image of a range including the first range and the second range, and includes a first reference image representing the first range and a second range representing the second range. a reference image according to the positional relationship of the second range and the first range, Ri image der representing the same scale on the display,
The display control unit displays the positional relationship image on the display, and then displays the second range image at the same scale as the display of the first range image instead of the positional relationship image. Ru is displayed on a display, the image display device. The apparatus of claim 1 , comprising:
When the display control unit displays the first and second reference images on the display,
Displaying a background image in which at least one of the maximum value of brightness and the maximum value of saturation is low with respect to the image of the first range and the image of the second range in at least a part of the range of the display;
The apparatus which displays the said 1st and 2nd reference image as an image in which at least one of the maximum value of brightness and the maximum value of saturation is higher than the said background image within the range where the said background image is displayed. The apparatus of claim 2, comprising:
When the display control unit displays the first and second reference images on the display,
An image of a range connecting the first range and the second range is displayed on the display so that a display range shifts from the first range to the second range,
When displaying the background image,
As the background image, in at least a part of the range of the display, an image in which at least one of lightness and saturation of a corresponding image portion is lower than the image of the first range and the image of the second range An apparatus for displaying an image of a range connecting the first range and the second range. The apparatus of claim 3, wherein
When the display control unit displays the first and second reference images on the display,
The distance between the first range and the second range is a distance that is 4 to 6 times the operation amount of the scroll operation when expressed in a scale when the image of the first range is displayed. And
The background image is 0.61 to 0.64 times larger than the range on the display on which the first range image is displayed;
The first reference image has a size of 0.11 to 0.14 times the range on the display on which the image of the first range is displayed,
The second reference image is 0.11 to 0.14 times larger than the range on the display on which the second range image is displayed.
An apparatus for displaying the first and second reference images on the display. An apparatus according to any one of claims 1 to 4,
The display control unit further includes:
In the state where the image in the first range is displayed, the first and second operations are performed in response to a drag operation that scrolls the screen display and takes longer time to touch the touch panel than the scroll operation. Without displaying the reference image, an image in a third range different from the first range can be displayed on the display,
The ratio of the distance between the third range and the first range to the operation amount of the drag operation is greater than the ratio of the distance between the second range and the first range to the operation amount of the scroll operation. Small, equipment. A method for displaying an image on a display having a touch panel,
(A) In response to a scroll operation for scrolling the screen display performed in a state where an image of the first range is displayed on the display, an image of the second range that does not overlap with the first range is displayed. Displaying on the display;
(B) a step of displaying a positional relationship image indicating a positional relationship between the first range and the second range on the display when displaying the image of the second range , the positional relationship The image is an image of a range including the first range and the second range, and includes a first reference image representing the first range, a second reference image representing the second range, the, according to the position relationship between the second range and the first range, see containing and an image der Ru step represented by the same scale on said display,
In the step (a), after the step (b), instead of the positional relationship image, the second range image is displayed on the display at the same scale as the display of the first range image. A method comprising the step of : A computer program for displaying an image on the display in a computer including a display with a touch panel,
A second range image that does not overlap the first range is displayed on the display in response to a scroll operation for scrolling the screen display performed in a state where the first range image is displayed on the display. A first function to display;
A second function for displaying a positional relationship image indicating a positional relationship between the first range and the second range on the display when displaying the second range image , the positional relationship; The image is an image of a range including the first range and the second range, and includes a first reference image representing the first range, a second reference image representing the second range, the, according to the position relationship between the second range and the first range, the second functional Ru image der representing the same scale on the display,
Can be realized on a computer ,
In the first function, after the positional relationship image is displayed on the display, the second range image is displayed at the same scale as the display of the first range image instead of the positional relationship image. A computer program including a function of displaying a message on the display .

Images