Joomla Training
How to Add Google Maps to Your Joomla Site

This week we're going to walk you through how to add Google Maps into your Joomla powered site.

Providing directions to your place of business or to an event you may be promoting is common practice. Adding a highly configurable Google Map to your site is taking it one step further, allowing people to get directions and see exactly where you are.

We're going to use a plugin called 'Plugin Googlemaps'.

Here's how you do it:

  1. Download Plugin Googlemaps from the Joomlacode site. Its a long list but you can use the very first file.
  2. In the administration area of your Joomla site, go to Extensions >> Install / Uninstall and upload the file to install.
  3. Sign up for a free Google Maps API Key by clicking here. Its likely to be a long string.
  4. In the administration area of your Joomla site, go to Extensions >> Plugin Manger >> Google Maps and put your API key in the appropriate field (in the parameters on the right).
  5. If you are going to use the plugin to display a default location, you can simply enter the address in the 'Address' field in the parameters
  6. Create an article and insert this code: {mosmaps}

There are many more configuration options available with the plugin, including setting up maps to multiple locations, hybrid maps, Youtube layers and much much more. For an in depth look at what you can do with the plugin and how to use the various options, see the Documentation at the creator's website.

Would you like 100s more of these Joomla tutorials - the same used by Apple, Sun and IBM to learn Joomla?

Every day, people are building great websites with Joomla.
Joomla Training OnlineWith Open Source Training, they have access to online classes and support from the best teachers in the Joomla world.

Our professional teachers have created videos and tutorials for you that walk you step-by-step through everything you'll need to build wonderful Joomla websites. These are the same lessons we use to help clients like Apple, Sun, IBM, Hewlett-Packard and NASA.

What's In Your Joomla Training?

  Your Joomla Subscription [-]
Same-Day Support
Unlimited Joomla questions, all answered within 24 hours.
Beginner-level Class
8 hours of video tutorials introducing you to all the key Joomla concepts.
Template Design Class
A complete video class showing you how to build and modify Joomla templates.
Search Engine Class
45 detailed tutorials on optimizing your Joomla site for search engines.
New tutorials every week
New weekly step-by-step tutorials on topics suggested by members.
Bonus Templates
Two commercial Joomla templates, Bolt and Breeze
Intermediate-level Class
Due August 2010

47red

72red

47red

 

Comments  

 
#4 sitonap 2010-07-11 20:32
Many thanks, really simple and it works!
Quote
 
 
#3 egdotcom 2010-10-30 22:02
Really out to add:

The plugin doesn't work in the preview of the backend of Joomla.
Quote
 
 
#2 VincentS 2010-10-08 14:00
Plug in worked great!!! thanks!
Quote
 
 
#1 mavis 2010-10-02 03:11
step 6 is blur to me...though i add in but still failed
Quote
 

Add comment


Security code
Refresh