{"id":762,"date":"2025-03-24T14:27:37","date_gmt":"2025-03-24T14:27:37","guid":{"rendered":"https:\/\/wpgeodirectory.com\/documentation\/article\/custom-map-styles-setup-guide\/"},"modified":"2025-04-03T15:23:57","modified_gmt":"2025-04-03T14:23:57","slug":"custom-map-styles-setup-guide","status":"publish","type":"gd_place","link":"https:\/\/wpgeodirectory.com\/documentation\/article\/custom-map-styles\/custom-map-styles-setup-guide\/","title":{"rendered":"Custom Map Styles – Setup Guide"},"content":{"rendered":"
\n\t This setup guide will run through a typical setup of the Custom Map Styles<\/a> extension from start to finish.<\/section>\n

Overview<\/h2>\n

\n\t The Custom Map Styles<\/a> extension lets you add custom styling for Google Maps and OpenStreetMaps. You can match the styling and color scheme of your Maps with the rest of your site with the help of this extension. <\/p>\n

\n\t For a full list of features see<\/strong> the Custom Map Styles<\/a> product page.<\/section>\n

Installation<\/h2>\n

\n\t The first step<\/strong> if you haven’t already, is to install the Custom Map Styles extension.<\/strong> This can be done by following our guides on how to install an extension.<\/a><\/p>\n

Step 1 – Settings<\/h2>\n

Once installed and activated<\/strong>, you can find the Custom Map Styles settings at GeoDirectory > Settings > Maps Styles<\/strong>. <\/p>\n

\n\t\"\"<\/p>\n

\n\tThe Custom Map Styles extension comes with sane defaults<\/strong> meaning the 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 settings overview.<\/a><\/section>\n

Step 2 – Configuring Custom Map Styles<\/h2>\n

Certain layers of OpenStreetMaps require an API key to work properly. You can input your API key by heading to GD > Settings > Maps Styles (tab) > General (sub-tab). <\/strong><\/p>\n

\"\"<\/p>\n

<\/strong>If you are using Google Maps, you can enter your custom styles or import readymade styles from Snazzy Maps. Read more about Snazzy Maps and styling import<\/a>. <\/p>\n","protected":false},"excerpt":{"rendered":"

This setup guide will run through a typical setup of the Custom Map Styles extension from start to finish. Overview The Custom Map Styles extension lets you add custom styling for Google Maps and OpenStreetMaps. You can match the styling and color scheme of your Maps with the rest of your site with the help of […]<\/p>\n","protected":false},"author":0,"featured_media":0,"comment_status":"open","ping_status":"closed","template":"","meta":{"footnotes":""},"article\/tags":[554,569,595,606],"article\/categories":[213,413],"class_list":["post-762","gd_place","type-gd_place","status-publish","hentry","gd_place_tags-geodirectory-extensions","gd_place_tags-setup-guide","gd_place_tags-google-maps","gd_place_tags-custom-map-styles","gd_placecategory-extensions-features","gd_placecategory-custom-map-styles"],"_links":{"self":[{"href":"https:\/\/wpgeodirectory.com\/documentation\/wp-json\/wp\/v2\/article\/762","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=762"}],"version-history":[{"count":0,"href":"https:\/\/wpgeodirectory.com\/documentation\/wp-json\/wp\/v2\/article\/762\/revisions"}],"wp:attachment":[{"href":"https:\/\/wpgeodirectory.com\/documentation\/wp-json\/wp\/v2\/media?parent=762"}],"wp:term":[{"taxonomy":"gd_place_tags","embeddable":true,"href":"https:\/\/wpgeodirectory.com\/documentation\/wp-json\/wp\/v2\/article\/tags?post=762"},{"taxonomy":"gd_placecategory","embeddable":true,"href":"https:\/\/wpgeodirectory.com\/documentation\/wp-json\/wp\/v2\/article\/categories?post=762"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}