Website Building » Joomla » How do I embed a Google Map in Joomla?

How do I embed a Google Map in Joomla?

Last updated on September 25, 2022 @ 8:03 am

Embedding a Google Map in Joomla is a fairly straightforward process. First, you will need to create a Google Maps account if you do not already have one. Once you have created your account, you will need to add your Google Maps API key. To find your API key, open Google Maps and click on the Menu button (top right), and then click on Settings. On the Settings page, under “API Access,” you will see your API key. Next, you will need to add the Google Maps module to your Joomla site. To do this, open the Joomla admin panel and navigate to Extensions > Module Manager. In the Module Manager, find the Google Maps module and click on the Enable button. After you have enabled the Google Maps module, you will need to add a map location in order to use it on your site. To add a map location, open the Google Maps website and locate the map you want to use. Next, copy the address or latitude and longitude coordinates of the map location, and paste them into the Google Maps settings page. Finally, click on the Save button to save your map location.

PRO TIP: Google Maps can only be embedded in Joomla articles if you have the “Allow HTML in articles” option enabled in your Joomla Global Configuration. This setting is located under “Site -> Global Configuration -> Text Filters”. If this setting is disabled, you will not be able to embed Google Maps in your articles.

After you have added your map location, you will need to add a link to the map location in your site. To do this, open the Joomla admin panel and navigate to Structure > Links. In the Links section, find the link to the Google Maps map location you have added, and click on the Edit button. Next, scroll down to the Google Maps URL field, and paste the URL of the map location you have added. Click on the Save button to save your changes. Finally, you will need to add a link to the Google Maps map in your site’s content. To do this, open the Joomla admin panel and navigate to Content > Articles. In the Articles section, find the article you want to add the map to, and click on the Edit button. Next, find the Google Maps URL field, and paste the URL of the map location you have added. After you have added the map location, map link, and content link, you are ready to use the Google Maps module on your Joomla site.

Morgan Bash

Morgan Bash

Technology enthusiast and Co-Founder of Women Coders SF.