ブログにGoogle地図を表示する
皆さま、いつもお世話様です。
めっきり寒くなって参りましたね。
紅葉や銀杏が綺麗に色づいて、散歩をする楽しみが増えました。
さて、今回は、
『ブログにGoogle地図を表示する』です。
-・-・-・-・-・-・-・-・-・-・-・-・-・-・-・-・-・-・-・-・-・-・-・-・-・-・-・-・-・-
①まずはGoogleMapに住所を入力し、地図を表示させて下さい。
②左上の、印刷マークの右に、鎖のようなマークがあります。
(カーソルをあてると「リンク」と文字が表示されます)
これをクリックすると、ブログに貼り付ける用の
アドレスが表示されます。

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

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

文字列の上の方にご注目下さい。
width="xxx"
height="xxx"
と、数値が入っています。
これが、それぞれ
横幅="xxxピクセル"
縦幅="xxxピクセル"
の指定です。
この数値をいじって、大きさを調整してみてください。
大きな地図で見る
横幅400ピクセルの地図です。
(弊社の所在地です)
ブログの場合、あまり横幅が大きいとレイアウトが崩れますので、
400くらいが妥当と思われます。
-・-・-・-・-・-・-・-・-・-・-・-・-・-・-・-・-・-・-・-・-・-・-・-・-・-・-・-・-・-
自分のブログで、ちょっとしたイベントや集まりの案内をする際、
住所だけでなく、地図を貼り付ける事が出来ればスマートです。
めっきり寒くなって参りましたね。
紅葉や銀杏が綺麗に色づいて、散歩をする楽しみが増えました。
さて、今回は、
『ブログにGoogle地図を表示する』です。
-・-・-・-・-・-・-・-・-・-・-・-・-・-・-・-・-・-・-・-・-・-・-・-・-・-・-・-・-・-
①まずはGoogleMapに住所を入力し、地図を表示させて下さい。
②左上の、印刷マークの右に、鎖のようなマークがあります。
(カーソルをあてると「リンク」と文字が表示されます)
これをクリックすると、ブログに貼り付ける用の
アドレスが表示されます。

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

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

文字列の上の方にご注目下さい。
width="xxx"
height="xxx"
と、数値が入っています。
これが、それぞれ
横幅="xxxピクセル"
縦幅="xxxピクセル"
の指定です。
この数値をいじって、大きさを調整してみてください。
大きな地図で見る
横幅400ピクセルの地図です。
(弊社の所在地です)
ブログの場合、あまり横幅が大きいとレイアウトが崩れますので、
400くらいが妥当と思われます。
-・-・-・-・-・-・-・-・-・-・-・-・-・-・-・-・-・-・-・-・-・-・-・-・-・-・-・-・-・-
自分のブログで、ちょっとしたイベントや集まりの案内をする際、
住所だけでなく、地図を貼り付ける事が出来ればスマートです。
スポンサーサイト
| Webノウハウ | 09:00 | comments:0 | trackbacks:0 | TOP↑