HTMLにGoogleマップを埋め込む方法

あなたのウェブサイトに、その地域の地図があると非常に便利です。このWikiHowでは、HTMLにGoogleマップを埋め込む方法をご紹介します。

その1

グーグルマップコードの取得

1. で共有したい場所にアクセスします。グーグルマップ専用のマップが開きます。
2. をクリックします。これはブラウザウィンドウの左側にあります。
3. 地図の共有または埋め込みをクリックします。代わりに "このマップへのリンク "と表示されるかもしれません。このオプションはメニューの一番下にあります。
4. マップの埋め込み] タブをクリックします。
5. 必要なマップのサイズを選択します。テキストのフィールドの横に、[SMALL]、[MEDIUM]、[LARGE]、または [CUSTOM SIZE] が表示されます。下向きの小さな矢印をクリックして、マップのサイズを変更します。
6. 提供されたテキストをコピーします。Ctrl+C (Windows) または ⌘ Cmd+C (Mac) のキーボード ショートカットを使用して、テキストをコピーできます。モバイルデバイスでは、テキストをロングタップすると、"Select all" (すべて選択) および "Copy" (コピー) オプションが表示されます。

パート2

グーグルマップコードを埋め込む

1. HTMLを開きます。Dreamweaverのようなプログラムを使うこともできますし、メモ帳やテキストエディットのようなHTMLファイルを編集するシンプルなアプリを使うこともできます。
2. Google Mapのコードを埋め込みたい場所に移動します。Dreamweaverのようなアプリケーションでは、コードがウェブページ上で何に変換されるかを見ることができるので、HTMLコードを簡単にナビゲートすることができます。そのようなアプリケーションがない場合は、コードを見てウェブページのどこにいるかを知る必要があります。
3. グーグルマップのコードを貼り付けます。Ctrl+P (Windows) または ⌘ Cmd+P (Mac) を押して、キーボードショートカットを使うことができます。モバイル端末では、テキストフィールドをロングタップし、オプションが表示されたら「貼り付け」をタップします。

この記事は、CC BY-NC-SAの下で公開された " How to Embed a Google Map in HTML " を改変して作成しました。特に断りのない限り、CC BY-NC-SAの下で利用可能です。