How to Embed Google Maps in Joomla

| Joomla
How to Embed Google Maps in Joomla

Google Maps are some of the trickiest things to embed in any Joomla website. Or, at least they used to be. That's no longer the case, thanks to the OSEmbed extension.

Using OSEmbed, You can embed Google Maps into your Joomla site with just a URL. This feature is so cool that it's not even available in WordPress, which is famous for easy embeds.

Step #1. Install OSEmbed

 Step #2. Get the Google Maps URL

  • Visit Google.com/maps/ and find the location you want to embed.
  • Click the "Share" link on the left-hand side.
The share link for Google Maps
  • Copy the URL that is in the share box, as in the image below:
Copying the share link for Google Maps

Step #3. Add the Google Maps URL to a Joomla article

  • Go to your Joomla site and login.
  • Add the Google Maps URL to a Joomla article:
Pasting a Google Maps link into Joomla

Because you have the Pro version of OSEmbed, the URL will automatically be turned into a working Google Map! You'll see a preview inside the editor:

A Google Maps embed in a Joomla article

The embed will work perfectly on the front of your site:

A Google Maps embed in a Joomla site

About the author

Steve is the founder of OSTraining. Originally from the UK, he now lives in Sarasota in the USA. Steve's work straddles the line between teaching and web development.