Googleマップ 埋め込みコードの取得方法

 

アクションフォームウイジェット」では、Googleマップの埋め込みコードを設定することで任意の位置のマップを表示させることができます。 会社の所在地はもちろん、店舗情報やセミナーの開催場所の案内など、様々なシーンで活用してください。

ここでは、Googleマップの埋め込みコードの取得方法について解説しています。

 

bandicam 2014-09-22 19-00-29-737

まず、Googleマップにアクセスし、左上の検索窓から表示したい位置の住所を入力し検索ボタンを押します。

 

bandicam 2014-09-22 19-04-52-815

表示したいマップが表示されたら、右下の歯車のようなマークをクリックし「地図を共有/埋め込む」をクリックします。

 

bandicam 2014-09-22 19-07-17-925

ポップアップしたウインドウの「地図を埋め込む」のタグをクリックするとこのような画面になりますから、左上のドロップダウンメニューをクリックし「カスタムサイズ」をクリックします。(画面上で「中」になっているところ)

 

bandicam 2014-09-22 19-08-33-152

テキストエリア内に生成されたコードをすべてコピーします。

 

bandicam 2014-09-22 19-10-06-228

一旦テキストエディタにコードを貼り付け、赤丸で囲んだ部分を「width=”100%”」に変更してください。 変更したら再度コピーしておきます。

 

bandicam 2014-09-19 23-02-45-344

アクションフォームウイジェットの設定を開き、「グーグルマップのコード」の欄に、先ほどコピーしておいたコードを貼り付けて保存してください。

 

これで設定は完了です。

 

この記事を書いた人

Graziosoサポート

Graziosoのカスタマー担当。