GoogleMapを全幅(画面横幅いっぱい)で表示させる方法は、色んな方法があると思うが、下記のサイトで紹介されていた方法が一番手っ取り早くて簡単だったので、備忘録として書いておく。
- GoogleMapのサイトで、埋め込み用タグを作る。
- コードの中にある「style=”border:0」を「style=”border:0; margin-right: calc(50% – 50vw); margin-left: calc(50% – 50vw); max-width: none; width: 100vw”」に置き換える。
たったこれだけで全幅で表示させることが可能です。高さを固定するなら「max-kight:400px;」など、style内に記載するとよい。
WordPress テーマ Snow Monkey


トップページに地図(iframe)を横幅いっぱいに表示
このトピックには2件の返信、2人の参加者があり、最後にくに めぐにより6年、 5ヶ月前に更新されました。 3件…
コメント