>> EDIT

2013.12.02 Mon

ブログにGoogle地図を表示する

皆さま、いつもお世話様です。

めっきり寒くなって参りましたね。
紅葉や銀杏が綺麗に色づいて、散歩をする楽しみが増えました。

さて、今回は、
『ブログにGoogle地図を表示する』です。


-･-･-･-･-･-･-･-･-･-･-･-･-･-･-･-･-･-･-･-･-･-･-･-･-･-･-･-･-･-

①まずはGoogleMapに住所を入力し、地図を表示させて下さい。

②左上の、印刷マークの右に、鎖のようなマークがあります。
　（カーソルをあてると「リンク」と文字が表示されます）
　これをクリックすると、ブログに貼り付ける用の
　アドレスが表示されます。



2つある窓の、下の方がブログ用です。
これをコピーしてください。


③ブログ記事に貼りつけてください。



とても長い文字列が貼りつけられます。
プレビューで見ると、地図が貼りつけられているのが分かります。


④サイズ調整



文字列の上の方にご注目下さい。

width="xxx"
height="xxx"
と、数値が入っています。

これが、それぞれ
横幅="xxxピクセル"
縦幅="xxxピクセル"
の指定です。

この数値をいじって、大きさを調整してみてください。



大きな地図で見る

横幅400ピクセルの地図です。
（弊社の所在地です）
ブログの場合、あまり横幅が大きいとレイアウトが崩れますので、
400くらいが妥当と思われます。

-･-･-･-･-･-･-･-･-･-･-･-･-･-･-･-･-･-･-･-･-･-･-･-･-･-･-･-･-･-


自分のブログで、ちょっとしたイベントや集まりの案内をする際、
住所だけでなく、地図を貼り付ける事が出来ればスマートです。