Google maps responsive

M-am lovit de aceasta chestie si anume de a face google maps responsive pentru un site. Dupa o scurta cautare pe google am gasit urmatoarele coduri care evident functioneaza.

Codul de harta se pune intr-un div numit map-responsive.

map

In css avem urmatoarele coduri.

.map-responsive{
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
}
.map-responsive iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}

un comentariu la “Google maps responsive

Faci un comentariu sau dai un răspuns?

Adresa ta de email nu va fi publicată. Câmpurile obligatorii sunt marcate cu *

Alte articole din aceiasi categorie