Googleマップの埋め込み方法


要素を使用することです。以下に、Googleマップを埋め込むためのシンプルで簡単な手順とコード例を示します。

  1. Googleマップを開きます。 Googleマップのウェブサイトにアクセスし、埋め込みたい場所を検索します。

  2. マップの表示設定を選択します。 右上にある「共有」ボタンをクリックし、表示されるメニューから「地図を埋め込む」を選択します。

  3. 埋め込みコードをコピーします。 ダイアログボックスが表示され、埋め込みコードが生成されます。コードを選択し、コピーします。

  4. ブログ投稿に埋め込みコードを貼り付けます。 ブログの投稿画面で、埋め込みたい場所にカーソルを置き、コードを貼り付けます。投稿を保存または公開します。

以下に、埋め込みコードの例を示します。

<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3241.7908714050956!2d139.69170601525878!3d35.68948758009081!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x60188b3f0b1f2e37%3A0x2f6c83a6f7b52e5a!2z5ZCN5Y-k5bGL5Lya56S-!5e0!3m2!1sja!2sjp!4v1644991199999!5m2!1sja!2sjp" width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy"></iframe>

上記のコードは、東京の位置を示すGoogleマップを埋め込むためのものです。src属性の値には、Googleマップの埋め込みURLが含まれています。

この方法を使用すると、ブログ投稿にGoogleマップを簡単に埋め込むことができます。必要に応じて、widthheightの値を調整してマップのサイズを変更することもできます。

以上が、Googleマップの埋め込み方法とコード例の説明です。これを参考にして、ブログ投稿に便利な地図を追加してみてください。