Googleマップを埋め込んだサイトはよく見かけますが、そのまま埋め込んだだけだとレスポンシブに対応できません。ですので今回は「Googleマップをレンスポンシブに対応させる方法」をやっていきたいと思います。 まずはGoogleマップを埋め込む ご存知方も多いと思いますが、まずはGoogleマップをサイトに埋め込みむ方法を確認しましょう。 Googleマップにアクセスします。 https://www.google.co.jp/maps/ 画面左にある検索ボックスで表示したい場所を検索します。今回は新宿駅にしました。 そして同じく左のメニューにある「共有」をクリックします。 するとこんな感じのポップアップが出てきますので、「地図を埋め込む」をクリックします。表示が変わりiframeのタグが出てきますので、コピーします。 iframeのサイズを大・中・小やカスタムサイズから選べますが、今回はサ
![Googleマップをレンスポンシブに対応する方法](https://cdn-ak-scissors.b.st-hatena.com/image/square/459d558784b2daac21752a01a9b0ee62a3be4fda/height=288;version=1;width=512/https%3A%2F%2Fwebdesignday.jp%2Fwp-content%2Fuploads%2F2018%2F09%2Fp4213.jpg)