GoogleMapの地図を埋め込みたいんだが?
ブログに地図があったら映えるんだが?
やり方がわからないんだが!?
8クリックで簡単埋め込み出来ますよ!
皆様こんにちは、兼業ブロガーがちゃこさんです。
ブログを見ていると、よく地図が埋め込まれているのを見ますよね。
これってどうやるの?という疑問にお答えするのが今回の主旨です。
難しいhtmlの編集が必要に思うかもしれませんが、そんな必要は無くて、コピペだけなのでめちゃくちゃ簡単なんです。
プラグインも一切不要です。
というわけで今回の記事は「グーグルマップをブログに埋め込む方法は8クリックでとっても簡単」を紹介します。
この記事を読んだ人は、誰でも簡単に必ず地図を埋め込めるようになります。
では、レディゴッ!
目次
GoogleMapの地図をブログに埋め込む方法
手順は
- ブラウザでGoogleMapを開く
- 場所と縮尺を選択する
- htmlコードを取得する
- ブログのテキスト編集画面に貼り付ける
の4ステップです。
以下で詳しく見ていきましょう。
GoogleMapをブラウザで開く
とりあえずグーグルマップを開かないと話は始まりませんので開きましょう。
場所を検索する
左上の検索ボックスに「紹介したい場所の名前」を入れて検索します。
今回の例では、大須にあるツクモ電気を検索します。
※名前が無い場所の場合は?
もし山の中とか、名前の無い場所を紹介したい場合は、地図を直接クリックしてピンを立てましょう。
縮尺を決める(見落としがちポイント)
地図の尺度によってURLが変わりますので、希望の縮尺をマウスのホイールで決めてください。
世界地図から
市内地図まで
自分で決める事が出来ます。
超便利!
HTMLコードを取得する
- 検索ボックス下の「共有」ボタンをクリック
- 「地図を埋め込む」をクリック
- 「HTMLをコピー」をクリック
これでHTMLコードの取得は完了です。
ブログのテキストエディターに貼り付け
- ブログ編集画面のテキストエディターを選択
- 地図を表示したい位置にさっきコピーしたコードを貼り付け
これで地図の埋め込み作業は完了です。
プレビューで確認
埋め込みが終わったら必ず確認しておきましょう。
無事に地図の埋め込み完了です!
ね?簡単でしょ?
以上になります。
最後まで読んでいただいてありがとうございました。
この記事が読者様のブログ作成の参考になればとても嬉しいです。
コメント