Google maps

Blank 29/3/2018 05:56 - 29/3/2018 05:56
Integrations

Create a GoogleMaps API key

You will need to create a GoogleMaps API key to place it into Kademi's GoogleMaps-lib, You must have a Google account to generate a key for Google Maps API, then register your app project on the Google API Console and get a Google API key which you can add to Kademi.

The Google Maps JavaScript API browser key is used to display maps on your website. Without this key, you’ll see the following error:

Oops! Something went wrong.
This page didn’t load Google Maps correctly. See the JavaScript console for technical details
  • Step 1: Create or login to a google account for your website

  • Step 2: Create a GoogleMaps API key

  •  - Follow the steps below

 

Add a name for a new project 

  • Edit or create a GoogleMaps API key

  • Add a meaningful name

  • Click, Next

 

Using your API Key

  • Click to copy the API key

  • Click, Done

Go to the marketplace

You need to install applications on your website

  • Go to website manager, select website

  • Click on the settings button of your website

  • Next click on find more apps

Search for an application called KContactus

Initialise the setting for GoogleMaps-lib

  • Go to website manager, select apps

  • Search for the Googlemap-lib

  • Next, click on the settings button

  • Paste the GoogleMaps API Key

  • Save

Adding an embedded Google Maps location to a component

  • Aquire an address on google maps

  • Click on the share button

  • Next, Click on the Embedded map tab

  • Copy the embedded code

Add the GoogleMaps component to a page

  • Click on Content

  • Go to edit web pages

  • Select a page and click on the edit button

  • Add a container

  • Next, go to components

  • Type in Google map to search for the component 

  • Drag the Google map component into the container

  • Click on the settings button for the Google map component

  • Click to select the embedded option

  • Paste the Google maps embedded code

  • Save

Google Maps is successfully working