Modelo HTML do Google Maps¶

Código¶

Em vez de todos os zeros para a chave da API, você terá que inseri-la.

<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={{Endereço|url}},{{Cidade|url}}+{{Estado|url}}" allowfullscreen>
</iframe>