頭で覚えていることを整理して、『頭は空っぽ』にするためのブログです

Googleマップを自分のブログに埋め込む方法

【広告】    

先日、道の駅に行ったという記事の中でGoogleマップを埋め込んだんです。

簡単に分かったことではありますが、やり方を調べたのでそれをまとめておきたいと思います。

Googleマップを埋め込む方法

やり方は次の通りです。

 

① Googleマップサイトに行く

こちらのリンクからGoogleマップへ飛べます。

⇒ https://maps.google.co.jp/?hl=ja

 

② 左のサイドバーにあるリンクアイコンをクリックする

下記画像にあるとおり、リンクアイコンをクリックします。

Googleマップ埋め込み リンクアイコン

 

③ 埋め込み用HTMLコードが現れる

リンクアイコンをクリックすると、下記の画像のように埋め込み用HTMLコードが出現します。

そのコードを自分のブログやサイトの表示したい位置にHTMLとして貼り付けたら終わりです。

あら。簡単。

Googleマップ埋め込み 埋め込みコード

 

ちなみに、「埋め込み地図のカスタマイズとプレビュー」というところをクリックすると、

地図画像の大きさなどを指定できます。

【広告】

Googleマップを埋め込んだらこうなります

実際に埋め込んでみたら、こんな風に見えます。


大きな地図で見る

 

自分のブログにGoogleマップを埋め込むのがこんなにも簡単だったとは・・・と拍子抜けしました。(^^;

しかも、ブログで場所を伝えるためには、めちゃめちゃ便利に使えます。

ご参考になれば、嬉しいです。(^^)

    【広告】

関連記事

コメント

  1. この記事へのコメントはありません。

  1. この記事へのトラックバックはありません。

ランキングに参加しています

にほんブログ村 サラリーマン日記ブログへ

アーカイブ