【図解】ブログ記事にGoogle Mapを埋め込む方法を解説

こんにちは、現役エンジニアの inno_tech です。

ブログやHTMLファイル内でGoogle Mapを表示する方法をお探しでしょうか？

本記事を見れば、GoogleMap上の好きな地点をWordPressやHTMLに埋め込む方法がわかります。また、地図をグレースケールで表示するといったカスタマイズもできるようになります。

本記事はWordPressで動作確認を行っています。

Google Map埋め込みに必要なステップ

Google Mapの埋め込みに必要なステップは2つです。それぞれ順を追って説明していきます。

1. Google Mapで好きな地点を検索し、地図埋め込み用のHTMLをコピー
2. コピーしたHTMLを、自分のブログやHTMLファイルに貼り付け

正しく埋め込みできれば、下にあるように地図を埋め込むことができますよ。