GoogleMapの地図をブログに埋め込む方法 8クリックで簡単埋め込み【word press】

ブログ運営

GoogleMapの地図を埋め込みたいんだが?

ブログに地図があったら映えるんだが?

やり方がわからないんだが!?

8クリックで簡単埋め込み出来ますよ!

 

皆様こんにちは、兼業ブロガーがちゃこさんです。

ブログを見ていると、よく地図が埋め込まれているのを見ますよね。

これってどうやるの?という疑問にお答えするのが今回の主旨です。

難しいhtmlの編集が必要に思うかもしれませんが、そんな必要は無くて、コピペだけなのでめちゃくちゃ簡単なんです。

プラグインも一切不要です。

というわけで今回の記事は「グーグルマップをブログに埋め込む方法は8クリックでとっても簡単」を紹介します。

この記事を読んだ人は、誰でも簡単に必ず地図を埋め込めるようになります

では、レディゴッ!

 

GoogleMapの地図をブログに埋め込む方法

手順は

  1. ブラウザでGoogleMapを開く
  2. 場所と縮尺を選択する
  3. htmlコードを取得する
  4. ブログのテキスト編集画面に貼り付ける

の4ステップです。

以下で詳しく見ていきましょう。

 

GoogleMapをブラウザで開く

とりあえずグーグルマップを開かないと話は始まりませんので開きましょう。

 

所を検索する

左上の検索ボックスに「紹介したい場所の名前」を入れて検索します。

今回の例では、大須にあるツクモ電気を検索します。

※名前が無い場所の場合は?

もし山の中とか、名前の無い場所を紹介したい場合は、地図を直接クリックしてピンを立てましょう。

 

尺を決める(見落としがちポイント

地図の尺度によってURLが変わりますので、希望の縮尺をマウスのホイールで決めてください。

世界地図から

市内地図まで

自分で決める事が出来ます。

超便利!

 

HTMLコードを取得する

  1. 検索ボックス下の「共有」ボタンをクリック
  2. 地図を埋め込む」をクリック
  3. HTMLをコピー」をクリック

これでHTMLコードの取得は完了です。

 

ログのテキストエディターに貼り付け

  1. ブログ編集画面のテキストエディターを選択
  2. 地図を表示したい位置にさっきコピーしたコードを貼り付け

これで地図の埋め込み作業は完了です。

 

レビューで確認

埋め込みが終わったら必ず確認しておきましょう。

無事に地図の埋め込み完了です!

ね?簡単でしょ?

 

以上になります。

最後まで読んでいただいてありがとうございました。

この記事が読者様のブログ作成の参考になればとても嬉しいです。

コメント

最近のコメント

タイトルとURLをコピーしました