WebサイトにGoogleMapを埋め込む方法

Webサイト(グーテンベルク)でGoogleMapを埋め込む方法をご紹介します。

Googleマップを開き、Webサイトに掲載したい場所を検索します。

画面左上の検索ボックスに表示したいスポット名や住所を入力します。

②共有をクリックします。

③地図を埋め込むをクリックします。

④左上のをクリックし地図のサイズを選びます。

ー参考ー 実際に小・中・大それぞれ表示してみると下のようになります。

⑤サイズを選択、またはカスタムでサイズを指定し右横のHTMLをコピーをクリックし任意の場所に貼り付けます。

WordPressの場合、ブロックの追加をクリックし、カスタムHTMLを選択しはりつけます。 

ー補足ー 見当たらない場合は、ブロックの検索にhtmlと入力すると表示されます。

以上でGoogleMapの埋め込み完了です。