Google Mapを埋め込みレスポンシブ対応にする簡単な方法
Google Mapを埋め込ん無方法、およびレスポンシブ対応にする簡単な方法を見つけたのでご紹介していきます!
まず、Google Mapで対象の地図を出します。今回は例として東京駅の地図にしましょう。
左メニューの「共有」をクリックします。
すると、うえのようなポップアップが表示されるので、「地図を埋め込む」をクリックします。
「HTML」をコピーするをクリックすると、以下のコードがコピーできます。
デフォルトで幅が指定されているので、このままだとレスポンシブにはなっていません。レスポンシブにするには、widthを100%にしてあげましょう。
できた地図が以下です↓
簡単なので、ぜひ使ってみてくださいね!