Map

Overview

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

Examples

Default 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	Don'ts
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`.