# Maps

Our map component uses the Google Maps API and it comes with a custom interface that matches the theme’s colors

## Usage

In order to use this plugin on your page you will need to include the following script in the “Optional JS” area from the page’s footer:

    <script src="https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY"></script>

### Get your API key

In order to get your Google Maps API key navigate to the following page: Google Maps

### Initialization

Simply copy one of the code examples demonstrated below and include it in your page. Afterwards, you can modify the lat and long in the `data-lat` and `data-lng` attributes from the

## Example

    <div id="map-default" class="map-canvas" data-lat="40.748817" data-lng="-73.985428" style="height: 600px;"></div>

## Custom map

    <div id="map-custom" class="map-canvas" data-lat="40.748817" data-lng="-73.985428" style="height: 600px;"></div>