Saltar al contenido

Modelo HTML de Google Maps

Código

En lugar de todos los ceros para la clave de API, tendrás que ponerla.

<style>
.map-container {
    position: relative;
    padding-bottom: 70%;
    padding-top: 35px;
    height: 0;
    overflow: hidden;
}

.map-container iframe {
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
}
</style>

<div class="map-container">
<iframe
  width="600"
  height="450"
  frameborder="0" style="border:0"
  src="https://www.google.com/maps/embed/v1/place?key=000000000000000000000000000000000000000
    &q={{Dirección|url}},{{Ciudad|url}}+{{Estado|url}}" allowfullscreen>
</iframe>