Joomla Templates, WordPress Themes - HotThemes

Joomla Google Maps Plugin and Module - Hot Maps

Joomla 1.5, 2.5 and 3.0 compatible

The most popular online maps service today is certainly Google Maps. This service covers the entire globe. Allmost all places and addresses throughout the world are included in this giant online world map. Modern websites often use free maps from Google to show where the company is located or how to find the company's offices. Travel websites can use maps to show destinations they offer for vacation trips. You can use Hot Maps plugin and module to insert Google Maps easily into your Joomla content pages.

Joomla Google Maps Plugin and Module Hot Maps has been created to allow webmasters to include any map from Google Maps inside Joomla website. With one purchase, you will get both Hot Maps plugin and module!

Google Maps Module

Once you install the module and publish it in appropriate module positions, you should enter location that should be displayed (in example "Copacabana beach Brazil") and set dimensions (width and height) of the map. That's it. Your map is ready! There's not need to register or copy any code.

In addition, you can include pre-text and post-text (HTML allowed) that will be displayed above and below the map. Also, you can include link to the full map (hosted on Google). Finally, you can select whether to show graphical map or satellite image of the location.

Parameters:

  • MODULE WIDTH/HEIGHT: Enter dimensions of the module in pixels (in example 300).
  • MODULE WIDTH UNITS: Select whether to use pixels or percents for map's width. Percents are appropriate for responsive websites.
  • BORDER: Enter value for border, in example "1px solid #000". Please keep in mind, if you are using 100% width value, you should set border to "none" or decrease the width to 99% or less (border is added to the overall width).
  • LOCATION or ADDRESS: Enter a location, in example "copacabana praca do lido" or address, in example "1 Infinite Loop Cupertino CA 95014" . Please use only letters and numbers! Don't use any special characters!
  • SATELLITE IMAGES: Select whether to show satellite image of the terrain or not.
  • SHOW LINK: Select whether to show link to the full map page (on maps.google.com).
  • LINK TEXT: Enter the link's text.
  • TEXT BEFORE/AFTER MAP: You can enter some text to be displayed above or under the map frame. HTML is allowed here.

Google Maps Plugin

Installation of the plugin is straightforward and should be done through Joomla Extensions Manager (Extensions > Install/Uninstall). After installation, you should go to the Plugin Manager (Extensions > Plugin Manager) to publish the plugin. Now you are ready to start using the plugin in Joomla content pages.

When you create/edit any page, in place where you'd like a map to be shown, you should add this code:

{hotmaps}paris eiffel tower,300,200{/hotmaps}

Parameters (in the code itself):

  • LOCATION (in our example: paris eiffel tower): Enter a location, in example "paris eiffel tower" or address, in example "1 Infinite Loop Cupertino CA 95014" . Please use only letters and numbers! Don't use any special characters!
  • MAP'S WIDTH (in our example: 300): Enter width of the map's frame in pixels (in example 300). You can also set width in percents. In this case enter 100% (or lower value).
  • MAP'S HEIGHT (in our example: 200): Enter height of the map's frame in pixels (in example 200).

Parameters of the plugin (in Extensions > Plugin Manager > Content - Hot Maps)

  • SATELLITE IMAGES: Select whether to show satellite image of the terrain or not.
  • DISPLAY LINK: Select whether to show link to the full map page (on maps.google.com).
  • LINK TEXT: Enter the link's text.

 

Module Demo
view it live
Sign Up Now!
(all products $49)
Single Module
(this module $15)

Existing customers login here to download