JP2009265957A - Display control method and program - Google Patents

Display control method and program Download PDF

Info

Publication number
JP2009265957A
JP2009265957A JP2008114948A JP2008114948A JP2009265957A JP 2009265957 A JP2009265957 A JP 2009265957A JP 2008114948 A JP2008114948 A JP 2008114948A JP 2008114948 A JP2008114948 A JP 2008114948A JP 2009265957 A JP2009265957 A JP 2009265957A
Authority
JP
Japan
Prior art keywords
content
map image
display
information
displayed
Prior art date
Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
Granted
Application number
JP2008114948A
Other languages
Japanese (ja)
Other versions
JP4851487B2 (en
Inventor
Makoto Nakano
信 中野
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Yahoo Japan Corp
Original Assignee
Yahoo Japan Corp
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by Yahoo Japan Corp filed Critical Yahoo Japan Corp
Priority to JP2008114948A priority Critical patent/JP4851487B2/en
Publication of JP2009265957A publication Critical patent/JP2009265957A/en
Application granted granted Critical
Publication of JP4851487B2 publication Critical patent/JP4851487B2/en
Expired - Fee Related legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Images

Landscapes

  • Instructional Devices (AREA)
  • Processing Or Creating Images (AREA)
  • Information Retrieval, Db Structures And Fs Structures Therefor (AREA)
  • User Interface Of Digital Computer (AREA)

Abstract

<P>PROBLEM TO BE SOLVED: To provide a display control method and a program, for achieving a visually excellent display form without damaging the visibility of a map image when displaying information relating to contents to which position information is added on a screen in relation to the map image. <P>SOLUTION: When displaying the information relating to the contents to which the position information is added on the screen, a virtual space stipulated by a ground space and a sky space is set on the screen, and the map image including a spot corresponding to the position information added to the contents is drawn in the ground space. Then, a display area for displaying the content information is set on the sky space (area not overlapped with the drawing area of the map image), and the content information is displayed in the set display area in such a form that it can be recognized that the contents are related to the corresponding spot. <P>COPYRIGHT: (C)2010,JPO&INPIT

Description

本発明は、コンテンツに関する情報(例えば、ウェブページに含まれる情報等)を画面上に表示するための表示制御方法及びプログラムに関し、特に、ポータルサイト等における検索結果画面を表示する際に好適な技術に関する。   The present invention relates to a display control method and program for displaying information related to content (for example, information included in a web page) on a screen, and in particular, a technique suitable for displaying a search result screen on a portal site or the like. About.

従来、コンピュータ、携帯電話、TV、ビデオカメラ等、身近な電子機器の操作手段として、グラフィカルユーザインターフェース(GUI:Graphical User Interface)が採用されている。GUIとは、グラフィックを多用した表示画面によりユーザに情報を提供するとともに、大半の操作をマウス等のポインティングデバイスによって直接的に行うことができるユーザインターフェースである。
近年では、デザイン性だけでなく、電子機器の高機能化に対応できる操作性に優れたGUIが要求されている。
2. Description of the Related Art Conventionally, a graphical user interface (GUI) has been adopted as an operation unit for familiar electronic devices such as a computer, a mobile phone, a TV, and a video camera. The GUI is a user interface that provides information to the user through a display screen that uses a lot of graphics, and can perform most operations directly with a pointing device such as a mouse.
In recent years, there is a demand for a GUI that is excellent not only in design but also in operability that can cope with higher functionality of electronic devices.

例えば、インターネット上で配信されている情報(例えば、ウェブページに含まれる情報)を検索キーワード等の検索条件によって検索し、その検索結果を表示する場合、検索により抽出された情報の属性をユーザが視認しやすい態様で表示する技術が提案されている(例えば、特許文献1〜3)。特に、特許文献1、2では、画面上に仮想的な三次元空間を設定し、この三次元空間上に検索結果を配置することにより視覚的に優れたGUIを実現している。
また、不動産物件の検索のように、検索対象となる情報が位置情報(例えば、緯度・経度又は住所等)を含む場合に、地図画像上に検索結果(不動産分布)を表示する技術が提案されている(例えば、特許文献4)。
特開2004−355286号公報 特開2002−56411号公報 特開2000−305946号公報 特開2002−123589号公報
For example, when information distributed on the Internet (for example, information contained in a web page) is searched according to a search condition such as a search keyword and the search result is displayed, the user can select the attribute of the information extracted by the search. Techniques for displaying in an easily visible manner have been proposed (for example, Patent Documents 1 to 3). In particular, in Patent Documents 1 and 2, a visually superior GUI is realized by setting a virtual three-dimensional space on the screen and arranging search results on the three-dimensional space.
In addition, a technique for displaying a search result (real estate distribution) on a map image when information to be searched includes position information (for example, latitude / longitude or address) as in the search for real estate properties has been proposed. (For example, Patent Document 4).
JP 2004-355286 A JP 2002-56411 A JP 2000-305946 A JP 2002-123589 A

しかしながら、特許文献4では、地形を平面視した一般的な地図画像上に検索結果を表示するため、検索結果が複数に及ぶと、地図画像上に複数のテキスト(例えば、不動産名)やマーク(例えば、不動産の種類に応じたアイコン)が表示されることとなる。そのため、テキストやマークにより地図画像が覆われてしまい、地図内容が認識困難となる上、地図画像上の対応位置と検索結果との関係もわからなくなる虞がある。   However, in Patent Document 4, since a search result is displayed on a general map image obtained by planarly viewing the terrain, when a plurality of search results are obtained, a plurality of texts (for example, real estate names) and marks ( For example, an icon corresponding to the type of real estate) is displayed. For this reason, the map image is covered with text and marks, making it difficult to recognize the map contents, and the relationship between the corresponding position on the map image and the search result may not be understood.

本発明は、位置情報が付加されているコンテンツに関する情報を、地図画像に関連付けて画面上に表示する際に、地図画像の視認性が損なわれることなく、視覚的に優れた表示態様を実現できる表示制御方法及びプログラムを提供することを目的とする。   The present invention can realize a visually superior display mode without impairing the visibility of a map image when displaying information on content to which position information is added in association with the map image on the screen. It is an object to provide a display control method and program.

上記目的を達成するため、請求項1に記載の発明は、位置情報が付加されているコンテンツに関する情報を画面上に表示するための表示制御方法であって、
前記画面上に地上空間と上空空間とにより規定される仮想的な空間を設定し、
前記位置情報に対応する地点を含む地図画像を前記地上空間に描画し、
前記コンテンツに関する情報を表示する表示領域を前記上空空間上に設定し、
前記コンテンツが前記対応地点と関連付けられていることを認識可能な態様で、当該コンテンツに関する情報を前記設定された表示領域に表示することを特徴とする。
In order to achieve the above object, the invention described in claim 1 is a display control method for displaying information on a content to which position information is added on a screen,
A virtual space defined by the ground space and the sky space is set on the screen,
Draw a map image including the point corresponding to the position information in the ground space,
A display area for displaying information related to the content is set on the sky space,
Information relating to the content is displayed in the set display area in a manner capable of recognizing that the content is associated with the corresponding point.

請求項2に記載の発明は、請求項1に記載の表示制御方法において、
前記コンテンツの表示領域と前記地図画像上の対応地点とは、前記対応地点を基点とする引き出し線により結ばれていることを特徴とする。
The invention according to claim 2 is the display control method according to claim 1,
The display area of the content and the corresponding point on the map image are connected by a lead line having the corresponding point as a base point.

請求項3に記載の発明は、請求項1に記載の表示制御方法において、
前記コンテンツの表示領域を囲むように前記地図画像上の対応地点から発された吹き出し枠を前記上空空間上に表示することを特徴とする。
The invention according to claim 3 is the display control method according to claim 1,
A balloon frame emitted from a corresponding point on the map image is displayed in the sky space so as to surround the content display area.

請求項4に記載の発明は、請求項1から3のいずれか一項に記載の表示制御方法において、複数のコンテンツに関する情報を表示する場合に、コンテンツごとに表示色を異ならせることを特徴とする。   According to a fourth aspect of the present invention, in the display control method according to any one of the first to third aspects, when information related to a plurality of contents is displayed, the display color is varied for each content. To do.

請求項5に記載の発明は、請求項1から4のいずれか一項に記載の表示制御方法において、ユーザ操作に基づいて、前記表示領域の表示位置を変更可能であることを特徴とする。   According to a fifth aspect of the present invention, in the display control method according to any one of the first to fourth aspects, the display position of the display area can be changed based on a user operation.

請求項6に記載の発明は、請求項1から5のいずれか一項に記載の表示制御方法において、前記コンテンツに関連する広告情報を、当該コンテンツに関する情報とともに前記表示領域に表示することを特徴とする。   The invention according to claim 6 is the display control method according to any one of claims 1 to 5, wherein advertisement information related to the content is displayed in the display area together with information related to the content. And

請求項7に記載の発明は、請求項1から6のいずれか一項に記載の表示制御方法において、前記地図画像が複数の地域に区画されている場合、
前記地図画像内の特定の地域を拡大表示するためのユーザ操作に基づいて、前記地図画像の表示を保持したまま、前記地図画像が描画されている上空空間上に、前記選択された地域の拡大地図画像を描画し、
前記地図画像及び前記拡大地図画像の何れの描画領域とも重ならない上空空間において、前記コンテンツに関する情報を表示する表示領域を設定することを特徴とする。
The invention according to claim 7 is the display control method according to any one of claims 1 to 6, wherein the map image is divided into a plurality of regions.
Based on a user operation for enlarging and displaying a specific area in the map image, the enlargement of the selected area is performed on the sky space in which the map image is drawn while maintaining the display of the map image. Draw a map image,
A display area for displaying information related to the content is set in an upper space that does not overlap any drawing area of the map image and the enlarged map image.

請求項8に記載の発明は、請求項1から7のいずれか一項に記載の表示制御方法において、前記上空空間上に表示された前記コンテンツに関する情報を、ユーザ操作に応じて非表示にさせることを特徴とする。   The invention according to claim 8 is the display control method according to any one of claims 1 to 7, wherein the information related to the content displayed in the sky space is hidden according to a user operation. It is characterized by that.

請求項9に記載の発明は、位置情報が付加されているコンテンツに関する情報を画面上に表示するためのプログラムであって、
前記画面上に地上空間と上空空間とにより規定される仮想的な空間を設定する機能と、
前記位置情報に対応する地点を含む地図画像を前記地上空間に描画する機能と、
前記コンテンツに関する情報を表示する表示領域を前記上空空間上に設定する機能と、
前記コンテンツが前記対応地点と関連付けられていることを認識可能な態様で、当該コンテンツに関する情報を前記設定された表示領域に表示する機能と、
をコンピュータに実現させることを特徴とする。
The invention according to claim 9 is a program for displaying information on content to which position information is added on a screen,
A function of setting a virtual space defined by the ground space and the sky space on the screen;
A function of drawing a map image including a point corresponding to the position information in the ground space;
A function for setting a display area for displaying information related to the content on the sky space;
A function of displaying information related to the content in the set display area in a manner capable of recognizing that the content is associated with the corresponding point;
Is realized by a computer.

本発明によれば、位置情報が付加されているコンテンツに関する情報を、地図画像に関連付けて画面上に表示する際に、地図画像の視認性が損なわれることなく、視覚的に優れた表示態様を実現できる。   According to the present invention, when information related to content to which position information is added is displayed on a screen in association with a map image, a visually superior display mode is achieved without impairing the visibility of the map image. realizable.

以下、本発明の実施の形態を図面に基づいて説明する。
図1は、本実施形態に係るネットワーク構成について示す概略図である。
本実施形態では、サーバ1からクライアント2に、ネットワークNを介してコンテンツ(例えば、ウェブページ等)を提供し、クライアント2においてコンテンツを利用する場合について示している。
Hereinafter, embodiments of the present invention will be described with reference to the drawings.
FIG. 1 is a schematic diagram showing a network configuration according to the present embodiment.
In the present embodiment, a case where content (for example, a web page) is provided from the server 1 to the client 2 via the network N and the content is used in the client 2 is shown.

図1に示すように、サーバ1には、通信ネットワークNを介してクライアント2(例えば、パーソナルコンピュータ2a、携帯電話2b等)が接続されている。
通信ネットワークNは、インターネットや電気通信事業者等の電話回線網、携帯電話通信網等であり、当該通信ネットワークNに接続するサーバ1とクライアント2の間を、データ通信可能に接続する。
As shown in FIG. 1, a client 2 (for example, a personal computer 2a, a mobile phone 2b, etc.) is connected to the server 1 via a communication network N.
The communication network N is a telephone network such as the Internet or a telecommunications carrier, a cellular phone communication network, and the like, and connects the server 1 and the client 2 connected to the communication network N so that data communication is possible.

このようなネットワークシステムにおいて、例えば、ユーザが、クライアント2でウェブブラウザを起動しURLを指定すると、クライアント2はこれを元に対応するコンテンツ(例えば、ウェブページのHTMLファイル)を保有しているサーバ1をインターネット上で探して、コンテンツのデータを要求する。
一方、要求されたコンテンツを保有するサーバ1は、要求されたコンテンツをクライアント2に送信する。そして、クライアント2は、受信したコンテンツの内容を解析してウェブページ等を表示する。
サーバ1が、ポータルサイトのウェブサーバである場合、ユーザによる検索操作に伴いクライアント2から送信される操作情報に基づいて、サーバ1はコンテンツの検索を行い、検索結果を含む新たな画面データを生成し、この画面データをクライアント2に送信する。そして、クライアント2では、サーバ1から送信された画面データに基づく表示制御がなされることとなる。
In such a network system, for example, when a user starts a web browser on the client 2 and designates a URL, the client 2 has a corresponding content (for example, an HTML file of a web page) based on the URL. Search for 1 on the Internet and request content data.
On the other hand, the server 1 that holds the requested content transmits the requested content to the client 2. Then, the client 2 analyzes the content of the received content and displays a web page or the like.
When the server 1 is a web server of a portal site, the server 1 searches for content based on operation information transmitted from the client 2 in response to a search operation by the user, and generates new screen data including the search result. The screen data is transmitted to the client 2. The client 2 performs display control based on the screen data transmitted from the server 1.

図2は、サーバ1のハードウェア構成の概略を示すブロック図である。本実施形態におけるサーバ1は、例えば、各種ウェブサイトのディレクトリ検索サービスを提供するポータルサイトのウェブサーバである。
図2に示すように、サーバ1は、制御部11、通信部12、検索データベース13、地図データベース、広告データベース等を備えて構成され、各部はバスライン14により電気的に接続されている。
FIG. 2 is a block diagram illustrating an outline of the hardware configuration of the server 1. The server 1 in this embodiment is a web server of a portal site that provides a directory search service for various websites, for example.
As shown in FIG. 2, the server 1 includes a control unit 11, a communication unit 12, a search database 13, a map database, an advertisement database, and the like, and each unit is electrically connected by a bus line 14.

制御部11は、CPU(Central Processing Unit)111、RAM(Random Access Memory)112、フラッシュROM(Read Only Memory)113で構成される。
CPU111は、各種演算処理を行う他、各部の集中制御を行う。RAM112は、CPU111が演算処理を行うときのデータを一時的に記憶しておく作業領域を有する。フラッシュROM113は、CPU111が実行するオペレーティングシステム(OS)やサーバ用ソフトウェア、ウェブアプリケーション等のプログラムを記憶する。
通信部12は、TCP/IP等の通信プロトコルに従って処理を行い、ネットワークNを介してクライアント2とデータの送受信を行う。
The control unit 11 includes a CPU (Central Processing Unit) 111, a RAM (Random Access Memory) 112, and a flash ROM (Read Only Memory) 113.
The CPU 111 performs various arithmetic processes and performs centralized control of each unit. The RAM 112 has a work area for temporarily storing data when the CPU 111 performs arithmetic processing. The flash ROM 113 stores programs such as an operating system (OS) executed by the CPU 111, server software, and web applications.
The communication unit 12 performs processing according to a communication protocol such as TCP / IP, and transmits / receives data to / from the client 2 via the network N.

検索データベース13には、例えば、ディレクトリ検索により提供するコンテンツ(例えば、ウェブページ)がカテゴリ別に分類され、コンテンツごとに、それぞれのコンテンツに関する情報が登録されている。コンテンツに関する情報とは、例えば、ウェブページを構成するタイトル情報、テキスト情報(コンテンツの簡単/詳細な説明)、画像情報、リンク情報等であり、以下、コンテンツ情報と称する。   In the search database 13, for example, contents (for example, web pages) provided by directory search are classified by category, and information regarding each content is registered for each content. The information on the content is, for example, title information, text information (simple / detailed description of the content), image information, link information, etc. constituting the web page, and is hereinafter referred to as content information.

このコンテンツ情報には、当該コンテンツに関する位置情報が含まれる。つまり、コンテンツには位置情報が付加されている。ここで、コンテンツに関する位置情報とは、例えば、イベントに関するコンテンツの場合にはイベントの開催地を特定可能な情報であり、飲食店に関するコンテンツの場合にはサービス提供地(店舗)を特定可能な情報である。この位置情報は、例えば、緯度・経度、住所、郵便番号等で表される。
また、検索結果画面において、コンテンツに連動して広告を表示するための広告情報が、コンテンツごとに関連付けられている。この広告情報は、後述する広告データベース15に格納されている。例えば、イベントに関するコンテンツには、当該イベントの開催地に関する広告情報(例えば、地域の特産品等を販売するウェブサイトの広告)が関連付けられる。なお、1つのコンテンツに対して複数の広告情報が関連付けられる場合もある。
This content information includes position information regarding the content. That is, position information is added to the content. Here, the location information related to the content is, for example, information that can specify the event venue in the case of content related to the event, and information that can specify the service providing location (store) in the case of content related to the restaurant. It is. This position information is represented by, for example, latitude / longitude, address, postal code, and the like.
In the search result screen, advertisement information for displaying an advertisement in conjunction with the content is associated with each content. This advertisement information is stored in an advertisement database 15 described later. For example, advertisement information (for example, an advertisement of a website that sells local special products) is associated with content related to an event. A plurality of pieces of advertisement information may be associated with one content.

クライアント2に提供される検索結果画面では、ディレクトリ検索により抽出されたコンテンツごとに所定の表示領域が設けられ、それぞれの表示領域に対応するコンテンツに関する情報(コンテンツ情報)及び広告情報が表示される。   On the search result screen provided to the client 2, a predetermined display area is provided for each content extracted by directory search, and information (content information) and advertisement information related to the content corresponding to each display area are displayed.

地図データベース14には、所定の領域を多段階で縮尺した地図情報(地図画像データ)が格納されている。地図情報には、鉄道の敷設状況を示す鉄道情報、道路の敷設状況を示す道路情報、様々な施設の立地状況を示す施設情報等が含まれる。また、地図情報には、当該地図画像上の各地点と関連付けられた座標情報が含まれている。   The map database 14 stores map information (map image data) obtained by scaling a predetermined area in multiple stages. The map information includes railway information indicating the status of railway installation, road information indicating the status of road installation, facility information indicating the location status of various facilities, and the like. The map information includes coordinate information associated with each point on the map image.

広告データベース15には、コンテンツに連動して表示する広告情報が格納されている。広告情報には、広告掲載の依頼主のウェブサイトに関する画像やテキストの他、広告依頼主のウェブサイトに検索結果画面から遷移させるためのリンク情報等が含まれる。
例えば、ディレクトリ検索によりあるコンテンツが抽出されると、当該コンテンツに関連付けられている広告情報がコンテンツ情報とともに表示されることとなる。
The advertisement database 15 stores advertisement information to be displayed in conjunction with the content. The advertisement information includes, for example, link information for making a transition to the advertisement requester's website from the search result screen, in addition to images and texts related to the advertisement requester's website.
For example, when a certain content is extracted by directory search, advertisement information associated with the content is displayed together with the content information.

図2において、サーバ1のCPU111は、例えば、フラッシュROM113に記憶されているサーバ用ソフトウェア及びウェブアプリケーションプログラムを実行することにより、クライアント2からの操作情報に応じた処理を行う。例えば、クライアント2のウェブブラウザにおいて、トップページからディレクトリ検索を指示する操作が行われると、検索結果画面のデータを生成して、これをクライアント2に送信する。
そして、クライアント2では、サーバ1から送信された画面データに基づいて、検索結果画面が表示されることとなる。
In FIG. 2, the CPU 111 of the server 1 performs processing according to operation information from the client 2 by executing server software and a web application program stored in the flash ROM 113, for example. For example, when an operation for instructing a directory search is performed from the top page in the web browser of the client 2, data of a search result screen is generated and transmitted to the client 2.
In the client 2, the search result screen is displayed based on the screen data transmitted from the server 1.

図3は、クライアント2のハードウェア構成の概略を示すブロック図である。
図3に示すように、クライアント2は、制御部21、記憶部22、通信部23、操作部24、表示部25等を備えて構成され、各部はバスライン26により電気的に接続されている。
FIG. 3 is a block diagram showing an outline of the hardware configuration of the client 2.
As shown in FIG. 3, the client 2 includes a control unit 21, a storage unit 22, a communication unit 23, an operation unit 24, a display unit 25, and the like, and each unit is electrically connected by a bus line 26. .

制御部21の構成はサーバ1の制御部11の構成と同様である。フラッシュROM213は、OSやウェブブラウザ等のプログラムを記憶する。
記憶部22は、例えばハードディスクで構成され、サーバ1からダウンロードしたコンテンツ(例えば、ウェブページで公開されている画像)のデータ等を記憶する。
通信部23は、TCP/IP等の通信プロトコルに従って処理を行い、ネットワークNを介してサーバ1とデータの送受信を行う。
操作部24は、例えば、キーボード及びマウスで構成され、ユーザが情報を入力する際に使用される。例えば、サーバ1から提供されたポータルサイトのトップページにおいて、ユーザは操作部24を操作することにより、ディレクトリ検索を行う。
表示部25は、例えば、液晶ディスプレイ等の表示装置で構成され、制御部21からの表示制御指令に基づいて所定の画面を表示する。表示部25には、例えば、ウェブブラウザのGUIが表示される。
The configuration of the control unit 21 is the same as the configuration of the control unit 11 of the server 1. The flash ROM 213 stores programs such as an OS and a web browser.
The storage unit 22 is composed of, for example, a hard disk, and stores data and the like of content downloaded from the server 1 (for example, images published on a web page).
The communication unit 23 performs processing according to a communication protocol such as TCP / IP and transmits / receives data to / from the server 1 via the network N.
The operation unit 24 includes, for example, a keyboard and a mouse, and is used when a user inputs information. For example, on the top page of the portal site provided from the server 1, the user performs a directory search by operating the operation unit 24.
The display unit 25 is configured by a display device such as a liquid crystal display, for example, and displays a predetermined screen based on a display control command from the control unit 21. For example, a GUI of a web browser is displayed on the display unit 25.

クライアント2のCPU211は、例えば、フラッシュROM213に記憶されているウェブブラウザを実行し、ユーザが操作部24によりURLを入力することに伴い、URLで指定されるウェブページをサーバ1に要求する。そして、サーバ1から送信されたウェブページ(例えば、ポータルサイトのトップページ)のデータを解析して、ウェブブラウザのウィンドウに表示する。   For example, the CPU 211 of the client 2 executes a web browser stored in the flash ROM 213, and requests the web page specified by the URL from the server 1 when the user inputs the URL through the operation unit 24. And the data of the web page (for example, top page of a portal site) transmitted from the server 1 are analyzed and displayed on the window of the web browser.

上述したように、サーバ1がクライアント2にポータルサイトを提供し、クライアント2においてディレクトリ検索が行われると、クライアント2のウェブブラウザには検索結果画面が表示される。   As described above, when the server 1 provides a portal site to the client 2 and a directory search is performed in the client 2, a search result screen is displayed on the web browser of the client 2.

図4は、クライアント2においてディレクトリ検索が行われたときの検索結果画面の一例を示す説明図である。図4は、ポータルサイトのディレクトリ検索サービスおいて、兵庫県で開催されるイベントのコンテンツ(ウェブページ)をディレクトリ検索したときに表示される検索結果画面である。例えば、ディレクトリ検索サービスにおいて、トップ>地域情報>近畿>兵庫県>生活と文化>イベントというディレクトリ遷移を行うことで、所望の検索結果が得られる。
なお、図4に示す検索結果画面D1は、従来のディレクトリ検索により提供される検索結果画面とほぼ同様である。
FIG. 4 is an explanatory diagram illustrating an example of a search result screen when a directory search is performed in the client 2. FIG. 4 is a search result screen displayed when a directory search is performed on the content (web page) of an event held in Hyogo Prefecture in the directory search service of the portal site. For example, in a directory search service, a desired search result can be obtained by performing directory transition of top> regional information>Kinki>Hyogo> life and culture> event.
Note that the search result screen D1 shown in FIG. 4 is almost the same as the search result screen provided by the conventional directory search.

図4に示す検索結果画面D1では、ディレクトリ検索により抽出された20件のコンテンツ1〜20のうち、4件のコンテンツ1〜4のコンテンツ情報CI1〜CI4がリスト表示されている。図4において表示されていないコンテンツ5〜20については、スクロールバーSBを操作することにより表示することができる。
コンテンツ1〜4のそれぞれのコンテンツ情報は、コンテンツのタイトルと簡単な説明で構成される。例えば、コンテンツ1については、コンテンツ情報CI1として、「天滝もみじ祭(養父市)」というコンテンツのタイトルCI11と、「紅葉の美しい季節の天滝を・・」というコンテンツの簡単な説明CI12が表示されている。
In the search result screen D1 shown in FIG. 4, the content information CI1 to CI4 of the four contents 1 to 4 among the 20 contents 1 to 20 extracted by the directory search is displayed as a list. The contents 5 to 20 that are not displayed in FIG. 4 can be displayed by operating the scroll bar SB.
Each piece of content information of the contents 1 to 4 includes a title of the content and a simple description. For example, for the content 1, as the content information CI1, the title CI11 of the content “Amanaki Momiji Festival (Yobu City)” and the simple explanation CI12 of the content “Tenaki in the beautiful season of autumn leaves” are displayed. Has been.

また、各コンテンツ1〜4に対応して、チェックボックスCB1〜CB4が設けられている。図4では、チェックボックスCB1、CB3にチェックマークが付されており、コンテンツ1「天滝もみじ祭(養父市)」、コンテンツ3「コウノトリ翔る但馬まるごと感動市(豊岡市)」が選択されていることを示している。
検索結果画面D1の下部領域には、「詳しく知る」ボタンBTが設けられている。この「詳しく知る」ボタンBTが操作されると、選択されているコンテンツ1、3について更に詳細な情報が表示される。
In addition, check boxes CB1 to CB4 are provided corresponding to the contents 1 to 4, respectively. In FIG. 4, check boxes CB 1 and CB 3 are checked, and content 1 “Amanaki Momiji Festival (Yobu City)” and content 3 “Stork Sho Tajima Whole Impressive City (Toyooka City)” are selected. It is shown that.
A “learn more” button BT is provided in the lower area of the search result screen D1. When the “know more” button BT is operated, more detailed information about the selected contents 1 and 3 is displayed.

本実施形態では、「詳しく知る」ボタンBTが操作されたときの詳細表示として、選択されているコンテンツを地図画像に関連させて表示する。この詳細表示において本発明の表示制御方法が適用されている。   In the present embodiment, as the detailed display when the “know more” button BT is operated, the selected content is displayed in association with the map image. In this detailed display, the display control method of the present invention is applied.

図5は、ディレクトリ検索の検索結果画面(詳細表示)を表示するための表示制御処理の一例を示すフローチャートである。この表示制御処理は、例えば、サーバ1のCPU111がROM113に記憶されているサーバ用ソフト及びウェブアプリケーションを実行することにより実現される。例えば、クライアント2において、図5に示す検索結果画面D1が表示され、ユーザによって「詳しく知る」ボタンBTが操作されたときに実行される。   FIG. 5 is a flowchart showing an example of a display control process for displaying a directory search search result screen (detailed display). This display control processing is realized, for example, when the CPU 111 of the server 1 executes server software and a web application stored in the ROM 113. For example, the search result screen D1 shown in FIG. 5 is displayed on the client 2, and is executed when the “know more” button BT is operated by the user.

ステップS101では、X軸、Y軸、Z軸で規定される仮想的な三次元空間を設定する。このとき、Z軸は、画面の縦方向に平行となるようにする。また、X軸は、画面の横方向に平行とされるのが望ましい。この仮想三次元空間において、XY平面が地図画像を描画する地上空間となり、XZ平面がコンテンツに関する情報を表示する上空空間となる。
ステップS102では、選択されたコンテンツに付加されている位置情報を取得する。図4では、コンテンツ1、3に対応するチェックボックスCB1、CB3にチェックマークが付されているので、これらのコンテンツ1、3が検索結果画面(詳細表示)において表示するコンテンツとなる。
In step S101, a virtual three-dimensional space defined by the X axis, Y axis, and Z axis is set. At this time, the Z axis is made parallel to the vertical direction of the screen. The X axis is preferably parallel to the horizontal direction of the screen. In this virtual three-dimensional space, the XY plane becomes a ground space for drawing a map image, and the XZ plane becomes an empty space for displaying information on content.
In step S102, position information added to the selected content is acquired. In FIG. 4, the check boxes CB1 and CB3 corresponding to the contents 1 and 3 are checked, so these contents 1 and 3 are contents to be displayed on the search result screen (detailed display).

ステップ103では、取得した位置情報に対応する地点を含む地図画像を、地図データベース14から選択する。位置情報に対応する地点が日本国内である場合、例えば、初期設定として日本地図画像を選択する。
ステップS104では、選択された地図画像を、地上空間(仮想三次元空間のXY平面)に描画する。すなわち、描画される地図画像は、地形を上空斜めから見てXY平面に投影したような画像となる。なお、一般的な平面視地図画像に画像処理を施して描画するようにしてもよいし、予め、斜視地図画像を地図データベース14に格納しておくようにしてもよい。
In step 103, a map image including a point corresponding to the acquired position information is selected from the map database 14. When the point corresponding to the position information is in Japan, for example, a Japan map image is selected as an initial setting.
In step S104, the selected map image is drawn on the ground space (the XY plane of the virtual three-dimensional space). That is, the drawn map image is an image that is projected onto the XY plane when the terrain is viewed from above. Note that a general plan view map image may be rendered by performing image processing, or a perspective map image may be stored in the map database 14 in advance.

ステップS105では、表示するコンテンツの表示領域を設定する。このとき、XY平面上に描画された地図画像の描画領域と重ならない領域において、表示領域を設定する。すなわち、コンテンツの表示領域は上空空間上に設定されることとなる。表示領域とは、コンテンツ情報を配置する領域のことであり、表示領域に対応した表示枠を描画するようにしてもよい。
表示領域の大きさは、表示するコンテンツの数やコンテンツ情報の内容によって適宜調整される。なお、表示領域の配置は、地図画像の描画領域と重ならなければ特に制限されない。
In step S105, the display area of the content to be displayed is set. At this time, a display area is set in an area that does not overlap the drawing area of the map image drawn on the XY plane. That is, the content display area is set in the sky space. The display area is an area where content information is arranged, and a display frame corresponding to the display area may be drawn.
The size of the display area is appropriately adjusted depending on the number of contents to be displayed and the content information. The arrangement of the display area is not particularly limited as long as it does not overlap with the drawing area of the map image.

ステップS106では、コンテンツに付加された位置情報に対応する地図画像上の地点と、設定された表示領域を結ぶ引き出し線を描画する。この引き出し線により、地図画像上の地点とコンテンツとが関連していることを視覚的に容易に認識できる。   In step S106, a leader line connecting the point on the map image corresponding to the position information added to the content and the set display area is drawn. With this lead line, it is possible to easily recognize visually that the point on the map image is related to the content.

ステップS107では、設定された表示領域にコンテンツ情報を配置する。
ステップS108では、設定された表示領域に、コンテンツに関連付けられた広告情報を配置する。なお、コンテンツに広告情報が関連付けられていない場合はこの処理は省略される。また、コンテンツに複数の広告情報が関連付けられている場合は、クライアント2の画面において、所定時間間隔で広告表示が切り換わるように表示制御がなされるようにする。
ステップS109では、上記処理により生成された画面データをクライアント2に送信する。
In step S107, content information is arranged in the set display area.
In step S108, advertisement information associated with the content is arranged in the set display area. Note that this process is omitted when the advertisement information is not associated with the content. When a plurality of pieces of advertisement information are associated with the content, display control is performed so that the advertisement display is switched at predetermined time intervals on the screen of the client 2.
In step S109, the screen data generated by the above process is transmitted to the client 2.

なお、表示するコンテンツが複数ある場合には、ステップS105〜S108の処理は、表示するコンテンツごとに行われる。このとき、コンテンツの表示領域同士も重ならないようにするのが望ましい。
また、コンテンツごとにコンテンツ情報(テキスト)、表示領域、引き出し線の表示色を異ならせる(例えば、関連するものについての表示色を同系色とする)ことにより、表示するコンテンツが複数ある場合でも地図画像上の地点とコンテンツの関連性を視覚的に認識できる。
When there are a plurality of contents to be displayed, the processing in steps S105 to S108 is performed for each content to be displayed. At this time, it is desirable not to overlap the display areas of the contents.
In addition, by changing the display color of content information (text), display area, and leader line for each content (for example, display colors for related items are similar colors), even if there are multiple contents to be displayed, the map You can visually recognize the relationship between the point on the image and the content.

上述したように、本実施形態では、位置情報(例えば、緯度・経度)が付加されているコンテンツに関する情報(コンテンツ情報)を画面上に表示する際に、画面上に、地上空間と上空空間とにより規定される仮想的な空間を設定し(ステップS101)、コンテンツに付加された位置情報に対応する地点を含む地図画像を地上空間に描画する(ステップS102〜S104)。そして、コンテンツ情報を表示する表示領域を上空空間(地図画像の描画領域と重ならない領域)上に設定し(ステップS105)、コンテンツが対応地点と関連付けられていることを認識可能な態様で、当該コンテンツ情報を設定された表示領域に表示する(ステップS106〜S108)。   As described above, in this embodiment, when information (content information) related to content to which position information (for example, latitude / longitude) is displayed on the screen, the ground space and the sky space are displayed on the screen. Is set (step S101), and a map image including a point corresponding to the position information added to the content is drawn in the ground space (steps S102 to S104). Then, the display area for displaying the content information is set on the empty space (the area that does not overlap with the drawing area of the map image) (step S105), and the content can be recognized in association with the corresponding point. The content information is displayed in the set display area (steps S106 to S108).

図6は、クライアント2において表示される検索結果画面(詳細表示)の一例を示す説明図である。
サーバ1において、図5に示す表示制御処理がなされると、クライアント2では、受信した画面データに基づいて図6に示す検索結果画面D2が表示される。
図6に示すように、検索結果画面D2の下部領域(地上空間)には、日本地図画像MJが配置されている。また、コンテンツの表示領域AR1、AR2は、日本地図画像MJの描画領域と重ならないように上空空間上に設定されている。
FIG. 6 is an explanatory diagram illustrating an example of a search result screen (detailed display) displayed on the client 2.
When the server 1 performs the display control process shown in FIG. 5, the client 2 displays the search result screen D <b> 2 shown in FIG. 6 based on the received screen data.
As shown in FIG. 6, a Japan map image MJ is arranged in the lower area (ground space) of the search result screen D2. Further, the content display areas AR1 and AR2 are set on the sky so as not to overlap the drawing area of the Japan map image MJ.

図6では、図5において選択された「天滝もみじ祭(養父市)」のコンテンツ1と、「コウノトリ翔る但馬まるごと感動市(豊岡市)」のコンテンツ3の詳細表示について示している。また、図6では、コンテンツの表示領域に対応して表示枠を表示するようにしている。   FIG. 6 shows the detailed display of the content 1 of “Amanaki Momiji Festival (Yobu City)” and the content 3 of “Stork Shoko Tajima Marugoto Kando City (Toyooka City)” selected in FIG. In FIG. 6, a display frame is displayed corresponding to the content display area.

「天滝もみじ祭(養父市)」のコンテンツ1の表示領域AR1は、コンテンツ情報I11の表示領域AR11と、広告情報I12の表示領域AR12で構成される。
表示領域AR11には、「天滝もみじ祭」というタイトルと、「『日本の滝百選』に選ばれている落差98m・・・」という詳細な説明が、コンテンツ情報I11として表示されている。表示領域AR12には、当該コンテンツ1に関連付けられた広告情報として、「養父市の特産品(但馬牛)」の広告が表示されている。
そして、表示領域AR1と、コンテンツ1に付加されている位置情報に対応する日本地図画像MJ上の地点(養父市)は、引き出し線L1で結ばれている。
The display area AR1 of the content 1 of “Amanaki Momiji Festival (Yobu City)” is composed of a display area AR11 of content information I11 and a display area AR12 of advertisement information I12.
In the display area AR11, a title “Amanaki Momiji Festival” and a detailed description “A drop of 98m selected for“ Japan's 100 Best Waterfalls ”” are displayed as content information I11. In the display area AR12, an advertisement “Special product of Yabu City (Tajima beef)” is displayed as advertisement information associated with the content 1.
Then, the display area AR1 and the point (Yobu city) on the Japan map image MJ corresponding to the position information added to the content 1 are connected by a lead line L1.

「コウノトリ翔る但馬まるごと感動市のご案内」のコンテンツ3の表示領域AR2には、コンテンツ情報I2としてコンテンツ3のタイトルが表示されている。コンテンツ3には、広告情報は関連付けられていないので、表示領域AR2にはコンテンツ情報だけが表示されている。
そして、表示領域AR2と、コンテンツ3に付加されている位置情報に対応する日本地図画像MJ上の地点(豊岡市)は、引き出し線L2で結ばれている。
The title of the content 3 is displayed as the content information I2 in the display area AR2 of the content 3 of "Guide for the Stork Sho Tajima Whole Impressive City". Since advertisement information is not associated with the content 3, only the content information is displayed in the display area AR2.
The point (Toyooka City) on the Japan map image MJ corresponding to the position information added to the display area AR2 and the content 3 is connected by a lead line L2.

なお、図6では、表示領域AR1の表示枠と引き出し線L1を実線、表示領域AR2と引き出し線L2を点線で示しているが、これは表示態様が異なることを示しているに過ぎず、実際には表示色が異なるようにするのが望ましい。また、コンテンツの表示領域、表示領域に表示するコンテンツ情報(テキスト)の表示色も引き出し線と同系色とすれば、コンテンツと地図画像上の対応地点の関連性がいっそう明確となる。   In FIG. 6, the display frame of the display area AR1 and the lead line L1 are indicated by solid lines, and the display area AR2 and the lead line L2 are indicated by dotted lines. However, this only indicates that the display mode is different. It is desirable to have different display colors. If the display area of the content and the display color of the content information (text) displayed in the display area are also similar to the lead lines, the relationship between the content and the corresponding point on the map image becomes clearer.

このように、本実施形態では、検索結果であるコンテンツ情報は、地図画像に重ならないように表示されるので、コンテンツ情報の表示により地図画像が覆われることはなく、地図内容の視認性が損なわれることはない。
また、コンテンツの表示領域と地図画像上の対応地点とを、対応地点を基点とする引き出し線により結んでいるので、表示するコンテンツと対応地点との関連性を明確に認識できる。さらに、複数のコンテンツに関する情報を表示する場合に、コンテンツごとに表示色が異なるようにしているので、複数のコンテンツを表示する場合であってもコンテンツと地図画像上の地点の対応関係は不明確とならない。
As described above, in the present embodiment, the content information that is the search result is displayed so as not to overlap the map image, so that the map image is not covered by the display of the content information, and the visibility of the map content is impaired. It will never be.
Further, since the display area of the content and the corresponding point on the map image are connected by a lead line with the corresponding point as a base point, the relevance between the displayed content and the corresponding point can be clearly recognized. Furthermore, when displaying information about multiple contents, the display color is different for each content, so even if multiple contents are displayed, the correspondence between the contents and points on the map image is unclear. Not.

また、図6において、コンテンツの表示領域AR1、AR2は、ユーザの操作により表示位置を変更できるようにしている。例えば、ユーザは、表示領域AR1又は表示領域AR2にマウスのカーソルをあわせてクリックし、ドラッグする操作を行うことで、表示領域の位置を変えることができる。
すなわち、ユーザ操作に基づいて、表示領域の表示位置を変更可能としている。このように、ユーザはコンテンツの表示領域を所望の位置に変更できるので、視覚的に優れるだけでなく、利便性にも優れたGUIとなる。
In FIG. 6, the display positions of the content display areas AR <b> 1 and AR <b> 2 can be changed by a user operation. For example, the user can change the position of the display area by performing an operation of clicking and dragging the mouse cursor on the display area AR1 or the display area AR2.
That is, the display position of the display area can be changed based on a user operation. Thus, since the user can change the display area of the content to a desired position, the GUI is not only visually superior but also convenient.

また、表示されるコンテンツ情報は、当該コンテンツを提供するウェブサイトにリンク付けられており、例えば、コンテンツ情報I11の表示領域AR11をユーザがクリック操作すると、当該ウェブサイトに遷移するようになっている。
コンテンツ情報とともに表示される広告情報も同様に、広告依頼主のウェブサイトにリンク付けられており、広告情報の表示領域AR12をユーザがクリック操作すると、当該ウェブサイトに遷移するようになっている。
The displayed content information is linked to a website that provides the content. For example, when the user clicks the display area AR11 of the content information I11, the content information is changed to the website. .
Similarly, the advertisement information displayed together with the content information is linked to the website of the advertisement requester, and when the user clicks on the advertisement information display area AR12, the website is shifted to the website.

図7は、図6に示すような検索結果画面(詳細表示)の仮想三次元空間における配置構成を模式的に示す説明図である。
図7に示すように、地図画像MJは、X軸、Y軸、Z軸で規定される仮想三次元空間におけるXY平面(地上空間)に配置されている。一方、コンテンツの表示領域AR1、AR2は、XZ平面に平行で、Z軸方向に高さを有する上空空間上に形成されている。
FIG. 7 is an explanatory diagram schematically showing the arrangement configuration in the virtual three-dimensional space of the search result screen (detailed display) as shown in FIG.
As shown in FIG. 7, the map image MJ is arranged on an XY plane (ground space) in a virtual three-dimensional space defined by the X axis, the Y axis, and the Z axis. On the other hand, the content display areas AR1 and AR2 are formed on an empty space parallel to the XZ plane and having a height in the Z-axis direction.

このように、地図画像MJと重ならない領域にコンテンツ情報を表示することは、地図画像MJが配置されたXY平面からZ方向に高さを有する位置に表示することとなり、地図画像MJに対して立体的にコンテンツ情報が表示されることになる。
したがって、クライアント2の画面上では、地図画像MJの上空にコンテンツ情報が浮かんでいるように表示されることとなり、視覚的に興味深い優れた表示態様となる。
Thus, displaying content information in an area that does not overlap with the map image MJ means displaying it at a position having a height in the Z direction from the XY plane on which the map image MJ is arranged. Content information is displayed three-dimensionally.
Therefore, the content information is displayed on the screen of the client 2 as if it is floating above the map image MJ, which is an excellent display mode that is visually interesting.

本実施形態において説明した検索結果画面の表示方法によれば、位置情報が付加されているコンテンツに関する情報を、地図画像に関連付けて画面上に表示する際に、視認性を向上できるとともに、視覚的に優れた表示態様を実現できる。具体的には、地図画像にコンテンツ情報が重ならないように表示するので、コンテンツ情報の表示により地図画像が隠れることはなく、地図内容が認識困難となる虞はない。また、地図画像とコンテンツ情報が立体的に表示されるので、視覚的に極めて興味深いものとなる。   According to the search result screen display method described in the present embodiment, when information related to content to which position information is added is displayed on the screen in association with a map image, visibility can be improved and visual It is possible to realize an excellent display mode. Specifically, since the content information is displayed so as not to overlap the map image, the map image is not hidden by the display of the content information, and there is no possibility that the map content becomes difficult to recognize. Further, since the map image and the content information are displayed three-dimensionally, it is very interesting visually.

以上、本発明者によってなされた発明を実施形態に基づいて具体的に説明したが、本発明は上記実施形態に限定されるものではなく、その要旨を逸脱しない範囲で変更可能である。   As mentioned above, although the invention made | formed by this inventor was concretely demonstrated based on embodiment, this invention is not limited to the said embodiment, It can change in the range which does not deviate from the summary.

例えば、図6に示す検索結果画面D2において、ユーザの操作に基づいて、地図画像が拡大/縮小表示されるようにしてもよい。
例えば、ユーザが、表示されているコンテンツと関連付けられた地点をクリック操作すると、この領域を拡大した地図画像が表示されるようにする。また例えば、ユーザが、マウスのホイールを操作することにより、段階的に拡大/縮小した地図画像が表示されるようにする。
For example, on the search result screen D2 shown in FIG. 6, the map image may be enlarged / reduced based on the user's operation.
For example, when the user clicks on a point associated with the displayed content, a map image in which this area is enlarged is displayed. Further, for example, when the user operates a mouse wheel, a map image enlarged / reduced in stages is displayed.

図8は、ユーザの操作に基づいて地図画像を拡大表示する場合の画面例について示す説明図である。例えば、図6に示す検索結果画面D2が表示された状態において、ユーザによって特定地域を選択する操作が行われたときに表示される画面例である。
図8に示すように、日本地図画像MJの表示を保持したまま、その上空に兵庫県の拡大地図画像MHを表示することで、視覚的な興趣を高めることができる。
FIG. 8 is an explanatory diagram illustrating an example of a screen when a map image is enlarged and displayed based on a user operation. For example, in the state where the search result screen D2 shown in FIG. 6 is displayed, it is a screen example displayed when an operation for selecting a specific area is performed by the user.
As shown in FIG. 8, the visual interest can be enhanced by displaying the enlarged map image MH of Hyogo Prefecture in the sky while maintaining the display of the Japan map image MJ.

かかる表示態様を実現するには、例えば、図6において、日本地図画像を複数の地域(例えば、都道府県単位)に区画して表示しておく。そして、特定の地域がクリック操作されると、この領域を拡大した地図画像が日本地図画像の上方に表示されるように制御する。
すなわち、地図画像が複数の地域(例えば、日本地図画像では都道府県単位)に区画されている場合に、地図画像内の特定の地域を拡大表示するためのユーザ操作に基づいて、元の地図画像の表示を保持したまま、地図画像が描画されている地上空間に対してZ軸方向(例えば、プラス(上)方向)に離間して形成される上空空間上に、選択された地域の拡大地図画像を描画している。
そして、地図画像及び前記拡大地図画像の何れの描画領域とも重ならない領域において、コンテンツに関する情報を表示する表示領域(表示枠)を設定するようにしている。
In order to realize such a display mode, for example, in FIG. 6, a Japan map image is divided into a plurality of regions (for example, prefecture units) and displayed. When a specific area is clicked, a map image obtained by enlarging this area is controlled to be displayed above the Japan map image.
That is, when the map image is divided into a plurality of regions (for example, prefecture units in the case of a Japanese map image), based on a user operation for enlarging and displaying a specific region in the map image, the original map image An enlarged map of the selected area is formed in the sky space formed in the Z-axis direction (for example, plus (upward) direction) with respect to the ground space on which the map image is drawn while maintaining the display of An image is being drawn.
A display area (display frame) for displaying information related to the content is set in an area that does not overlap any drawing area of the map image and the enlarged map image.

これにより、拡大地図画像が全体地図画像のどの部分に対応しているかを確認させることができるとともに、日本地図画像から該当地域が上空に浮かび上がるという表示態様により視覚的な興趣を向上できる。
また、拡大表示された拡大地図画像においても複数の地域(例えば、市区町村単位)に区画表示し、特定の地域がクリック操作されると、この領域を拡大した地図画像が、さらに上方に表示されるようにしてもよい。なお、複数の地図画像を画面上に表示すると、画面上の表示が煩雑となり視認性が低下する虞があるので、元の地図画像については適宜消去するのが望ましい。
さらに、拡大地図画像を表示する際に、元の地図画像から浮かび上がるようにアニメーション表示するようにすれば、視覚的な効果を一層向上できる。
Accordingly, it is possible to confirm which part of the entire map image corresponds to the enlarged map image, and it is possible to improve the visual interest by the display mode in which the corresponding area is raised from the Japan map image.
Further, the enlarged map image displayed in an enlarged manner is also displayed in a plurality of areas (for example, in units of municipalities), and when a specific area is clicked, a map image in which this area is enlarged is displayed further upward. You may be made to do. If a plurality of map images are displayed on the screen, the display on the screen becomes complicated and the visibility may be lowered. Therefore, it is desirable to delete the original map image as appropriate.
Furthermore, when an enlarged map image is displayed, if the animation is displayed so as to emerge from the original map image, the visual effect can be further improved.

また、上記実施形態では、コンテンツの表示領域と地図画像上の対応地点を引き出し線で結ぶようにしているが、図9に示すように、コンテンツの表示領域を囲むように形成され、地図画像上の対応地点から発された吹き出し枠を上空空間上に表示するという表示態様によりコンテンツと対応地点の関連性を表現するようにしてもよい。このとき、吹き出し枠に表示されるコンテンツの関連する地域(対応地点)に応じて、吹き出し枠の表示色(表示態様)を変更するのが望ましい。   In the above embodiment, the content display area and the corresponding point on the map image are connected by a lead line. However, as shown in FIG. 9, the content display area is formed so as to surround the content display area. The relation between the content and the corresponding point may be expressed by a display mode in which a balloon frame emitted from the corresponding point is displayed in the sky space. At this time, it is desirable to change the display color (display mode) of the balloon frame according to the area (corresponding point) related to the content displayed in the balloon frame.

また、上記実施形態では、コンテンツごとに表示枠や引き出し線の表示態様を統一するようにしているが、対応地点ごとに表示態様を統一するようにしてもよい。つまり、同じ地域に関連するコンテンツが複数ある場合、例えば、東日本の地域に対応するコンテンツは青色、西日本の地域に対応するコンテンツは赤色といったように、これらの表示態様を統一する。これにより、同じ地域に対応するコンテンツ同士の関連性の把握が容易になる。   Moreover, in the said embodiment, although the display mode of a display frame or a leader line is unified for every content, you may make it unify a display mode for every corresponding point. That is, when there are a plurality of contents related to the same region, the display modes are unified, for example, the content corresponding to the region of East Japan is blue and the content corresponding to the region of West Japan is red. This makes it easy to grasp the relevance between contents corresponding to the same region.

さらに、表示制御処理によりコンテンツの表示をユーザ操作(例えば、選択操作)に応じて消去(非表示)できるようにしてもよい。また、コンテンツの表示を消去することに伴い、他のコンテンツの表示領域を拡張するようにしてもよい。これにより、コンテンツ検索等により表示するコンテンツ量が膨大となった場合でも、ユーザは不要なコンテンツを適宜削除することができるので、検索結果画面の視認性を向上できる。   Furthermore, the display of the content may be erased (not displayed) in response to a user operation (for example, a selection operation) by the display control process. In addition, the display area of other contents may be expanded as the display of contents is erased. As a result, even when the amount of content to be displayed due to content search or the like becomes enormous, the user can delete unnecessary content as appropriate, so that the visibility of the search result screen can be improved.

また例えば、上記実施形態では、ポータルサイトにおいてディレクトリ検索が行われたときの検索結果画面について説明したが、キーワード検索による検索結果画面にも適用することができる。
また、ポータルサイトにおいてウェブページを検索対象とする場合に限定されず、特定ジャンルのコンテンツに特化した検索サービスにおいて適用することができる。例えば、飲食店等の店舗や病院等の施設のように、位置情報を有するコンテンツの検索サービス等が考えられる。
Further, for example, in the above-described embodiment, the search result screen when the directory search is performed on the portal site has been described. However, the search result screen can also be applied to a search result screen by keyword search.
In addition, the present invention is not limited to a case where a web page is a search target in a portal site, and can be applied to a search service specialized for content of a specific genre. For example, a content search service having location information, such as a restaurant or a facility such as a hospital, can be considered.

今回開示された実施の形態はすべての点で例示であって制限的なものではないと考えられるべきである。本発明の範囲は上記した説明ではなくて特許請求の範囲によって示され、特許請求の範囲と均等の意味および範囲内でのすべての変更が含まれることが意図される。   The embodiment disclosed this time should be considered as illustrative in all points and not restrictive. The scope of the present invention is defined by the terms of the claims, rather than the description above, and is intended to include any modifications within the scope and meaning equivalent to the terms of the claims.

本実施形態に係るネットワーク構成について示す概略図である。It is the schematic shown about the network structure which concerns on this embodiment. サーバ1のハードウェア構成の概略を示すブロック図である。2 is a block diagram showing an outline of a hardware configuration of a server 1. FIG. クライアント2のハードウェア構成の概略を示すブロック図である。2 is a block diagram illustrating an outline of a hardware configuration of a client 2. FIG. クライアント2においてディレクトリ検索が行われたときの検索結果画面の一例を示す説明図であるIt is explanatory drawing which shows an example of the search result screen when a directory search is performed in the client 2 ディレクトリ検索の検索結果画面を表示するための表示制御処理の一例を示すフローチャートである。It is a flowchart which shows an example of the display control process for displaying the search result screen of a directory search. クライアント2において表示される検索結果画面(詳細表示)の一例を示す説明図である。It is explanatory drawing which shows an example of the search result screen (detailed display) displayed in the client 2. FIG. 検索結果画面(詳細表示)の仮想三次元空間における配置構成を模式的に示す説明図である。It is explanatory drawing which shows typically the arrangement structure in the virtual three-dimensional space of a search result screen (detailed display). ユーザの操作に基づいて地図画像を拡大表示する場合の画面例について示す説明図である。It is explanatory drawing shown about the example of a screen in the case of expanding and displaying a map image based on a user's operation. 検索結果画面の変形例を示す説明図である。It is explanatory drawing which shows the modification of a search result screen.

符号の説明Explanation of symbols

D2 検索結果画面(詳細表示)
AR1 コンテンツ1の表示領域
AR11 コンテンツ情報の表示領域
AR12 広告情報の表示領域
I11 コンテンツ情報
I12 広告情報
AR2 コンテンツ2の表示領域(コンテンツ情報の表示領域)
I2 コンテンツ情報
L1、L2 引き出し線
MJ 地図画像
D2 Search result screen (detailed display)
AR1 Content 1 display area AR11 Content information display area AR12 Advertisement information display area I11 Content information I12 Advertisement information AR2 Content 2 display area (content information display area)
I2 Content information L1, L2 Lead line MJ Map image

Claims (9)

位置情報が付加されているコンテンツに関する情報を画面上に表示するための表示制御方法であって、
前記画面上に地上空間と上空空間とにより規定される仮想的な空間を設定し、
前記位置情報に対応する地点を含む地図画像を前記地上空間に描画し、
前記コンテンツに関する情報を表示する表示領域を前記上空空間上に設定し、
前記コンテンツが前記対応地点と関連付けられていることを認識可能な態様で、当該コンテンツに関する情報を前記設定された表示領域に表示することを特徴とする表示制御方法。
A display control method for displaying information on content to which position information is added on a screen,
A virtual space defined by the ground space and the sky space is set on the screen,
Draw a map image including the point corresponding to the position information in the ground space,
A display area for displaying information related to the content is set on the sky space,
A display control method, wherein information relating to the content is displayed in the set display area in a manner capable of recognizing that the content is associated with the corresponding point.
前記コンテンツの表示領域と前記地図画像上の対応地点とは、前記対応地点を基点とする引き出し線により結ばれていることを特徴とする請求項1に記載の表示制御方法。   The display control method according to claim 1, wherein the content display area and the corresponding point on the map image are connected by a lead line having the corresponding point as a base point. 前記コンテンツの表示領域を囲むように前記地図画像上の対応地点から発された吹き出し枠を前記上空空間上に表示することを特徴とする請求項1に記載の表示制御方法。   The display control method according to claim 1, wherein a balloon frame emitted from a corresponding point on the map image is displayed on the sky space so as to surround the content display area. 複数のコンテンツに関する情報を表示する場合に、コンテンツごとに表示色を異ならせることを特徴とする請求項1から3のいずれか一項に記載の表示制御方法。   4. The display control method according to claim 1, wherein when displaying information related to a plurality of contents, a display color is changed for each content. 5. ユーザ操作に基づいて、前記表示領域の表示位置を変更可能であることを特徴とする請求項1から4のいずれか一項に記載の表示制御方法。   The display control method according to claim 1, wherein the display position of the display area can be changed based on a user operation. 前記コンテンツに関連する広告情報を、当該コンテンツに関する情報とともに前記表示領域に表示することを特徴とする請求項1から5のいずれか一項に記載の表示制御方法。   The display control method according to any one of claims 1 to 5, wherein advertisement information related to the content is displayed in the display area together with information related to the content. 前記地図画像が複数の地域に区画されている場合、
前記地図画像内の特定の地域を拡大表示するためのユーザ操作に基づいて、前記地図画像の表示を保持したまま、前記地図画像が描画されている上空空間上に、前記選択された地域の拡大地図画像を描画し、
前記地図画像及び前記拡大地図画像の何れの描画領域とも重ならない上空空間において、前記コンテンツに関する情報を表示する表示領域を設定することを特徴とする請求項1から6のいずれか一項に記載の表示制御方法。
When the map image is divided into a plurality of regions,
Based on a user operation for enlarging and displaying a specific area in the map image, the enlargement of the selected area is performed on the sky space in which the map image is drawn while maintaining the display of the map image. Draw a map image,
The display area which displays the information regarding the said content is set in the sky space which does not overlap with any drawing area | region of the said map image and the said enlarged map image, The Claim 1 characterized by the above-mentioned. Display control method.
前記上空空間上に表示された前記コンテンツに関する情報を、ユーザ操作に応じて非表示にさせることを特徴とする請求項1から7の何れか一項に記載の表示制御方法。   The display control method according to any one of claims 1 to 7, wherein information related to the content displayed in the sky space is hidden according to a user operation. 位置情報が付加されているコンテンツに関する情報を画面上に表示するためのプログラムであって、
前記画面上に地上空間と上空空間とより規定される仮想的な空間を設定する機能と、
前記位置情報に対応する地点を含む地図画像を前記地上空間に描画する機能と、
前記コンテンツに関する情報を表示する表示領域を前記上空空間上に設定する機能と、
前記コンテンツが前記対応地点と関連付けられていることを認識可能な態様で、当該コンテンツに関する情報を前記設定された表示領域に表示する機能と、
をコンピュータに実現させることを特徴とするプログラム。
A program for displaying information on content to which position information is added on the screen,
A function of setting a virtual space defined by the ground space and the sky space on the screen;
A function of drawing a map image including a point corresponding to the position information in the ground space;
A function for setting a display area for displaying information related to the content on the sky space;
A function of displaying information related to the content in the set display area in a manner capable of recognizing that the content is associated with the corresponding point;
A program characterized by causing a computer to realize the above.
JP2008114948A 2008-04-25 2008-04-25 Display control method and program Expired - Fee Related JP4851487B2 (en)

Priority Applications (1)

Application Number Priority Date Filing Date Title
JP2008114948A JP4851487B2 (en) 2008-04-25 2008-04-25 Display control method and program

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
JP2008114948A JP4851487B2 (en) 2008-04-25 2008-04-25 Display control method and program

Publications (2)

Publication Number Publication Date
JP2009265957A true JP2009265957A (en) 2009-11-12
JP4851487B2 JP4851487B2 (en) 2012-01-11

Family

ID=41391731

Family Applications (1)

Application Number Title Priority Date Filing Date
JP2008114948A Expired - Fee Related JP4851487B2 (en) 2008-04-25 2008-04-25 Display control method and program

Country Status (1)

Country Link
JP (1) JP4851487B2 (en)

Cited By (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JP2014106812A (en) * 2012-11-28 2014-06-09 Tab Inc Item display device, item presentation method, and program
JP2017072992A (en) * 2015-10-07 2017-04-13 株式会社ぐるなび Information processing apparatus, information processing system, information processing method, and program

Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JPH0561405A (en) * 1991-09-02 1993-03-12 Nissin Electric Co Ltd In-figure name display device
JPH11311528A (en) * 1998-04-28 1999-11-09 Toshio Yamazaki Map display method
JP2003263102A (en) * 2002-12-26 2003-09-19 Hitachi Ltd Map display device and map display method
WO2007070358A2 (en) * 2005-12-09 2007-06-21 Google, Inc. Determining advertisements using user interest information and map-based location information

Patent Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JPH0561405A (en) * 1991-09-02 1993-03-12 Nissin Electric Co Ltd In-figure name display device
JPH11311528A (en) * 1998-04-28 1999-11-09 Toshio Yamazaki Map display method
JP2003263102A (en) * 2002-12-26 2003-09-19 Hitachi Ltd Map display device and map display method
WO2007070358A2 (en) * 2005-12-09 2007-06-21 Google, Inc. Determining advertisements using user interest information and map-based location information

Cited By (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JP2014106812A (en) * 2012-11-28 2014-06-09 Tab Inc Item display device, item presentation method, and program
JP2017072992A (en) * 2015-10-07 2017-04-13 株式会社ぐるなび Information processing apparatus, information processing system, information processing method, and program

Also Published As

Publication number Publication date
JP4851487B2 (en) 2012-01-11

Similar Documents

Publication Publication Date Title
JP4341408B2 (en) Image display method and apparatus
JP5182680B2 (en) Visual processing for user interface in content integration framework
US9552129B2 (en) Interactive visual representation of points of interest data
US20090183083A1 (en) Method and system for displaying information on a map
KR101472844B1 (en) Adaptive document displaying device and method
JP2020024698A (en) Generation method, device, apparatus of knowledge graph, and computer-readable storage medium
CN103699576B (en) A kind of method and apparatus for being used to provide search result
US20070064018A1 (en) Detail-in-context lenses for online maps
CN1853157A (en) Improved presentation of large objects on small displays
JP2016024625A (en) Information display apparatus, distribution apparatus, information display method, and information display program
US7200615B2 (en) Viewing tabular data on small handheld displays and mobile phones
JP2006518055A (en) Technological innovation on web page display
US10504258B2 (en) Information processing device editing map acquired from server
JP5289379B2 (en) Map display apparatus, method, program, and map display server
CN102622195B (en) Information browsing method
US20150093029A1 (en) Image layers navigation
JP6263897B2 (en) Information processing apparatus, information processing method, and program
JP4608475B2 (en) How to display images on the display screen
JP4958853B2 (en) Product search server, product search method, program, and product search system
JP5185793B2 (en) Map search system
JP4851487B2 (en) Display control method and program
US8250480B2 (en) Interactive navigation of a dataflow process image
CN102955797A (en) Terminal navigation method, terminal navigation device and terminal navigation system
JP6275367B2 (en) Display device and search device to which it is applied
JP5062901B2 (en) How to display a web page

Legal Events

Date Code Title Description
A977 Report on retrieval

Free format text: JAPANESE INTERMEDIATE CODE: A971007

Effective date: 20110408

A131 Notification of reasons for refusal

Free format text: JAPANESE INTERMEDIATE CODE: A131

Effective date: 20110712

A521 Request for written amendment filed

Free format text: JAPANESE INTERMEDIATE CODE: A523

Effective date: 20110912

TRDD Decision of grant or rejection written
A01 Written decision to grant a patent or to grant a registration (utility model)

Free format text: JAPANESE INTERMEDIATE CODE: A01

Effective date: 20111004

A01 Written decision to grant a patent or to grant a registration (utility model)

Free format text: JAPANESE INTERMEDIATE CODE: A01

A61 First payment of annual fees (during grant procedure)

Free format text: JAPANESE INTERMEDIATE CODE: A61

Effective date: 20111020

R150 Certificate of patent or registration of utility model

Free format text: JAPANESE INTERMEDIATE CODE: R150

Ref document number: 4851487

Country of ref document: JP

Free format text: JAPANESE INTERMEDIATE CODE: R150

FPAY Renewal fee payment (event date is renewal date of database)

Free format text: PAYMENT UNTIL: 20141028

Year of fee payment: 3

R250 Receipt of annual fees

Free format text: JAPANESE INTERMEDIATE CODE: R250

R250 Receipt of annual fees

Free format text: JAPANESE INTERMEDIATE CODE: R250

R250 Receipt of annual fees

Free format text: JAPANESE INTERMEDIATE CODE: R250

S531 Written request for registration of change of domicile

Free format text: JAPANESE INTERMEDIATE CODE: R313531

R350 Written notification of registration of transfer

Free format text: JAPANESE INTERMEDIATE CODE: R350

R250 Receipt of annual fees

Free format text: JAPANESE INTERMEDIATE CODE: R250

R250 Receipt of annual fees

Free format text: JAPANESE INTERMEDIATE CODE: R250

LAPS Cancellation because of no payment of annual fees
S533 Written request for registration of change of name

Free format text: JAPANESE INTERMEDIATE CODE: R313533

R350 Written notification of registration of transfer

Free format text: JAPANESE INTERMEDIATE CODE: R350

S111 Request for change of ownership or part of ownership

Free format text: JAPANESE INTERMEDIATE CODE: R313111

R350 Written notification of registration of transfer

Free format text: JAPANESE INTERMEDIATE CODE: R350