Google Maps

 
Version
1.0
Compatibility
J4.X
M
Release date
January 2023

€ 9

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

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

 

mb avatar 4

  • 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)

 

 

 

 

 

 

 

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.