Enjoy this summer with staggering 30% OFF. coupon SUMMER30

Documentation

Find articles, step-by-step instructions, and advice for getting the most out of ThemeXpert.com

To install and configure Xpert Google Map is pretty simple with a few straightforward steps.

You first need to download the Xpert Google Map Joomla extension from our website then just follow the instruction below regarding installation, and configuration.

Installation

Installing tx_google_map.zip extension is absolutely simple. To do so,

  • Go to Extension> Manage> Install and from Install from Folder tab, select your downloaded tx_google_map.zip file and click Check and Install button. It will show you a successful installation message as soon as it installed successfully.

Google Map

Enabling

To enable it you need to-

  • Go to Extensions> Modules

Google Map

  • Find the module from the list. You can use the search box to find it quickly. Just write map on the Ajax search box and you’ll find it on the top of the module. After you find it, enable it just by clicking on the pointed area shown in the screenshot below.

Google Map

Configuration

  • Click on the module name and it’ll take you in a configuration window.

  • Put the Google Map API key on the api text box.

You can find Google Map API key easily through Google.

  • Upload and select your custom marker icon by simply clicking on the Select button next to the Marker Image option.
  • Now, put your Location’s Latitude as well as Longitude on the corresponding empty text box.

You can find your Location’s Latitude and Longitude attributes through Google.

  • Define the height of the map you want to show on your front-end.
  • Choose a map type. You can either select Satellite or Hybride or Terrain.
  • You can enable or disable styling map by simply put Yes or No on Style Map option.
  • Define the amount of zoom you want to apply on the map. By default its 15.
  • Define a position from the position drop-down menu.
  • Select Published on the status drop-down menu.
  • Save the settings with the Save button at the top of the module.

Google Map

Front-end appearance:

Google Map

How To’s

Show Map on Specific Pages

Under the Menu Assignment tab-

  • Select Only on the pages selected from the drop-down menu.

Google Map

  • First, click on the None to unselect all the selected pages.

Google Map

  • Then, select the page you want to show the Map in. Save the settings with the Save button from the top of the module and you are done.

Google Map

Get Google Map API Key

  • Go to Google and write googel map api key
  • Click on the link with meta title like Google Maps JavaScript API

Google Map

  • Click on Get API button from the next page.

Google Map

  • Write your Project name and Yes to define that you are agree with their terms and conditions.
  • Click on CREATE AND ENABLE API

Google Map

  • Then, on the next page, you’ll find your api key.

Google Map