.map-responsive {
    position: relative;
    width: 100%;
    /* ocupa todo el ancho del container */
    height: 10cm;
    /* altura fija de 10 cm */
    overflow: hidden;
}

.map-responsive iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    /* ajusta al ancho del contenedor */
    height: 100%;
    /* ajusta a la altura definida en el padre */
    border: 0;
    /* sin borde */
}