1.はじめに
 「○○の桜を撮影しました」、「○○へ撮影旅行しました」等の撮影場所を地図で表現したらどうでしょう・・・
そこで検索エンジンの地図を活用してホームページ等で紹介する方法を説明する
2.表示例
まず、皇居付近の地図を表示してみる
下記の部分をクリックしてみると、それぞれの場所が表示される

 ■ 皇居付近(Google)
    URL : http://local.google.co.jp/?ie=UTF8&ll=35.679261,139.75
          6608&spn=0.011661,0.018239&z=16

 ■ 皇居付近(Yahoo)
    URL : http://map.yahoo.co.jp/pl?lat=35.681415335296684&lon=139.7
          608821496133&sc=3&mode=map&type=scroll

 ■ 皇居付近(Mapion)
    URL : http://www.mapion.co.jp/c/f?uc=1&grp=all&nl=35/40/38.172&el=139
          /45/28.493&scl=10000&bid=Mlink&coco=35/40/38.172,139/
          45/28.493&icon=home,,,,,

   ( URLは実際には1行となります。表示幅の関係で数行に分割 )

具体的にどの地図を使用するかは各自の好みによる。但しMapionは国内のみとなる
地図の拡大・縮小、スクロールはそれぞれで異なる。

3.URLの求め方
■ Googleの場合

まず、地図を表示する。
右上の「このページのリンク」をクリックする

すると下図のように枠の中にURLが表示される
「このリンクをメールに貼り付けて・・・」で反転しているURLをコピーする

これを下記のリンクアドレスに貼り付ける
<A href="http://・・・・・・・" target="_blank" onfocus="this.blur()">皇居付近</A>
「皇居付近」をクリックするとGoogleの地図が表示されるという仕組みです

<A href=・・・・・ には下記を追加しておく
  target="_blank"     新しいウインドウで開く
  onfocus="this.blur()"  クリックしたとき点線の枠を表示させないため

以下 Yahoo、Mapion とも同じようにセットする

なお「HTMLを貼り付けてサイトに地図を埋め込みます」も試してみると面白いでしょう


■ Yahooの場合

まず、地図を表示する。
右上の「この地図のURL?」をクリックする

するとアドレス欄に地図のURLが表示される
このURLをコピーする

これを下記のリンクアドレスに貼り付ける
<A href="http://・・・・・・・" target="_blank" onfocus="this.blur()">皇居付近</A>
「皇居付近」をクリックするとYahooの地図が表示されるという仕組みです
 

■ Mapionの場合

まず、地図を表示する。
右上の「地図URL」をクリックする

すると下図のように地図の中央にURLが表示される
ここで「中心マークつきURL」にチェックを付けて、「URLを選択」
URLが反転するので、これをコピーする

これを下記のリンクアドレスに貼り付ける
<A href="http://・・・・・・・" target="_blank" onfocus="this.blur()">皇居付近</A>
「皇居付近」をクリックするとMapionの地図が表示されるという仕組みです

4.終わりに
如何でしょうか
どうぞ活用してみてください
2008/04/10