GoogleMapはほとんどのサイトに設置してあって、スマートフォンからでも簡単に見れて分かりやすい。 埋め込みはiframeを使うのでレスポンシブに適用させるためにはレスポンシブ用のCSSが必要です。 新しいGoogleMapを埋め込んでみよう! トップページにいって、表示したい住所を打ち込み、右下の「地図を共有/埋め込む」をクリック 「地図を埋め込む」のタブをクリックして、iframeコードをコピーしてサイトの表示したい場所に埋め込むだけ GoogleMapをレスポンシブサイトに対応させてみよう! まずdivでiframeを囲みます。 HTML <div class="ggmap">iframeのコピーしたコード</div> CSS .ggmap { position: relative; padding-bottom: 56.25%; padding-top: 30px; heigh
![【コピペOK】GoogleMapの地図をレスポンシブサイトに埋め込む方法](https://cdn-ak-scissors.b.st-hatena.com/image/square/4a60dc51d696d488a2c8edd72421881ea9cd23fb/height=288;version=1;width=512/https%3A%2F%2Finthecom.net%2Fwp-content%2Fuploads%2F2014%2F03%2Fggmap.png)