マップ・リンク・プラグイン

ドキュメント

マップ・リンクとは

KsGMap以外のポータルサイトや便利なサービスの地図(Google Maps以外も含む)へ、現在地をそのままでリンクする機能を拡張します。

KsGMap の地図にリンクする場合は、ドキュメントの『その他 - 他のKsGMapへのリンク』をご覧下さい。

マップ・リンクの記述方法(Ver 1.01〜)

マップ・リンク Ver1.01 で書式が変更になりました。従来のリンクは古い書き方でも動作しますが、新しく追加された MSN Virtual Earth、MapQuest、Multimap、Googleローカル、Google Earth は新書式でのみ動作します。

マップ・リンクは、アンカータグ、ボタン、セレクトボックスが利用可能です。
下記のHTMLを記述して下さい。スペースの都合上まとめて書きますが、個別のリンクだけでも動作します。

アンカータグ:
<a href="" onclick="KsGMapPlugIn_MapLink.GoogleLocal( event );">Googleローカル</a>
<a href="" onclick="KsGMapPlugIn_MapLink.YahooMaps( event );">Yahoo!地図</a>
<a href="" onclick="KsGMapPlugIn_MapLink.YahooMaps_transit( event );">Yahoo!地図(路線)</a>
<a href="" onclick="KsGMapPlugIn_MapLink.gooMap( event );">goo地図</a>
<a href="" onclick="KsGMapPlugIn_MapLink.gooMap_rosen( event );">goo地図(路線)</a>
<a href="" onclick="KsGMapPlugIn_MapLink.HatenaMap( event );">はてなマップ</a>

<a href="" onclick="KsGMapPlugIn_MapLink.MSNVirtualEarth( event );">MSN Virtual Earth</a>
<a href="" onclick="KsGMapPlugIn_MapLink.MapQuest( event );">MapQuest</a>
<a href="" onclick="KsGMapPlugIn_MapLink.Multimap( event );">Multimap</a>

<a href="" onclick="KsGMapPlugIn_MapLink.GoogleEarth( event );">Google Earth</a>

ボタン:
<input type="button" onclick="KsGMapPlugIn_MapLink.GoogleLocal( event );" value="Googleローカル" />
<input type="button" onclick="KsGMapPlugIn_MapLink.YahooMaps( event );" value="Yahoo!地図" />
<input type="button" onclick="KsGMapPlugIn_MapLink.YahooMaps_transit( event );" value="Yahoo!地図(路線)" />
<input type="button" onclick="KsGMapPlugIn_MapLink.gooMap( event );" value="goo地図" />
<input type="button" onclick="KsGMapPlugIn_MapLink.gooMap_rosen( event );" value="goo地図(路線)" />
<input type="button" onclick="KsGMapPlugIn_MapLink.HatenaMap( event );" value="はてなマップ" />

<input type="button" onclick="KsGMapPlugIn_MapLink.MSNVirtualEarth( event );" value="MSN Virtual Earth" />
<input type="button" onclick="KsGMapPlugIn_MapLink.MapQuest( event );" value="MapQuest" />
<input type="button" onclick="KsGMapPlugIn_MapLink.Multimap( event );" value="Multimap" />

<input type="button" onclick="KsGMapPlugIn_MapLink.GoogleEarth( event );" value="Google Earth" />

セレクトボックス(KsGMap 本体のバージョンが 1.01 以降):
<select onchange="KsGMapFunc.link.select( event , this );">
<option value="-">リンク先選択</option>
<option value="KsGMapPlugIn_MapLink.GoogleLocal">Googleローカル</option>
<option value="KsGMapPlugIn_MapLink.YahooMaps">Yahoo!地図</option>
<option value="KsGMapPlugIn_MapLink.YahooMaps_transit">Yahoo!地図(路線)</option>
<option value="KsGMapPlugIn_MapLink.gooMap">goo地図</option>
<option value="KsGMapPlugIn_MapLink.gooMap_rosen">goo地図(路線)</option>
<option value="KsGMapPlugIn_MapLink.HatenaMap">はてなマップ</option>

<option value="KsGMapPlugIn_MapLink.MSNVirtualEarth">MSN Virtual Earth</option>
<option value="KsGMapPlugIn_MapLink.MapQuest">MapQuest</option>
<option value="KsGMapPlugIn_MapLink.Multimap">Multimap</option>

