Angular Maps

Our Angular Map component uses the Google Maps API and it comes with a custom interface that matches the theme’s colours.
Keep reading our Angular Maps examples and learn how to use this plugin.

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 for the map <div>

Example

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

Custom map Pro

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