{"id":813,"date":"2025-03-24T14:27:45","date_gmt":"2025-03-24T14:27:45","guid":{"rendered":"https:\/\/wpgeodirectory.com\/documentation\/article\/marker-cluster-setup-guide\/"},"modified":"2025-04-03T15:24:06","modified_gmt":"2025-04-03T14:24:06","slug":"marker-cluster-setup-guide","status":"publish","type":"gd_place","link":"https:\/\/wpgeodirectory.com\/documentation\/article\/marker-cluster\/marker-cluster-setup-guide\/","title":{"rendered":"Marker Cluster &#8211; Setup Guide"},"content":{"rendered":"<section class=\"alert alert-info\">\n\t This setup guide will run through a typical setup of the <a href=\"https:\/\/wpgeodirectory.com\/downloads\/marker-cluster\">Marker Cluster<\/a> extension from start to finish.<\/section>\n<h2>Overview<\/h2>\n<p>\n\t The <a href=\"https:\/\/wpgeodirectory.com\/downloads\/marker-cluster\">Marker Cluster<\/a> extension lets you simplify the appearance of maps on your site and facilitate data visualization by clustering the markers on maps. It is compatible with both<strong> Google Maps <\/strong>and<strong> Open Street Maps, <\/strong>and supports Client Side as well as Server Side Rendering.<\/p>\n<section class=\"alert alert-info\">\n\t For a <strong>full list of features see<\/strong> the <a href=\"https:\/\/wpgeodirectory.com\/downloads\/marker-cluster\">Marker Cluster product page.<br \/>\n\t<\/a><\/section>\n<h2>Installation<\/h2>\n<p>\n\t The <strong>first step<\/strong> if you haven&#8217;t already, is to <strong>install the Marker Cluster extension.<\/strong> This can be done by following our guides on <a href=\"https:\/\/wpgeodirectory.com\/documentation\/article\/category\/installing-extensions\/\">how to install an extension.<\/a><\/p>\n<h2>Step 1 &#8211; Settings<\/h2>\n<p> <strong>Once installed and activated<\/strong>, you can find the Marker Cluster settings at <strong>GeoDirectory &gt; Settings &gt; Marker Cluster<\/strong>.<\/p>\n<p>\n\t<img width=\"920\" height=\"469\" src=\"https:\/\/wpgeodirectory.com\/documentation\/wp-content\/uploads\/2025\/03\/file-Ws4pJvSVpg.png\" class=\"attachment-large size-large\" alt=\"\" decoding=\"async\" loading=\"lazy\" srcset=\"https:\/\/wpgeodirectory.com\/documentation\/wp-content\/uploads\/2025\/03\/file-Ws4pJvSVpg.png 1008w, https:\/\/wpgeodirectory.com\/documentation\/wp-content\/uploads\/2025\/03\/file-Ws4pJvSVpg-300x153.png 300w, https:\/\/wpgeodirectory.com\/documentation\/wp-content\/uploads\/2025\/03\/file-Ws4pJvSVpg-768x392.png 768w\" sizes=\"auto, (max-width: 920px) 100vw, 920px\" \/><\/p>\n<p>\n\tMarker Cluster comes with <strong>sane defaults<\/strong> meaning the <strong>default settings will work for the majority of users<\/strong>, however, there are many customizations that can be done via the settings, for a full explanation of what all the settings do please see our <a href=\"https:\/\/wpgeodirectory.com\/documentation\/article\/marker-cluster\/settings-overview-for-gd-settings-marker-cluster\/\">settings overview. <br \/>\n\t<\/a><\/p>\n<h2>Step 2 &#8211; Server Side or Client Side Clustering<\/h2>\n<p>\n\tMarker Cluster lets you choose between <strong>Server Side <\/strong>and <strong>Client Side <\/strong>clustering. Each has its own distinct advantages. For instance, Client Side Clustering leverages browser memory to load the markers and the maps, and is ideal for smaller directories. Server Side Clustering, on the other hand, fetches data via API requests and is meant for larger directories.&nbsp;<\/p>\n<p>\n\tYou can choose between the two by going to <strong>GD &gt; Settings &gt; Marker Cluster. <\/strong>Read more about <a href=\"https:\/\/wpgeodirectory.com\/documentation\/article\/marker-cluster\/server-side-vs-client-side-marker-clustering\/\">Server Side and Client Side Clustering<\/a>.&nbsp;<\/p>\n<p>\n\t<img width=\"920\" height=\"468\" src=\"https:\/\/wpgeodirectory.com\/documentation\/wp-content\/uploads\/2025\/03\/file-kTPtSztoEo.png\" class=\"attachment-large size-large\" alt=\"\" decoding=\"async\" loading=\"lazy\" srcset=\"https:\/\/wpgeodirectory.com\/documentation\/wp-content\/uploads\/2025\/03\/file-kTPtSztoEo.png 1007w, https:\/\/wpgeodirectory.com\/documentation\/wp-content\/uploads\/2025\/03\/file-kTPtSztoEo-300x153.png 300w, https:\/\/wpgeodirectory.com\/documentation\/wp-content\/uploads\/2025\/03\/file-kTPtSztoEo-768x390.png 768w\" sizes=\"auto, (max-width: 920px) 100vw, 920px\" \/><\/p>\n<h2>Step 3 &#8211; Adding Marker Cluster to Maps<\/h2>\n<p>\n\tMarker Cluster can be added to individual maps using widgets, shortcodes or blocks. Once you have installed and activated Marker Cluster extension, you can enable it for individual maps as and when you are adding the widgets, shortcodes or blocks.&nbsp;<\/p>\n<p>\n\t<img width=\"295\" height=\"517\" src=\"https:\/\/wpgeodirectory.com\/documentation\/wp-content\/uploads\/2025\/03\/file-FG278teWrS.png\" class=\"attachment-large size-large\" alt=\"\" decoding=\"async\" loading=\"lazy\" srcset=\"https:\/\/wpgeodirectory.com\/documentation\/wp-content\/uploads\/2025\/03\/file-FG278teWrS.png 295w, https:\/\/wpgeodirectory.com\/documentation\/wp-content\/uploads\/2025\/03\/file-FG278teWrS-171x300.png 171w\" sizes=\"auto, (max-width: 295px) 100vw, 295px\" \/><\/p>\n<p>\n\tRead more about <a href=\"https:\/\/wpgeodirectory.com\/documentation\/article\/marker-cluster\/how-to-enable-marker-cluster-on-individual-maps\/\">enabling Marker Cluster on individual maps<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>This setup guide will run through a typical setup of the Marker Cluster extension from start to finish. Overview The Marker Cluster extension lets you simplify the appearance of maps on your site and facilitate data visualization by clustering the markers on maps. It is compatible with both Google Maps and Open Street Maps, and [&hellip;]<\/p>\n","protected":false},"author":0,"featured_media":0,"comment_status":"open","ping_status":"closed","template":"","meta":{"footnotes":""},"article\/tags":[554,569,649],"article\/categories":[405,213],"class_list":["post-813","gd_place","type-gd_place","status-publish","hentry","gd_place_tags-geodirectory-extensions","gd_place_tags-setup-guide","gd_place_tags-marker-cluster","gd_placecategory-marker-cluster","gd_placecategory-extensions-features"],"_links":{"self":[{"href":"https:\/\/wpgeodirectory.com\/documentation\/wp-json\/wp\/v2\/article\/813","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wpgeodirectory.com\/documentation\/wp-json\/wp\/v2\/article"}],"about":[{"href":"https:\/\/wpgeodirectory.com\/documentation\/wp-json\/wp\/v2\/types\/gd_place"}],"replies":[{"embeddable":true,"href":"https:\/\/wpgeodirectory.com\/documentation\/wp-json\/wp\/v2\/comments?post=813"}],"version-history":[{"count":0,"href":"https:\/\/wpgeodirectory.com\/documentation\/wp-json\/wp\/v2\/article\/813\/revisions"}],"wp:attachment":[{"href":"https:\/\/wpgeodirectory.com\/documentation\/wp-json\/wp\/v2\/media?parent=813"}],"wp:term":[{"taxonomy":"gd_place_tags","embeddable":true,"href":"https:\/\/wpgeodirectory.com\/documentation\/wp-json\/wp\/v2\/article\/tags?post=813"},{"taxonomy":"gd_placecategory","embeddable":true,"href":"https:\/\/wpgeodirectory.com\/documentation\/wp-json\/wp\/v2\/article\/categories?post=813"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}