Embed Interactive Maps to Joomla

Follow the steps below to embed the Interactive maps to Joomla 2.5

1. After creating the Interactive Maps, publish the map project and then upload the map files to the server or web hosting.
2. In the Publishing window, check the Use full path for the embed code and type the
3. URL of the Interactive map has been saved (For example: http://www.example.com).
4. Click the Copy to Clipboard to copy the map embed code.
5. Click Responsive Maps options if you are using responsive Joomla templates
6. Login to the Joomla account.
7. Click Add New Article.
8. Enter the title, select the section where you want to post the article, and then click HTML icon.
9. Paste the map embed code to the HTML source editor, and then click Update. Click Apply to save the settings.
   * If you do not have a FTP hosting server, please try our Instant Sharing which can upload the map to our cloud server.

Follow the steps below to embed the interactive maps to Joomla 3.1.

1. After creating the maps, publish the map project and then upload the map files to the server or web hosting.
2. In the Publishing editor, check the "Use full path for the embed code" and type the URL of the interactive map has been saved (For example: http://www.example.com).
3. Click the "Copy to Clipboard" to copy the map embed code.
4. Login to the Joomla account.
5. Click "Add New Article".
6. Enter the title, select the section where you want to post the article, and paste the map embed code into the editing box.
   *Please ensure you have set "no filtering" and "Editor - None" for the Joomla.
7. Click Save to save the settings and publish the article.

Embed HTML5 Map to Joomla! 3.1

[ Top of Page ]