Google Maps API

To be able to use Google Maps on your website you have to register Maps Javascript API key (Make sure to enable Geocoding API as well).
Please follow the link below for the instructions.

CreateX data API

You can alter the map via flexible data API data-:

height="integer" Height of the map in pixels

address="string" Address you want GM to point to

zoom="integer" The map scale

disable-controls="true/false" Enable/disable map controls where true - disable and false - enable

scrollwheel="true/false" Enable/disable map scale using mouse scroll wheel

marker="path-to-image (string)" Paht to your map pin (marker) image preferably in PNG format with transparent background

marker-title="string" Tooltip text displayed when the user hovers over map marker

styles="JSON" Alter map visual appearance by passing custom styles in JSON format. We recommend Snazzy Maps styles collection.

See example below:

<!-- Enable Map Controls -->
<div class="google-map" data-height="300" data-address="New York, USA" data-zoom="10" data-disable-controls="false" data-scrollwheel="false" data-marker="path-to-map-marker-image" data-marker-title="We are here!" data-styles='[{ "styles in JSON format" }]'></div>

//- Enable Map Controls
.google-map(
  data-height = "300",
  data-address = "New York, USA",
  data-zoom = "10",
  data-disable-controls = "false",
  data-scrollwheel = "false",
  data-marker = "path-to-map-marker-image",
  data-marker-title = "We are here!",
  data-styles = '[{ "styles in JSON format" }]'
)