{"id":184,"date":"2025-12-15T11:21:35","date_gmt":"2025-12-15T08:21:35","guid":{"rendered":"https:\/\/mapsfun.com\/?p=184"},"modified":"2025-12-15T11:21:35","modified_gmt":"2025-12-15T08:21:35","slug":"how-to-add-google-maps-to-joomla-4","status":"publish","type":"post","link":"https:\/\/mapsfun.com\/?p=184","title":{"rendered":"How to Add Google Maps to Joomla 4"},"content":{"rendered":"\n<h2 class=\"wp-block-heading\">How to Add Google Maps with Multiple Locations to Your Joomla 4 Website (Complete Guide)<\/h2>\n\n\n\n<p>Adding an interactive map with multiple locations to your Joomla 4 site can enhance user experience for businesses with multiple branches, event organizers, or travel websites. While Joomla offers extensions for this purpose, the setup process involves several technical steps. This guide covers both extension-based and manual coding approaches.<\/p>\n\n\n\n<p class=\"has-text-align-center\"><strong>Method 1: Using Joomla Extensions (The Most Common Approach)<\/strong><\/p>\n\n\n\n<p class=\"has-text-align-center\">Step 1: Choosing and Installing a Maps Extension<\/p>\n\n\n\n<p>Joomla has several map extensions, but many are outdated or not compatible with Joomla 4. Here are the current options:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>1. Log in to your Joomla 4 Administrator panel<\/li>\n\n\n\n<li>2. Navigate to System \u2192 Install \u2192 Extensions<\/li>\n\n\n\n<li>3. Search for map extensions. Popular options include:\n<ul class=\"wp-block-list\">\n<li>&nbsp;&nbsp;&nbsp;&#8211; <strong>Google Maps v3 (by NoNumber)<\/strong> &#8211; Simple but limited<\/li>\n\n\n\n<li>&nbsp;&nbsp;&nbsp;&#8211; <strong>Maply <\/strong>&#8211; More advanced features<\/li>\n\n\n\n<li>&nbsp;&nbsp;&nbsp;&#8211; <strong>GMapFP <\/strong>&#8211; For multiple locations<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n\n<p class=\"has-text-align-center\">Step 2: Configuring Google Maps API Key (Critical Step)<\/p>\n\n\n\n<p>This is where most users get stuck.<strong> Since June 2018, all Google Maps implementations require an API key with billing enabled.<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>1. Create a Google Cloud Project:<\/strong>\n<ul class=\"wp-block-list\">\n<li>&nbsp;&nbsp;&nbsp;&#8211; Go to [Google Cloud Console](https:\/\/console.cloud.google.com\/)<\/li>\n\n\n\n<li>&nbsp;&nbsp;&nbsp;&#8211; Create a new project<\/li>\n\n\n\n<li>&nbsp;&nbsp;&nbsp;&#8211; Enable billing (yes, credit card required, but you get $200 monthly credit)<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li><strong>2. Enable Required APIs:<\/strong>\n<ul class=\"wp-block-list\">\n<li>&nbsp;&nbsp;&nbsp;&#8211; Maps JavaScript API<\/li>\n\n\n\n<li>&nbsp;&nbsp;&nbsp;&#8211; Geocoding API (for address conversion)<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li><strong>3. Create and Restrict API Key:<\/strong>\n<ul class=\"wp-block-list\">\n<li><strong>javascript<\/strong><\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n<pre class=\"wp-block-code\" aria-describedby=\"shcb-language-1\" data-shcb-language-name=\"JavaScript\" data-shcb-language-slug=\"javascript\"><span><code class=\"hljs language-javascript\"><span class=\"hljs-comment\">\/\/ Example of restricted API key settings<\/span>\n<span class=\"hljs-comment\">\/\/ Restrict to your domain only for security<\/span>\nHTTP referrers: yourdomain.com<span class=\"hljs-comment\">\/*\nAPIs: Maps JavaScript API, Geocoding API<\/span><\/code><\/span><small class=\"shcb-language\" id=\"shcb-language-1\"><span class=\"shcb-language__label\">Code language:<\/span> <span class=\"shcb-language__name\">JavaScript<\/span> <span class=\"shcb-language__paren\">(<\/span><span class=\"shcb-language__slug\">javascript<\/span><span class=\"shcb-language__paren\">)<\/span><\/small><\/pre>\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"691\" src=\"https:\/\/mapsfun.com\/wp-content\/uploads\/2025\/12\/image-38-1024x691.png\" alt=\"\" class=\"wp-image-186\" style=\"width:628px;height:auto\" srcset=\"https:\/\/mapsfun.com\/wp-content\/uploads\/2025\/12\/image-38-1024x691.png 1024w, https:\/\/mapsfun.com\/wp-content\/uploads\/2025\/12\/image-38-300x202.png 300w, https:\/\/mapsfun.com\/wp-content\/uploads\/2025\/12\/image-38-768x518.png 768w, https:\/\/mapsfun.com\/wp-content\/uploads\/2025\/12\/image-38.png 1217w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"has-text-align-center\">Step 3: Configuring Your Chosen Extension<\/p>\n\n\n\n<p>Let&#8217;s use <strong>Google Maps v3 (by NoNumber)<\/strong> as an example<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>1. Install and enable the plugin<\/strong><\/li>\n\n\n\n<li>2. Go to <strong>Plugins \u2192 Search for &#8220;Google Maps&#8221;<\/strong><\/li>\n\n\n\n<li>3. Enter your API key in the plugin parameters:<\/li>\n\n\n\n<li>4. Syntax for adding multiple locations in an article:\n<ul class=\"wp-block-list\">\n<li><strong>html<\/strong><\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n<pre class=\"wp-block-code\"><span><code class=\"hljs\">{googlemaps width=100% height=400 zoom=12}\nAddress 1: Your first location details|Marker Title 1\nAddress 2: Your second location details|Marker Title 2\nAddress 3: Your third location details|Marker Title 3\n{\/googlemaps}<\/code><\/span><\/pre>\n\n\n<p class=\"has-text-align-center\">Step 4: Limitations of Joomla Map Extensions<\/p>\n\n\n\n<p>Despite their convenience, Joomla map extensions often suffer from:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>1. Outdated Code: <\/strong>Many haven&#8217;t been updated for Joomla 4<\/li>\n\n\n\n<li><strong>2. Limited Customization:<\/strong> Fixed marker styles, limited controls<\/li>\n\n\n\n<li><strong>3. Performance Issues:<\/strong> Can slow down page loading<\/li>\n\n\n\n<li><strong>4. Mobile Responsiveness Problems:<\/strong> Don&#8217;t always adapt well to different screens<\/li>\n\n\n\n<li><strong>5. Complex Updates: <\/strong>Changing locations often requires editing article code<\/li>\n<\/ul>\n\n\n\n<p class=\"has-text-align-center\"><strong>Method 2: Manual Implementation with Custom Module<\/strong><\/p>\n\n\n\n<p>For more control, you can create a custom module with your own HTML\/JavaScript.<\/p>\n\n\n\n<p class=\"has-text-align-center\">Step 1: Create a Custom HTML Module<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>1. Go to <strong>Content \u2192 Site Modules \u2192 New<\/strong><\/li>\n\n\n\n<li>2. Select <strong>Custom<\/strong> as the module type<\/li>\n\n\n\n<li>3. Set your module position and assignment<\/li>\n<\/ul>\n\n\n\n<p class=\"has-text-align-center\">Step 2: Add the HTML\/JavaScript Code<\/p>\n\n\n\n<p>In the module editor, switch to the <strong>HTML<\/strong> view and add:<\/p>\n\n\n\n<p><strong>html<\/strong><\/p>\n\n\n<pre class=\"wp-block-code\" aria-describedby=\"shcb-language-2\" data-shcb-language-name=\"HTML, XML\" data-shcb-language-slug=\"xml\"><span><code class=\"hljs language-xml\"><span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">div<\/span> <span class=\"hljs-attr\">id<\/span>=<span class=\"hljs-string\">\"map-container-joomla\"<\/span> <span class=\"hljs-attr\">style<\/span>=<span class=\"hljs-string\">\"width: 100%; height: 500px;\"<\/span>&gt;<\/span><span class=\"hljs-tag\">&lt;\/<span class=\"hljs-name\">div<\/span>&gt;<\/span>\n\n<span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">script<\/span>&gt;<\/span><span class=\"javascript\">\n<span class=\"hljs-comment\">\/\/ Wait for the document and Google Maps to load<\/span>\n<span class=\"hljs-function\"><span class=\"hljs-keyword\">function<\/span> <span class=\"hljs-title\">initMap<\/span>(<span class=\"hljs-params\"><\/span>) <\/span>{\n    <span class=\"hljs-comment\">\/\/ Define locations array<\/span>\n    <span class=\"hljs-keyword\">const<\/span> locations = &#91;\n        {<span class=\"hljs-attr\">lat<\/span>: <span class=\"hljs-number\">40.7128<\/span>, <span class=\"hljs-attr\">lng<\/span>: <span class=\"hljs-number\">-74.0060<\/span>, <span class=\"hljs-attr\">title<\/span>: <span class=\"hljs-string\">\"New York Office\"<\/span>},\n        {<span class=\"hljs-attr\">lat<\/span>: <span class=\"hljs-number\">34.0522<\/span>, <span class=\"hljs-attr\">lng<\/span>: <span class=\"hljs-number\">-118.2437<\/span>, <span class=\"hljs-attr\">title<\/span>: <span class=\"hljs-string\">\"LA Branch\"<\/span>},\n        {<span class=\"hljs-attr\">lat<\/span>: <span class=\"hljs-number\">41.8781<\/span>, <span class=\"hljs-attr\">lng<\/span>: <span class=\"hljs-number\">-87.6298<\/span>, <span class=\"hljs-attr\">title<\/span>: <span class=\"hljs-string\">\"Chicago Warehouse\"<\/span>}\n    ];\n    \n    <span class=\"hljs-comment\">\/\/ Create map centered on first location<\/span>\n    <span class=\"hljs-keyword\">const<\/span> map = <span class=\"hljs-keyword\">new<\/span> google.maps.Map(<span class=\"hljs-built_in\">document<\/span>.getElementById(<span class=\"hljs-string\">'map-container-joomla'<\/span>), {\n        <span class=\"hljs-attr\">zoom<\/span>: <span class=\"hljs-number\">4<\/span>,\n        <span class=\"hljs-attr\">center<\/span>: locations&#91;<span class=\"hljs-number\">0<\/span>]\n    });\n    \n    <span class=\"hljs-comment\">\/\/ Add markers for each location<\/span>\n    locations.forEach(<span class=\"hljs-function\"><span class=\"hljs-params\">location<\/span> =&gt;<\/span> {\n        <span class=\"hljs-keyword\">new<\/span> google.maps.Marker({\n            <span class=\"hljs-attr\">position<\/span>: location,\n            <span class=\"hljs-attr\">map<\/span>: map,\n            <span class=\"hljs-attr\">title<\/span>: location.title\n        });\n    });\n}\n<\/span><span class=\"hljs-tag\">&lt;\/<span class=\"hljs-name\">script<\/span>&gt;<\/span>\n\n<span class=\"hljs-comment\">&lt;!-- Load Google Maps with YOUR_API_KEY --&gt;<\/span>\n<span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">script<\/span> <span class=\"hljs-attr\">async<\/span> <span class=\"hljs-attr\">defer<\/span> \n    <span class=\"hljs-attr\">src<\/span>=<span class=\"hljs-string\">\"https:\/\/maps.googleapis.com\/maps\/api\/js?key=YOUR_API_KEY_HERE&amp;callback=initMap\"<\/span>&gt;<\/span>\n<span class=\"hljs-tag\">&lt;\/<span class=\"hljs-name\">script<\/span>&gt;<\/span>\n<\/code><\/span><small class=\"shcb-language\" id=\"shcb-language-2\"><span class=\"shcb-language__label\">Code language:<\/span> <span class=\"shcb-language__name\">HTML, XML<\/span> <span class=\"shcb-language__paren\">(<\/span><span class=\"shcb-language__slug\">xml<\/span><span class=\"shcb-language__paren\">)<\/span><\/small><\/pre>\n\n\n<p class=\"has-text-align-center\">Step 3: Addressing Common Issues<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Problem: <\/strong>Map doesn&#8217;t load or shows API error\n<ul class=\"wp-block-list\">\n<li><em>Solution<\/em><strong>: <\/strong>Check your API key restrictions and ensure billing is enabled<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li><strong>Problem<\/strong>: Map breaks Joomla template\n<ul class=\"wp-block-list\">\n<li><em>Solution<\/em>: Add CSS to module:\n<ul class=\"wp-block-list\">\n<li><strong>css<\/strong><\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n<pre class=\"wp-block-code\" aria-describedby=\"shcb-language-3\" data-shcb-language-name=\"CSS\" data-shcb-language-slug=\"css\"><span><code class=\"hljs language-css\"><span class=\"hljs-selector-id\">#map-container-joomla<\/span> <span class=\"hljs-selector-tag\">img<\/span> { <span class=\"hljs-attribute\">max-width<\/span>: none <span class=\"hljs-meta\">!important<\/span>; }\n<span class=\"hljs-selector-class\">.gm-style<\/span> { <span class=\"hljs-attribute\">font-family<\/span>: inherit <span class=\"hljs-meta\">!important<\/span>; }<\/code><\/span><small class=\"shcb-language\" id=\"shcb-language-3\"><span class=\"shcb-language__label\">Code language:<\/span> <span class=\"shcb-language__name\">CSS<\/span> <span class=\"shcb-language__paren\">(<\/span><span class=\"shcb-language__slug\">css<\/span><span class=\"shcb-language__paren\">)<\/span><\/small><\/pre>\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Problem:<\/strong> Map doesn&#8217;t appear on mobile\n<ul class=\"wp-block-list\">\n<li><em>Solution:<\/em> Add responsive CSS:<\/li>\n\n\n\n<li><strong>css<\/strong><\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n<pre class=\"wp-block-code\" aria-describedby=\"shcb-language-4\" data-shcb-language-name=\"CSS\" data-shcb-language-slug=\"css\"><span><code class=\"hljs language-css\"><span class=\"hljs-keyword\">@media<\/span> (<span class=\"hljs-attribute\">max-width:<\/span> <span class=\"hljs-number\">768px<\/span>) {\n    <span class=\"hljs-selector-id\">#map-container-joomla<\/span> { <span class=\"hljs-attribute\">height<\/span>: <span class=\"hljs-number\">300px<\/span> <span class=\"hljs-meta\">!important<\/span>; }\n}\n<\/code><\/span><small class=\"shcb-language\" id=\"shcb-language-4\"><span class=\"shcb-language__label\">Code language:<\/span> <span class=\"shcb-language__name\">CSS<\/span> <span class=\"shcb-language__paren\">(<\/span><span class=\"shcb-language__slug\">css<\/span><span class=\"shcb-language__paren\">)<\/span><\/small><\/pre>\n\n\n<p class=\"has-text-align-center\"><strong>The Technical Challenges of Joomla 4 Google Maps Integration<\/strong><\/p>\n\n\n\n<p><strong>\u26a0\ufe0f Common Pain Points Users Experience:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>1. API Key Management:<\/strong> Constantly worrying about quota limits and billing<\/li>\n\n\n\n<li><strong>2. Extension Compatibility:<\/strong> Finding extensions that work with Joomla 4<\/li>\n\n\n\n<li><strong>3. Template Conflicts:<\/strong> Maps breaking responsive design<\/li>\n\n\n\n<li><strong>4. Performance Impact:<\/strong> Slow page loading times<\/li>\n\n\n\n<li><strong>5. Maintenance Overhead:<\/strong> Regular updates needed for both Joomla and extensions<\/li>\n\n\n\n<li><strong>6. Mobile Optimization:<\/strong> Additional CSS\/JS required for proper mobile display<\/li>\n<\/ul>\n\n\n\n<p class=\"has-text-align-center\"><strong>The Simplified Alternative: MapsFun.com for Joomla<\/strong><\/p>\n\n\n\n<p>What if you could skip all the technical setup and get a professional, feature-rich map working on your Joomla 4 site in minutes?<\/p>\n\n\n<p><iframe src=\"https:\/\/panel.mapsfun.com\/embed-map?code=668ecbcced7931f89205d1e881bb82aa&#038;lang=uk&#038;tpl=photo\" width=\"100%\" height=\"600\" style=\"border:0\" loading=\"lazy\" referrerpolicy=\"no-referrer-when-downgrade\"><\/iframe><\/p>\n\n\n\n<p class=\"has-text-align-center\">Why MapsFun.com Works Perfectly with Joomla 4<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>1. No API Key Hassle:<\/strong> We handle all the backend Google Maps integration<\/li>\n\n\n\n<li><strong>2. Joomla-Compatible Embed:<\/strong> Simple iframe code works in any custom module<\/li>\n\n\n\n<li><strong>3. Automatic Updates:<\/strong> When you edit your map on MapsFun, changes appear instantly on your Joomla site<\/li>\n<\/ul>\n\n\n\n<p class=\"has-text-align-center\"><strong>3-Step Joomla 4 Integration with MapsFun:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Step 1: Create your multi-location map on [MapsFun.com](https:\/\/mapsfun.com)<\/strong>\n<ul class=\"wp-block-list\">\n<li>1. Add locations via search or import<\/li>\n\n\n\n<li>2. Customize colors, markers, and info windows<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li><strong>Step 2: Copy your embed code from MapsFun<\/strong><\/li>\n\n\n\n<li><strong>Step 3: In Joomla:<\/strong>\n<ul class=\"wp-block-list\">\n<li>1. Create a Custom module<\/li>\n\n\n\n<li>2. Paste the MapsFun embed code<\/li>\n\n\n\n<li>3. Publish to your desired position<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n\n<p><strong>html<\/strong><\/p>\n\n\n<pre class=\"wp-block-code\" aria-describedby=\"shcb-language-5\" data-shcb-language-name=\"HTML, XML\" data-shcb-language-slug=\"xml\"><span><code class=\"hljs language-xml\"><span class=\"hljs-comment\">&lt;!-- Example MapsFun embed code for Joomla --&gt;<\/span>\n<span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">div<\/span> <span class=\"hljs-attr\">class<\/span>=<span class=\"hljs-string\">\"mapsfun-embed\"<\/span> <span class=\"hljs-attr\">style<\/span>=<span class=\"hljs-string\">\"width:100%;height:500px;\"<\/span>&gt;<\/span>\n    <span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">iframe<\/span> <span class=\"hljs-attr\">src<\/span>=<span class=\"hljs-string\">\"https:\/\/mapsfun.com\/embed\/YOUR_MAP_ID\"<\/span> \n            <span class=\"hljs-attr\">style<\/span>=<span class=\"hljs-string\">\"border:none;width:100%;height:100%;\"<\/span>\n            <span class=\"hljs-attr\">frameborder<\/span>=<span class=\"hljs-string\">\"0\"<\/span>&gt;<\/span>\n    <span class=\"hljs-tag\">&lt;\/<span class=\"hljs-name\">iframe<\/span>&gt;<\/span>\n<span class=\"hljs-tag\">&lt;\/<span class=\"hljs-name\">div<\/span>&gt;<\/span>\n<\/code><\/span><small class=\"shcb-language\" id=\"shcb-language-5\"><span class=\"shcb-language__label\">Code language:<\/span> <span class=\"shcb-language__name\">HTML, XML<\/span> <span class=\"shcb-language__paren\">(<\/span><span class=\"shcb-language__slug\">xml<\/span><span class=\"shcb-language__paren\">)<\/span><\/small><\/pre>\n\n\n<p><strong>Benefits Over Traditional Joomla Methods:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>\u2705 <strong>No Coding Required<\/strong> &#8211; Visual editor instead of complex configuration&nbsp;&nbsp;<\/li>\n\n\n\n<li>\u2705 <strong>No Google Cloud Account Needed<\/strong> &#8211; Skip the API key bureaucracy&nbsp;&nbsp;<\/li>\n\n\n\n<li>\u2705 <strong>Perfect Responsive Design<\/strong> &#8211; Works flawlessly on all devices&nbsp;&nbsp;<\/li>\n\n\n\n<li>\u2705 <strong>Easy Content Updates<\/strong> &#8211; Edit locations without touching Joomla backend&nbsp;&nbsp;<\/li>\n\n\n\n<li>\u2705 <strong>Professional Features<\/strong> &#8211; Custom markers, clustering, directions, and more&nbsp;&nbsp;<\/li>\n\n\n\n<li>\u2705<strong> Better Performance <\/strong>&#8211; Optimized loading that won&#8217;t slow down your Joomla site&nbsp;<\/li>\n<\/ul>\n\n\n\n<p>Comparison: Joomla Map Solutions<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"733\" height=\"378\" src=\"https:\/\/mapsfun.com\/wp-content\/uploads\/2025\/12\/image-39.png\" alt=\"\" class=\"wp-image-187\" style=\"width:614px;height:auto\" srcset=\"https:\/\/mapsfun.com\/wp-content\/uploads\/2025\/12\/image-39.png 733w, https:\/\/mapsfun.com\/wp-content\/uploads\/2025\/12\/image-39-300x155.png 300w\" sizes=\"auto, (max-width: 733px) 100vw, 733px\" \/><\/figure>\n\n\n\n<p><strong>Conclusion: Streamline Your Joomla 4 Mapping<\/strong><\/p>\n\n\n\n<p>While Joomla 4 offers pathways to integrate Google Maps through extensions or custom coding, the process is fraught with technical complexity\u2014from managing Google Cloud projects and API keys to resolving extension conflicts and ensuring mobile responsiveness.<\/p>\n\n\n\n<p>For Joomla administrators who want professional mapping without the technical headache,** <a href=\"http:\/\/mapsfun.com\">MapsFun.com<\/a> provides a streamlined solution. Instead of navigating API consoles, debugging extension conflicts, or writing custom JavaScript, you can create beautiful, functional multi-location maps through an intuitive visual interface and embed them in Joomla with simple copy-paste.<br><\/p>\n\n\n\n<p>Stop wrestling with technical configurations and start displaying beautiful maps on your Joomla 4 site today. Visit <a href=\"http:\/\/mapsfun.com\">MapsFun.com<\/a> to create your first map in minutes\u2014no coding, no API keys, and no complex Joomla extensions required.<\/p>\n","protected":false},"excerpt":{"rendered":"How to Add Google Maps with Multiple Locations to Your Joomla 4 Website (Complete Guide) Adding an interactive map with multiple locations to your Joomla 4 site can enhance user experience for businesses with multiple branches, event organizers, or travel websites. While Joomla offers extensions for this purpose, the setup process involves several technical steps. [&hellip;]","protected":false},"author":2,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[31,1],"tags":[],"class_list":["post-184","post","type-post","status-publish","format-standard","hentry","category-joomla-4-google-maps","category-1"],"_links":{"self":[{"href":"https:\/\/mapsfun.com\/index.php?rest_route=\/wp\/v2\/posts\/184","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mapsfun.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/mapsfun.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/mapsfun.com\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/mapsfun.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=184"}],"version-history":[{"count":3,"href":"https:\/\/mapsfun.com\/index.php?rest_route=\/wp\/v2\/posts\/184\/revisions"}],"predecessor-version":[{"id":193,"href":"https:\/\/mapsfun.com\/index.php?rest_route=\/wp\/v2\/posts\/184\/revisions\/193"}],"wp:attachment":[{"href":"https:\/\/mapsfun.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=184"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/mapsfun.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=184"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/mapsfun.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=184"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}