メインコンテンツにスキップ

Google Mapsを埋め込む

StudioサイトにGoogle Mapsを埋め込む方法と、設置したGoogle Mapsの位置情報を変更する方法を解説します。

今週アップデートされました

Google Mapsを追加する方法

(1) 地図の埋め込みコードを取得する

  1. 埋め込みコードを、別の住所に変更します
    iframeコードは、Google Mapsでピンを指定して「共有」→「地図を埋め込む」タブで取得できます。

  2. Google Mapsのサイトまたはアプリで表示したい場所を開きます。

  3. [共有]→[地図を埋め込む]から、埋め込みコードをコピーします。

(2) StudioにGoogle Maps埋め込みボックスを設置する

  1. 画面左のナビゲーションから追加パネルを開きます。

  2. [基本]タブを開きます。

  3. [埋め込み]ボックス群にある[Map]の埋め込みボックスを選択して設置します。

(3) Google Mapsの位置情報を登録・変更する

  1. (2)で設置した埋め込みボックスをクリックします。

  2. 右パネルの[埋め込み]タブを開きます。パネルが閉じている場合は、右パネルを開いてください。

  3. [埋め込みコード]の[エディタを開く]をクリックします。

  4. [埋め込みコードを編集]画面の左側に表示される編集画面で、もともと入っている文字を削除し、TikTokでコピーしたリンクを貼り付けて[保存]します。

  5. 公開済みのサイトを編集していた場合は、サイトを更新します。 更新するまで、変更内容は反映されません。

googlemap グーグルマップ googleマップ google マップ

こちらの回答で解決しましたか?