リンク先の表示方法
Google検索コントロールで検索を行った場合、検索結果の一覧が表示されます。そして結果の一つをクリックすると地図情報に情報ウィンドウが表示され、その中に外部へのリンクが表示されます。この外部へのリンクをクリックした場合にどのように表示されるのかを設定する方法を確認します。
リンク先をどのように表示するのかを設定するにはGGoogleBarOptionsクラスのlinkTargetプロパティを使用します。
linkTargetプロパティ
このプロパティを使用すると、GoogleBar の検索結果内に埋め込まれたリンクの 表示先を指定できます。デフォルト値の G_GOOGLEBAR_LINK_TARGET_BLANK は、 リンクが新しいウィンドウ内で表示されるように指定します。 値： GGoogleBarLinkTarget
linkTargetプロパティに指定可能な値は次のいずれかです。
| 定数 | 説明 |
|---|---|
| G_GOOGLEBAR_LINK_TARGET_BLANK | target = '_blank' に相当 |
| G_GOOGLEBAR_LINK_TARGET_PARENT | target = '_parent' に相当 |
| G_GOOGLEBAR_LINK_TARGET_SELF | target = '_self' に相当 |
| G_GOOGLEBAR_LINK_TARGET_TOP | arget = '_top' に相当 |
デフォルトの値であるG_GOOGLEBAR_LINK_TARGET_BLANKを指定すると、新しいウィンドウでリンク先を開きます。G_GOOGLEBAR_LINK_TARGET_SELFを指定したら、地図が表示されているウィンドウ自身にリンク先を表示します。
具体的には次のように記述します。
var goption = {linkTarget:G_GOOGLEBAR_LINK_TARGET_SELF};
var option = {googleBarOptions:goption};
var map = new GMap2(document.getElementById("map"), option);
上記の場合はリンク先を自分自身のウィンドウで表示します。
サンプル
では試してみます。
function initialize() {
if (GBrowserIsCompatible()) {
var gopts = {showOnLoad:true, linkTarget:G_GOOGLEBAR_LINK_TARGET_SELF};
var opts = {googleBarOptions:gopts};
var map = new GMap2(document.getElementById("map_canvas"), opts);
map.setCenter(new GLatLng(35.698249,139.773152), 15);
map.enableGoogleBar();
}
}
<!DOCTYPE html "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
<title>サンプル：リンク先の表示方法の指定</title>
<script src="http://maps.google.com/maps?file=api&v=2&key=(key)&sensor=false"
type="text/javascript" charset="utf-8"></script>
<script src="./js/code3_1.js" type="text/javascript"></script>
</head>
<body onload="initialize()" onunload="GUnload()">
<div id="map_canvas" style="width: 400px; height: 400px"></div>
</body>
</html>
ではブラウザで上記のURLを見てみます。
Google検索コントールで「駐車場」と検索してみます。
検索結果のリストが表示され、その中の一つが情報ウィンドウで表示されます。
次に情報ウィンドウ内に表示されたリンクをクリックします。
今回、linkTargetプロパティにG_GOOGLEBAR_LINK_TARGET_SELFを設定していますので、リンク先は現在のウィンドウにそのまま表示されます。
( Written by T.buzz.Ikura+ )