Map

Overview

This component's sole purpose is to provide flexibility and responsiveness to an embedded Google map on your page.

Examples

Maps variation

<div class="embed embed--map">
  <iframe
  src="https://www.google.com/maps/embed/v1/place?key=AIzaSyBj9zhhTpnX4WuNF1o4ZBY1aH0bHWNFG1Y&amp;q=167+Cremorne+Street,Cremorne" allowfullscreen="">
  </iframe>
</div>

Usage guidelines

Dos	Donts
Do properly configure your Map before using the embed code.

Implementation guidelines

Name	Class	Description
Aspect ratio	`.embed--map` `.embed--square`	Change the aspect ratio of the Map. Default is `.embed--map`.