This module lets you place a google map in a module position. You can style it as you want.

Google Maps

Version
1.0

Compatibility

J3.X

M

Release date
January 2020

€ 9

BUY NOW

This module lets you place a google map in a module position. You can style it as you want.

Information

This module lets you place a google map in a module position. You can style it as you want. Check out an example below:

 

Features

• Installs as regular module
• add css to your element
• enter the address for your map, be as specific as possible
• set the map height in pixels
• enter your google maps api key
• set the default zoom level
• set the maptype
• set your map color ( color or black and white)

 

 

 

 

 

 

 

 

 

 

 

 

 

How to get a working API Key from Google

You need a working Google maps API key from google for this module. How to get one is described here.

1. Go to https://developers.google.com/maps/documentation/javascript/get-api-key and follow the steps. 
   You need to add billing details!
2. Create a project
3. Get your credentials (this is the code you have to enter for the module to work)
4. Once you have this, add the following API's to the credentials or the module will not work:
   - Geocoding API
   - Maps Javascript API
5. Once this is setup, it should work. 
6. Optionally you could restrict your project, to certain websites. I would advise you to do so.

Screenshots