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>