ドキュメント
マップ・リンクとは
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 で新しいウィンドウで開くか、現在のウィンドウで開くか、指定することができます。
対応サイト
ダウンロード
サンプル
改変履歴
Version 1.10 2007年06月19日
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日