㈱システムデザインセンター (システム構築・Web・文書課)

FileMakerシステム構築
FileMakerビジネスアライアンス加盟
なぜFileMaker?
ExcelからFileMakerへ

<< PREV | PAGE-SELECT | NEXT >>

>> EDIT

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

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

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

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


-・-・-・-・-・-・-・-・-・-・-・-・-・-・-・-・-・-・-・-・-・-・-・-・-・-・-・-・-・-

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

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

blg_20131129_01.jpg

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


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

blg_20131129_02.jpg

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


④サイズ調整

blg_20131129_03.jpg

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

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

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

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



大きな地図で見る

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

-・-・-・-・-・-・-・-・-・-・-・-・-・-・-・-・-・-・-・-・-・-・-・-・-・-・-・-・-・-


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

| Webノウハウ | 09:00 | comments:0 | trackbacks:0 | TOP↑

COMMENT















非公開コメント:

TRACKBACK URL

http://bunsyoka.blog.fc2.com/tb.php/46-9801ef62

TRACKBACK

<< PREV | PAGE-SELECT | NEXT >>