Embed Google Map Into Your Joomla Website

How do you embed Google Map into your Joomla website?

There are several plugins and modules that do this for you, but some come with some issues. Here’s how you can achieve the same with a normal Joomla HTML module.

  1. First, you need to disable the iFrame filter from your tinyMice editor
  2. Then, go to Google Map and find the location you wish to display
  3. On Google Map, get the embed code (Top Left Menu Button -> Embed Map)
  4. In Joomla, create a new HTML module (or an article)
  5. Switch the editor to HTML mode and paste the Google Map embed code

Your result should look like this website.

The following screenshots show how it is done (click on the pictures to see larger versions)

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s