QueHow

A How-To and wiki Blog

  • Operating System
    • Windows
      • Windows 10
      • Windows 7
    • Linux
  • Software
    • Application Software
    • Microsoft Office
      • Outlook
      • Word
      • PowerPoint
  • Internet
    • Browsers
      • Mozilla Firefox
      • Google Chrome
    • CMS
    • Tips & Tricks
  • Website
    • ecommerce
    • Google
    • Social Networking
    • General Websites
  • Mobile
  • Email
    • Gmail
  • Wiki

How to Embed Google Map in Joomla 3.x

By Neha T 1 Comment

Sometimes you may find the difficulty in adding the Google maps in your Website. This problem occurs due to the settings of the editor, that you are using.

No need to worry guys, I have prepared this article, wherein you will learn to embed google map in Joomla 3.x , just go through the simple steps as explained below.

Steps to Embed Google Map in Joomla 3.x

Step 1: Login as an Administrator in your Joomla based website. Click on “System” option at the menu bar, and then select “Global Configuration” from the drop down list.

how to embed google map in joomla website-step1

Step 2: Under “Site settings” section, Default Editor option is available, from where you can change your existing editor.

Set it as “Editor – None”, so that google map can be linked to your site easily.

how to embed google map in joomla website-step2

Above two steps are necessary due to some security protocol, that are enabled in Joomla on its own. These protocol restricts iframes to link to your site. Now you may be thinking that, if I can enable the iframes from the settings of the existing editor such as Tiny MCE, JCE or any other iframe, but remember one thing, even if you allow the iframes in the respective editor, it will not work.

Now, go to the next step.

Step 3: In the new tab, open the Google maps and then, type in the search bar, the location which you want to locate in the google maps.

I have searched for the map of India.

how to embed google map in joomla website-step3

Step 4: Then at the bottom right corner you”ll see “Settings or gear” button, click on it. A list of option get displayed choose the “Share or embed map” option.

how to embed google map in joomla website-step4

Step 5: Click on “Embed map”, here you can set the size of the map by clicking an arrow next to small and then copy the code as highlighted below and paste it in a notepad.

how to embed google map in joomla website-step5

Step 6: Now go to your Dashboard, Click on “Content” menu and then select the “Article Manager”.

how to embed google map in joomla website-step6

Step 7: From the list of article you can select the one in which you want to link the google map.

For the demo purpose, I will create a new article and then will copy the code over there, so I have clicked on “New”.

how to embed google map in joomla website-step7

Step 8: Give the “Title” to that article and paste the code that you have copied in a notepad to the “Content” section.

Once you are through with these steps, click on “Save & Close”.

how to embed google map in joomla website-step8

Step 9: To check out whether the map is actually linked or not, reload you website and go to the content in which you have added the map.

In my website, it is successfully attached in the respective article as shown below.

how to embed google map in joomla website-step9

NOTE:

Now, if you people want to switch to your previous editor then you can do, by just changing the settings in “Global Configuration”.

You Might Also Like:

How to Embed YouTube Video in Joomla 3.x How to Edit the Copyright Footer in Joomla in 3.x How to Edit Template CSS in Joomla 3.x How to Edit a Template in Joomla 3.x How to Position a Module in Joomla 3.x How to Install a New Template in Joomla 3.x How to View Module Positions in Joomla 3.x how-to-get-offline-map-from-the-map-apps-in-windows-10How to get Offline Maps from the Maps App in Windows 10

Comments

  1. vishal says

    July 4, 2016 at 7:06 am

    it was very simple and good

    Reply

Leave a Reply Cancel reply

Your email address will not be published. Required fields are marked *

Most Viewed

  • How to Install and Use TELNET in Ubuntu
  • How to install Hindi fonts in MS Word
  • How to Change a File Extension in Windows 10?
  • How to create a flipkart account in 3 simple steps
  • How to Change Monitor Refresh Rate in Windows 10?
  • How to install IIS on Windows 10
  • How to Insert Clickable Checkbox in MS Word 2016?
  • How to Set Auto Reply in Outlook 2016?
  • How to Login as Administrator in Windows 10?
  • How to Check RAM Size and System Type in Windows 10?

Recent Additions

  • How to Add Hyperlink to Another Sheet in Excel?
  • How to Add and Remove Watermark in Excel
  • How to use Relative and Absolute Cell Reference in Excel?
  • How to Enable and Disable Scroll Lock in Excel?
  • How to Use INDEX and MATCH Functions in Excel?
  • How to Make Bar Graph in Excel?
  • How to Count Duplicate Values in Excel?
  • How to Wrap Text in Excel?
  • How to Round off Numbers in Excel?
  • How to Create a Bell Curve in Excel?

Related Searches

  • How to Enable or Disable Auto-Enhance feature of Photos App in Windows 10
  • How to Add or Remove programs in Ubuntu 14.04
  • How to batch rename files in Ubuntu 14.04
  • How to Install and Configure Apache Web Server in Ubuntu
  • How to Create a Bell Curve in Excel?

Copyright © 2023 · QueHow · Contact Us