WordPressでご提案するSEO対策済みビジネスブログ構築サイト。貴社ホームページを企画・制作・リニューアルします。

Google マップを自分のサイトに貼り付けよう

Google Japan Blogからアナウンス

Google Japan Blogによりますと、GoogleMapsの地図を簡単にサイトに埋め込むことができるようになったようです。
今までは、多少の専門的知識(JavaScript や Maps API 等のプログラミングの知識)が必要でしたが、これからはGoogleMapsからHTMLをコピペするだけで利用できるようになりました。

まずは、その埋め込んだ地図をご覧下さい。 ↓ この画像です。


拡大地図を別画面で表示

※↑地図内のボタンが利用できます。↑地図をドラッグすれば移動できます。「拡大地図を表示」で全体表示します。

埋め込み手順のご紹介

(1)GoogleMapsのサイトを表示します。

Google マップの表示はこちらから・・・

(2)あなたの表示したい周辺地図までズームします。

画面左上の「プラス:ズームイン」「マイナス:ズームアウト」や「矢印:方向」が利用できます。また、ダブルクリックでズームします。

Googleマップでズームします

(3)Google地図のカスタムページを表示します。

地図の右上の鎖マークの「このページのリンク」をクリックします。そして、表示された画面の下にある「埋め込み地図のカスタマイズとプレビュー」をクリックします。

Googleマップのリンク用URLの表示をします

(4)表示サイズを設定します。

表示したい画像サイズ(単位:ピクセル)に変更します。カーソルが外れると「2.プレビュー/3.サイトに地図を埋め・・・」の状態が変化します。「3.サイトに地図を埋め込む場合はこのHTMLをコピーして貼り付けます。」のHTMLを記事投稿画面に貼り付けるだけです。

GoogleマップのURLをブログやサイトに貼り付けるだけ

簡単に埋め込みが可能になりましたので、会社や店舗の所在地を記載しているページでご活用ください。

ちなみに、「ブロビズ」をご利用のお客さまがフルサイズとして埋め込む場合の最大幅は、520ピクセルです。

(ご注意)
便利になったとはいえ表示までに多少の時間を要しますので、トップページへの埋め込みはしないようにしてください。

参考にしたGoogle Japan Blogは、こちらです。

手順のご紹介ではGoogleアカウントにログインしておりません。Googleアカウントを取得してマイマップを利用するとこのページの先頭画像のように、「ピン」を表示することができます。

ビジネスブログのお問合わせ・お申し込みはこちら 電話 お問い合わせ