Joomla Tutorial

How to Embed a Real Estate Property Map on Joomla

Adding interactive property listings with price tags and lead capture to your Joomla site doesn't require a developer. Follow these 3 simple steps to launch your map today.

Build your Real Estate Property Map

Log into your MapWeave dashboard and create a new Real Estate Property Map. Upload your location data, customize your map colors to match your brand, and toggle on any interactive features you need.

Copy the Embed Code

Once your map is ready, click the Publish button in the top right corner. MapWeave generates three ways to share your widget. For Joomla, we highly recommend using the iFrame Embed method.

JavaScript Snippet

Best for modern builders and automatic mobile responsiveness.

<div id="mapweave-real-estate" data-client-id="YOUR_WIDGET_ID" style="width: 100%; height: 1000px; border-radius: 12px; overflow: hidden;"></div>
<script src="https://www.getmapwidget.com/widgets/embed-injector.js" async defer></script>
Important Requirement: When using the JavaScript embed method, you must add your own Google Maps API Key to your MapWeave configuration settings for the map to render properly on your live website.
Recommended for Joomla

iFrame Embed

Best for strict CMS platforms that block external JavaScript.

<iframe src="https://www.getmapwidget.com/embed/YOUR_WIDGET_ID" width="100%" height="1000px" frameborder="0" allow="geolocation" style="border: none; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.1);"></iframe>

Direct URL Link

Best for sharing in emails, social media, or hyperlink buttons.

https://www.getmapwidget.com/embed/YOUR_WIDGET_ID

Paste into Joomla

For Joomla users:
In your Joomla article editor, toggle the editor to "Code View" (or disable the WYSIWYG editor temporarily). Paste your MapWeave embed script and save.

Save and publish your Joomla page. Your interactive map is now live!

Ready to upgrade your Joomla site?

Build Your Map Now