Googleマップのコードを取得しよう
まずは、Googleマップのコードを取得しましょう。
コードは以下の手順で誰でも簡単に取得することが出来ます。
Googleマップにアクセスします。

赤枠の検索欄に、店名、建物名、住所などを入力して検索します。

目的の地図が表示されていることを確認したら、赤枠部分の【共有】をクリックします。

ポップアップが表示されますので【地図を埋め込む】を選択しましょう。
上記の様に地図の埋め込みコードが表示されます。
続けて地図のサイズをこの時に選択します。

赤枠部分をクリックするとサイズの選択ができます。
各項目のサイズは以下の通りです。
小 = 400 × 300 ピクセル
中 = 600 × 450 ピクセル
大 = 800 × 600 ピクセル
お好きなサイズを選択すると、コードも自動的に書き換わります。
上記以外のサイズで取得したい場合は【カスタムサイズ】を選択しましょう。

上記の赤枠部分に、任意の横幅と縦幅をピクセルで入力します。
最後に表示されているコードをコピーしておきましょう。
これで、Googleマップを埋め込むコードの取得は完了です。
Googleマップ埋め込もう
Googleマップを埋め込むコードが取得できたら埋め込み作業に移りましょう。
Googleマップの埋め込みは、テキストエディタで行います。

マップを埋め込みたい位置にカーソルを合わせましょう。
後は、先ほどコピーした埋め込みコードを貼り付けます。
埋め込み作業はこれだけです。
テキストエディタ上ではマップを確認することはできません。
プレビューで確認すると埋め込みが出来ているのが確認できます。
Googleマップ埋め込み手順は以上です。
まとめ
WordPressの投稿や固定ページにGoogleマップを埋め込む方法をご紹介しました。
簡単ですね!コピペして記事を保存すればOKです。
ビジュアルエディタでコードを直接貼り付けても正常に動作しません。
この部分だけは気を付けてください。
コメントを残す