2010年7月16日

隠居のGoogle利用:検索したGoogle マップをメール・ブログに貼り付ける

 先日同期(従って古希に近い歳の)の友人と食事をしたときに、ブログに Google Map を貼り付ける方法を聞かれた。彼はこの歳にしては、IT に理解があるほうだ。とっさに、Google Maps API の紹介をしたが、自分のサイトを持っていなければならないし、JavaScript の理解など敷居がいささか高い。

 ところが、簡単にできないものかとググってみると、それほど難しくなくできることが分かった。備忘録的に、使い方を記録しておこうと思う。この方法の一部を使えば、メールにも挿入することができる。
  1. Google マップー地図検索】を立ち上げて、目的とする地点を表示する。(例示として、私の住んでいる地区の堺市南区役所を取り上げた。)
    map_01.JPG

  2. この地図をメール送信するには、地図の右上にある【送信】ボタンをクリックする。すると下のスクリーンショットのようなポップアップ画面がでてくるので、送信する情報セレクト・ボックスで、この例の場合南区役所を選択し、送信先のアドレス、自分のアドレス(必須)、メッセージ欄に用件を挿入して、【送信】ボタンをクリックすると画像認証コードの入力が求められる。これを実施するとメールが送信される。 map_02.JPG map_03.JPG
     受信したメールは次のようなメッセージとなるので、長いURL部分をクリックすると最初に検索した地図が表示される。待ち合わせ場所などの連絡などに使えば便利そうである。
    map_04.JPG
  3. ブログに貼り付ける場合は、検索した地図の右上にある【リンク】をクリックする。するとブログに貼り付けるHTML コードが出てくる(下のボックス)ので、これを Copy&Paste で目的とするブログに貼り付ければよい。ただし、ブログによっては、HTMLタグを全面的に受け入れていないブログもあるので、その場合はブログには張り付けられない。
    私が試した範囲では、Yahoo Blog! では地図は表示されないが、ココログではOK であった。もちろん、私のブログが使っている Movable Type でもOKである。
    上のボックスに出ているURLをメールに貼り付けても、メールで送信できる。受信側は、同じような形で受け取ることになる。こちらの方が、画像認証をしなくていいのと、使い慣れたメール作成ページに張り付けられるので便利のように思う。
  4. ブログに張り付ける地図は、左サイドの案内(広告)部分はなくて、大きさはカストマイズできる。700x600ピクセルに拡大したものは、次のような感じである。(私のMovable Type でのブログ)
    張り付けられた地図は、Google Map を使うように、拡大・縮小ができたり、画面を移動できたりする。下の地図で試してみて欲しい。
    ただし、ふき出しの中に関連URLへのリンクを入れるとか、写真を表示するなどもう少し細かい作業は、やはり Google Maps API を使わなければできないようだ。


    大きな地図で見る

  5. マークやふき出しを表示させない方法は、【小粋空間】さんが提供してくれている。

    ただ、現在は改良されているのか、検索したときの状態のままをHTML 化してくれているようだ。



(追記:2010/7/23) 2010年7月23日現在:【送信】ボタンでのメール送信は 2. の画面がでてこないが、受信元にはURLで届いているようだ。画像認証がなくなっているので楽になっている。 3. の方法には、変化はない。