こんにちは。
『やさしいブログの作り方』の松田です。

セミナーやイベントの告知記事を書く時など、会場までのアクセスをお知らせするのにグーグルマップが使えると便利ですよね。

グーグルマップをアメブロの記事に埋め込むことは可能です。

ただ、通常のグーグルマップだとガラケーでは何も表示されなかったり、また使っているエディタによってうまく機能しなかったりとなかなかサクッとはいきません。^^;


そこで今日はちょっと変わった方法として、グーグルマップを静止画にして記事に貼り付ける方法をご紹介します。

グーグルマップを静止画にする魔法のタグは以下のとおりです。


<img src="http://maps.googleapis.com/maps/api/staticmap?center=38.259787,140.873724&zoom=17&format=png&sensor=false&size=400x300&maptype=roadmap&markers=38.259787,140.873724" />


まず、上記タグをコピーして、記事の編集画面に貼り付けます。(標準エディタおよび新エディタを使っている方はHTML表示に切り替えてから貼り付けて下さい。)


やさしいブログの作り方

次に、グーグルマップにアクセスし、住所等を入力して目的地を表示させます。


やさしいブログの作り方

表示されたら、その地図のURLアドレスの中にある@マーク以下から、2つ目のカンマまでの数字をコピーします。


記事編集画面に戻り、貼り付けたタグの中にある2箇所の赤字部分の数字と置き換えます。

これで静止画のグーグルマップが表示されます。




なお、上記の画像貼り付けタグの中にある、ピンクの数字(zoomの値)を大小することで表示される地図が拡大縮小されます。


最後までお読みいただきありがとうございました。

3つの無料メール講座配信中

これからブログを頑張っていきたい! まずは基本から。
やさしいブログづくりのための、やさしいメール講座(全5回)

「来てよかったです!」と言われるイベントにするために。
少人数イベント実施のための5つのステップ+2が学べるメール講座(全7回)

メルマガ、やってみたいけどどうすれば?という方へ
初めてでも安心して始められる、ステップメールの作り方メール講座(全10回)


6月1日、電子出版しました!

ブログを続けていてよかった、そんな気持ちを一人でも多くの人と共有したいと思っています。^^

AmazonのKindleストアにて好評販売中!
やさしいブログが教えてくれたこと