The way to add Google Maps to Joomla sites

Normally, when you want to display a Map from a Google Map, you will look for the modules available on JED. However, there is still an easier way for you to embed these maps in articles or modules.

The way that I show below does not require any API or a 3rd party module.

First, you must add your business or location on Google Map:

  • Visit site https://www.google.com/maps/
  • Sign in with your Google account.
  • Right click on the place you want to add.
  • Click to "Add Your Bussiness".
  • Follow the required steps.

 

Once your place has appeared on Google Map, click it. Next, click the "Share" button on the left sidebar:

 

Switch to the "Embed a Map" tag and copy the code provided:

Get code to embed map

After you have copied the code, paste it into the article or module where you want to embed the map.

One caveat is that Joomla's default editors remove the <IFRAME> tag, so you should disable these editors when adding the above code.

To turn it off, go to System > Global Configuration > Default Editor : Editor - None

Disable richtext editors

 

In order to embed this map and display it as a module, go to Module Manager > New > Custom > Paste the code that is copied.

Create custom module

Finally, choose the page and display the position for the module.

-----------

This tutorial does not use an API, so you can rest assured that it will not fail when there is an update from Google Map or a policy change from them.

You may also like

How to upload and attach files to Joomla articles

K2 to Content Migration

The Best Articles Comment Extensions on Joomla 4

Say something here...
You are a guest ( Sign Up ? )
or post as a guest
Loading comment... The comment will be refreshed after 00:00.

Be the first to comment.


Powered By JLex Comment.