Skip to Content

Google Maps HTML Template

Code

Instead of all the zeros for the api key, you'll have to actually put that in.

<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={{Address|url}},{{City|url}}+{{State|url}}" allowfullscreen>
</iframe>