Skip to Content

Turn your connections into holiday cash with our new Customer Referral Program! Learn more

This documentation is for version 4 of App Builder, the new name for Vinyl. Access the Vinyl documentation here.

Google Maps HTML template in Jitterbit App Builder

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>