この記事では、埋め込みマップをレスポンシブにするプロセスを説明します。
埋め込みマップをレスポンシブにする方法?
ユーザーは、いくつかの CSS プロパティを使用して、レスポンシブにマップを HTML に埋め込むことができます。ただし、最初に埋め込みリンクを取得する必要があります。そのためには、まずステップ 1 を実行し、次に次のようにマップを HTML に埋め込みます。
ステップ 1: 地図の埋め込みリンクを取得する
埋め込みマップのリンクを取得するには、まず「」に移動します。 グーグルマップ ”:
クリックしてください ' 地図を共有または埋め込む ' オプション：
次に、「」をクリックします。 地図を埋め込む 」ボタンをクリックして埋め込みリンクを取得します。
その後、「」をクリックします。 HTMLをコピー ” コードをコピーするには:
ステップ 2: HTML に地図を埋め込む
HTML に地図を埋め込むには、まず HTML 構造を作成します。 HTML で、コピーした埋め込みリンクを <本文> 内のセクション そしてdivのクラス名を設定します。スタイルを追加することをお勧めします