<option value="KsGMapPlugIn_MapLink.GoogleEarth">Google Earth</option>

</select>

セレクトボックスは他のKsGMapへのリンクも含めることができます。

マップ・リンクの記述方法(Ver 1.00)

マップ・リンクは、アンカータグ、ボタン、セレクトボックスが利用可能です。
下記のHTMLを記述して下さい。スペースの都合上まとめて書きますが、個別のリンクだけでも動作します。

アンカータグ:
<a href="" onclick="KsGMapPlugIn_mapLink_googleMaps( event );">Googleマップ</a>
<a href="" onclick="KsGMapPlugIn_mapLink_yahooMaps( event );">Yahoo!地図</a>
<a href="" onclick="KsGMapPlugIn_mapLink_yahooMaps_transit( event );">Yahoo!地図(路線)</a>
<a href="" onclick="KsGMapPlugIn_mapLink_gooMap( event );">goo地図</a>
<a href="" onclick="KsGMapPlugIn_mapLink_gooMap_rosen( event );">goo地図(路線)</a>
<a href="" onclick="KsGMapPlugIn_mapLink_hatenaMap( event );">はてなマップ</a>
ボタン:
<input type="button" onclick="KsGMapPlugIn_mapLink_googleMaps( event );" value="Googleマップ" />
<input type="button" onclick="KsGMapPlugIn_mapLink_yahooMaps( event );" value="Yahoo!地図" />
<input type="button" onclick="KsGMapPlugIn_mapLink_yahooMaps_transit( event );" value="Yahoo!地図(路線)" />
<input type="button" onclick="KsGMapPlugIn_mapLink_gooMap( event );" value="goo地図" />
<input type="button" onclick="KsGMapPlugIn_mapLink_gooMap_rosen( event );" value="goo地図(路線)" />
<input type="button" onclick="KsGMapPlugIn_mapLink_hatenaMap( event );" value="はてなマップ" />
セレクトボックス:
<select onchange="KsGMapFunc.link.select( event , this );">
<option value="-">リンク先選択</option>
<option value="googleMaps">Googleマップ</option>
<option value="yahooMaps">Yahoo!地図</option>
<option value="yahooMaps_transit">Yahoo!地図(路線)</option>
<option value="gooMap">goo地図</option>
<option value="gooMap_rosen">goo地図(路線)</option>
<option value="hatenaMap">はてなマップ</option>
</select>

セレクトボックスは他のKsGMapへのリンクも含めることができます。

その他

設定値の ksgmap_link_type で新しいウィンドウで開くか、現在のウィンドウで開くか、指定することができます。

対応サイト

サイト範囲備考Ver.
Googleマップ 世界 Googleローカルが統合された為、非推奨 1.00
Googleローカル 世界 1.02
Google Earth 世界 ソフトウェアのGoogle Earthが必要 1.02
MSN Virtual Earth 世界 1.01
goo地図 日本 1.00
goo地図(路線) 日本 現在地から近い駅を表示し、路線検索が可能 1.00
Yahoo!地図 日本 1.00
Yahoo!地図(路線) 日本 現在地から近い駅を表示し、路線検索が可能 1.00
はてなマップ 日本 Google Maps API利用 1.00
MapQuest 北アメリカ 1.01
Multimap 北アメリカ 1.01

ダウンロード

Version 1.10 最新正式版
ksgmap_maplink110.js JavaScript / 9.47 KB / 2007年06月19日 
KsGMap Ver.1.10 以降対応版
Version 1.02 一つ前の正式版
ksgmap_maplink103.js JavaScript / 9.47 KB / 2005年11月22日

サンプル

sample_plugin_maplink01.html
HTML

改変履歴

Version 1.10 2007年06月19日

  • KsGMap Ver1.10に対応。

Version 1.03 2005年11月22日

  • 世界測地系に対応。

Version 1.02 2005年10月23日

  • Google Earth を追加。
  • GoogleマップがGoogleローカルと統合したのに伴い、Googleローカルを追加。(マップもしばらく下位互換する予定)
  • Googleマップと、はてなマップの日本以外で、座標がずれていたのを修正。

Version 1.01 2005年10月08日

  • 【仕様変更】リンクの書き方を変更(下位互換)。
  • 日本以外の「MSN Virtual Earth」「MapQuest」「Multimap」の3サイトを追加。

Version 1.00 2005年9月29日

  • 初版リリース