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.

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;
}