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.

 

 

 

Thumbs up!

Our modules are loved by our customers. Not only do our modules solve their problems, but our well thought of modules will work without any problems.

Fast deployment

Our modules contain all the features you need to make designing websites for your next project or your development fast, easy, and effective! 

Value for money

Our developers have spent many hours developing the modules for your website. All features are tested, making them highly compatible with all your projects!