When we set up the templates up, it's done without a google maps api key so that the maps will show when you view the demo.  


If you view the console on a page with a map you will see this warning:


blob1478552134885.png


When you take your site live you may find your map no longer works....and this is because you need to set up your google maps api key.

In order to set this up for YOUR site, you need to get your api key.

The documentation for doing that is here: https://developers.google.com/maps/documentation/javascript/get-api-key


Once you have your api key, you need to update the script tag that makes the call to the google maps api, this will usually be in the page template.


So this: 

<script src="http://maps.googleapis.com/maps/api/js"></script> 


Becomes this:

<script src="https://maps.googleapis.com/maps/api/js?key=xxxPUTxYOURxKEYxHERExxxxx&callback=initMap" type="text/javascript"></script>


You also want to make sure you enter all the potential urls for your site in the api console.

ie:

*.YOURDOMAIN.com/* 

YOURDOMAIN.com/* 

YOURSITENAME.businesscatalyst.com/*

YOURSITENAME.worldsecuresystems.com/*