Google Maps API

Navigation:  Knowledge Base > User Console > Applications > Application Manager > Settings >

Google Maps API

Previous pageReturn to chapter overviewNext page

Google Maps API is the interface which is required for using Maps in Appexe. User need to have a Gmail account. To know more follow the steps below.

 

Step 1: Login to Gmail account. Click on https://console.cloud.google.com/ . Following page opens showing Dashboard. User can click on Dropdown to open or create a Project.

 

mobilous_appexe_console_GooglemapAPI_screen1

 

 

Step 2: Select Project window opens. User can select any project from list below or Click on " NEW PROJECT" to create new project.

 

 

mobilous_appexe_console_GooglemapAPI_screen2

 

 

Step 3: Enter Project Name and click on "Create".

 

mobilous_appexe_console_GooglemapAPI_screen3

 

 

Step 4: The new project is added in the list below. Click on "Open" at the right bottom.

 

mobilous_appexe_console_GooglemapAPI_screen4

 

Step 5: The Dashboard page of the Project opens. User needs to go to APIs & Services.

 

mobilous_appexe_console_GooglemapAPI_screen5

 

Step 6: Click on APIs & Services , a sub menu appears. Click on "Credentials".

 

mobilous_appexe_console_GooglemapAPI_screen6

 

Step 7: Credentials window opens. Click on "Create Credentials".

 

mobilous_appexe_console_GooglemapAPI_screen7

 

Step 8: Click on "API Key" option from the drop down.

 

mobilous_appexe_console_GooglemapAPI_screen8

 

Step 9: "API key created" window opens. API key is displayed . User need to copy this API key , to be used in Appexe Console.

 

mobilous_appexe_console_GooglemapAPI_screen9

 

Step 10: Click on "Library"  after creating API key.

 

mobilous_appexe_console_GooglemapAPI_screen10

Step 11: User need to select "Maps Javascript API" for maps.

 

 

mobilous_appexe_console_GooglemapAPI_screen11

 

Step 12: Maps Javascript API opens . Click on " Enable" to enable the API.

 

mobilous_appexe_console_GooglemapAPI_screen12

 

Step 13:  Following page opens after enabling the API. Google Maps API key is successfully created and enabled.

 

 

mobilous_appexe_console_GooglemapAPI_screen13

 

 

Step 14: Open Appexe Project . On Application Manager page, click on settings.

 

mobilous_appexe_console_GooglemapAPI_screen15

 

 

Step 15: Click on "Add Google API".

 

mobilous_appexe_console_GooglemapAPI_screen16

 

Step 16: Google API window opens in console.

 

 

mobilous_appexe_console_GooglemapAPI_consoleDialog

 

Step 17: Enter the Google Maps API created before. User need to copy the same key for both  Google Map key for development and Google Map key for production.

 

mobilous_appexe_console_GooglemapAPI_screen17