Google Mapを自分のWebページに貼る


ありました、ありました。

以前"panoramio"で自分の写真を貼ったGoogle Mapを自分のWebページに貼るというのをやってみましたが、それだとリンク先は当然、"panoramio"のサイトです。
そうでなく、自由に吹出しの中のテキストとかリンク先もカスタマイズしたくなる。でもそうなるとjavascriptの知識とか必要ですし敷居高いです。
で、それを簡単にやってくれるWebサービスを探してましたが、ありました。
こちら→gmapcreator
ありがたいことです。

それで、作ってみたのが上。
マーカーをクリックすると例によって吹出しが表示されます。
その吹出しの中身も自由に入力できます。簡単です。だれでもできます。
かんたんなhtmlがわかる人なら画像やリンクテキストも簡単に貼り付けることができます。
ただ、気をつけるのは...

sponsored link

画像を貼るときは
<img src="画像ファイルのURL">
ではだめで、ダブルクォーテーション「 " 」をシングルクォーテーション「 ' 」に変えてやる必要があります。
<img src='画像ファイルのURL'>
こうすればよい。
リンクテキストも同様です。
それだけです。

上のマップは別にhtmlファイルをアップしてiframeで表示してますが、javascriptがわかれば直接ここに貼ることもできるのかな?
それにしても楽しい、楽しい。
"地球旅行"のトップページもリニューアルしてみました。

« あけましておめでとうございます。 | メイン | Apple TVと、やっぱりiPhoneだったんだ! »

トラックバック

» WikiMapia from DayByDay
さらに超簡単にGoogle Mapをブログに貼り付けられるWebサービスを発見... [Read More]