【コピペOK】GoogleMapの地図をレスポンシブサイトに埋め込む方法

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

[skunk0915]

gmap　グーグルマップ

[idr_zz]

地図をレスポンシブに埋め込むには<div>でちょちょいと囲めはOK。 レスポンシブ動画と似た方法ですね。とってもカン・タン・だ！ 【コピペOK】GoogleMapの地図をレスポンシブサイトに埋め込む方法

[takaken1123]

[2016-09-02 11:34]

[masa-zx]

“レスポンシブ”

[sutara_lumpur]

#CSS なぜこんなに簡単にできるのか、後でじっくり検証してみます (-人-)