{"id":291,"date":"2018-09-13T11:57:16","date_gmt":"2018-09-13T11:57:16","guid":{"rendered":"https:\/\/wpgeodirectory.com\/docs-v2\/addons\/map-styles\/"},"modified":"2020-02-04T22:47:09","modified_gmt":"2020-02-04T22:47:09","slug":"map-styles","status":"publish","type":"docs","link":"https:\/\/wpgeodirectory.com\/docs-v2\/addons\/map-styles\/","title":{"rendered":"Map Styles"},"content":{"rendered":"<p><span class='bookmark-index'><br \/>\n<a href=\"#intro\">Introduction<\/a><br \/>\n<a href=\"#install\">Installation<\/a><br \/>\n<a href=\"#settings\">Settings<\/a><br \/>\n<\/span><\/p>\n<h3><a name=\"intro\" href=\"#intro\">Introduction<\/a><\/h3>\n<p>Use the Custom Maps addon to move the maps closer to the style of your directory site. Can be used with both Google Maps and Open Street Maps.<\/p>\n<h3><a name=\"install\" href=\"#install\">Installation<\/a><\/h3>\n<h4><a name=\"prep\" href=\"#prep\">Preparation<\/a><\/h4>\n<p>Check to be sure you have the following plugins installed before you get started.<\/p>\n<ul>\n<li><a href=\"https:\/\/wpgeodirectory.com\/docs-v2\/geodirectory\/overview\/\" rel=\"noopener noreferrer\" target=\"_blank\">GeoDirectory V2<\/a><\/li>\n<\/ul>\n<h4><a name=\"install\" href=\"#install\">Installation<\/a><\/h4>\n<ol>\n<li><a href=\"https:\/\/wpgeodirectory.com\/your-account\/\" rel=\"noopener noreferrer\" target=\"_blank\">Download the Addon from your account<\/a>.<\/li>\n<li><a href=\"https:\/\/wpgeodirectory.com\/docs-v2\/addons\/installing-addons\/\" rel=\"noopener noreferrer\" target=\"_blank\">Install the Addon<\/a>.<\/li>\n<\/ol>\n<h3><a name=\"settings\" href=\"#settings\">Settings<\/a><\/h3>\n<p><a href=\"http:\/\/wpgeodirectory.com\/docs-v2\/wp-content\/uploads\/sites\/23\/2018\/08\/GDV2-Settings-Menu.png\"><img src=\"http:\/\/wpgeodirectory.com\/docs-v2\/wp-content\/uploads\/sites\/23\/2018\/08\/GDV2-Settings-Menu.png\" alt=\"\" width=\"140\" height=\"143\" class=\"alignnone size-full wp-image-194\" \/><\/a><\/p>\n<p><a href=\"http:\/\/wpgeodirectory.com\/docs-v2\/wp-content\/uploads\/sites\/23\/2018\/09\/GDV2-MapStyles-1.png\"><img src=\"http:\/\/wpgeodirectory.com\/docs-v2\/wp-content\/uploads\/sites\/23\/2018\/09\/GDV2-MapStyles-1.png\" alt=\"\" width=\"739\" height=\"382\" class=\"alignnone size-full wp-image-299\" srcset=\"https:\/\/wpgeodirectory.com\/docs-v2\/wp-content\/uploads\/sites\/23\/2018\/09\/GDV2-MapStyles-1.png 739w, https:\/\/wpgeodirectory.com\/docs-v2\/wp-content\/uploads\/sites\/23\/2018\/09\/GDV2-MapStyles-1-300x155.png 300w\" sizes=\"(max-width: 739px) 100vw, 739px\" \/><\/a><\/p>\n<h4><a name=\"gmap\" href=\"#gmap\">Google Maps Settings<\/a><\/h4>\n<p>Choose individual map elements and set styles.<\/p>\n<p>To import styles, use Snazzy Maps (<a href=\"https:\/\/snazzymaps.com\/\" rel=\"noopener noreferrer\" target=\"_blank\">https:\/\/snazzymaps.com\/<\/a>) to create a style, then copy\/paste the json into the import screen.<\/p>\n<p><a href=\"http:\/\/wpgeodirectory.com\/docs-v2\/wp-content\/uploads\/sites\/23\/2018\/09\/GDV2-MapStyles-2.png\"><img src=\"http:\/\/wpgeodirectory.com\/docs-v2\/wp-content\/uploads\/sites\/23\/2018\/09\/GDV2-MapStyles-2.png\" alt=\"\" width=\"736\" height=\"997\" class=\"alignnone size-full wp-image-298\" srcset=\"https:\/\/wpgeodirectory.com\/docs-v2\/wp-content\/uploads\/sites\/23\/2018\/09\/GDV2-MapStyles-2.png 736w, https:\/\/wpgeodirectory.com\/docs-v2\/wp-content\/uploads\/sites\/23\/2018\/09\/GDV2-MapStyles-2-221x300.png 221w\" sizes=\"(max-width: 736px) 100vw, 736px\" \/><\/a><\/p>\n<h4><a name=\"osm\" href=\"#osm\">Open Street Map Settings<\/a><\/h4>\n<p><a href=\"http:\/\/wpgeodirectory.com\/docs-v2\/wp-content\/uploads\/sites\/23\/2018\/09\/GDV2-MapStyles-3.png\"><img src=\"http:\/\/wpgeodirectory.com\/docs-v2\/wp-content\/uploads\/sites\/23\/2018\/09\/GDV2-MapStyles-3.png\" alt=\"\" width=\"739\" height=\"748\" class=\"alignnone size-full wp-image-297\" srcset=\"https:\/\/wpgeodirectory.com\/docs-v2\/wp-content\/uploads\/sites\/23\/2018\/09\/GDV2-MapStyles-3.png 739w, https:\/\/wpgeodirectory.com\/docs-v2\/wp-content\/uploads\/sites\/23\/2018\/09\/GDV2-MapStyles-3-296x300.png 296w\" sizes=\"(max-width: 739px) 100vw, 739px\" \/><\/a><\/p>\n<h3><a name=\"snazzymaps\" href=\"#snazzymaps\">How to copy a style from Snazzy Maps<\/a><\/h3>\n<p>Snazzy Maps is a tool and a showcase, providing you with an interactive configurator for Google Maps Styles as well as a showcase of styles created by others.<\/p>\n<p>In this quick set of instructions you can see the steps you can take to grab a style from Snazzy Maps.<\/p>\n<blockquote><p>Open Snazzy Maps and choose a style.  In this tutorial we will use &#8220;<a href=\"https:\/\/snazzymaps.com\/style\/35\/avocado-world\" rel=\"noopener noreferrer\" target=\"_blank\">Avocado World<\/a>&#8220;.<\/p><\/blockquote>\n<blockquote><p>Select the Customize option<\/p><\/blockquote>\n<p><a href=\"http:\/\/wpgeodirectory.com\/docs-v2\/wp-content\/uploads\/sites\/23\/2018\/09\/Snzzy-Customize.png\"><img src=\"http:\/\/wpgeodirectory.com\/docs-v2\/wp-content\/uploads\/sites\/23\/2018\/09\/Snzzy-Customize.png\" alt=\"\" width=\"579\" height=\"218\" class=\"alignnone size-full wp-image-305\" srcset=\"https:\/\/wpgeodirectory.com\/docs-v2\/wp-content\/uploads\/sites\/23\/2018\/09\/Snzzy-Customize.png 579w, https:\/\/wpgeodirectory.com\/docs-v2\/wp-content\/uploads\/sites\/23\/2018\/09\/Snzzy-Customize-300x113.png 300w\" sizes=\"(max-width: 579px) 100vw, 579px\" \/><\/a><\/p>\n<blockquote><p>Select the Code option<\/p><\/blockquote>\n<p><a href=\"http:\/\/wpgeodirectory.com\/docs-v2\/wp-content\/uploads\/sites\/23\/2018\/09\/Snzzy-Code-2.png\"><img src=\"http:\/\/wpgeodirectory.com\/docs-v2\/wp-content\/uploads\/sites\/23\/2018\/09\/Snzzy-Code-2.png\" alt=\"\" width=\"778\" height=\"172\" class=\"alignnone size-full wp-image-304\" srcset=\"https:\/\/wpgeodirectory.com\/docs-v2\/wp-content\/uploads\/sites\/23\/2018\/09\/Snzzy-Code-2.png 778w, https:\/\/wpgeodirectory.com\/docs-v2\/wp-content\/uploads\/sites\/23\/2018\/09\/Snzzy-Code-2-300x66.png 300w, https:\/\/wpgeodirectory.com\/docs-v2\/wp-content\/uploads\/sites\/23\/2018\/09\/Snzzy-Code-2-768x170.png 768w\" sizes=\"(max-width: 778px) 100vw, 778px\" \/><\/a><\/p>\n<blockquote><p>Carefully drag-select all the code and then copy it to your clipboard.<\/p><\/blockquote>\n<p><a href=\"http:\/\/wpgeodirectory.com\/docs-v2\/wp-content\/uploads\/sites\/23\/2018\/09\/Snzzy-Code-copy-3.png\"><img src=\"http:\/\/wpgeodirectory.com\/docs-v2\/wp-content\/uploads\/sites\/23\/2018\/09\/Snzzy-Code-copy-3.png\" alt=\"\" width=\"319\" height=\"191\" class=\"alignnone size-full wp-image-303\" srcset=\"https:\/\/wpgeodirectory.com\/docs-v2\/wp-content\/uploads\/sites\/23\/2018\/09\/Snzzy-Code-copy-3.png 319w, https:\/\/wpgeodirectory.com\/docs-v2\/wp-content\/uploads\/sites\/23\/2018\/09\/Snzzy-Code-copy-3-300x180.png 300w\" sizes=\"(max-width: 319px) 100vw, 319px\" \/><\/a><\/p>\n<blockquote><p>In the GD settings select import.<\/p><\/blockquote>\n<p><a href=\"http:\/\/wpgeodirectory.com\/docs-v2\/wp-content\/uploads\/sites\/23\/2018\/09\/Snzzy-import-select-4.png\"><img src=\"http:\/\/wpgeodirectory.com\/docs-v2\/wp-content\/uploads\/sites\/23\/2018\/09\/Snzzy-import-select-4.png\" alt=\"\" width=\"1030\" height=\"467\" class=\"alignnone size-full wp-image-302\" srcset=\"https:\/\/wpgeodirectory.com\/docs-v2\/wp-content\/uploads\/sites\/23\/2018\/09\/Snzzy-import-select-4.png 1030w, https:\/\/wpgeodirectory.com\/docs-v2\/wp-content\/uploads\/sites\/23\/2018\/09\/Snzzy-import-select-4-300x136.png 300w, https:\/\/wpgeodirectory.com\/docs-v2\/wp-content\/uploads\/sites\/23\/2018\/09\/Snzzy-import-select-4-768x348.png 768w, https:\/\/wpgeodirectory.com\/docs-v2\/wp-content\/uploads\/sites\/23\/2018\/09\/Snzzy-import-select-4-1024x464.png 1024w\" sizes=\"(max-width: 1030px) 100vw, 1030px\" \/><\/a><\/p>\n<blockquote><p>Select any code that is already present and remove it. Then paste the code from the clipboard. Click import to save the changes.<\/p><\/blockquote>\n<p><a href=\"http:\/\/wpgeodirectory.com\/docs-v2\/wp-content\/uploads\/sites\/23\/2018\/09\/Snzzy-import-paste-5.png\"><img src=\"http:\/\/wpgeodirectory.com\/docs-v2\/wp-content\/uploads\/sites\/23\/2018\/09\/Snzzy-import-paste-5.png\" alt=\"\" width=\"312\" height=\"273\" class=\"alignnone size-full wp-image-301\" srcset=\"https:\/\/wpgeodirectory.com\/docs-v2\/wp-content\/uploads\/sites\/23\/2018\/09\/Snzzy-import-paste-5.png 312w, https:\/\/wpgeodirectory.com\/docs-v2\/wp-content\/uploads\/sites\/23\/2018\/09\/Snzzy-import-paste-5-300x263.png 300w\" sizes=\"(max-width: 312px) 100vw, 312px\" \/><\/a><\/p>\n<blockquote><p>Immediately see the changes in the map style.<\/p><\/blockquote>\n<p><a href=\"http:\/\/wpgeodirectory.com\/docs-v2\/wp-content\/uploads\/sites\/23\/2018\/09\/Snzzy-import-6-view.png\"><img src=\"http:\/\/wpgeodirectory.com\/docs-v2\/wp-content\/uploads\/sites\/23\/2018\/09\/Snzzy-import-6-view.png\" alt=\"\" width=\"482\" height=\"205\" class=\"alignnone size-full wp-image-300\" srcset=\"https:\/\/wpgeodirectory.com\/docs-v2\/wp-content\/uploads\/sites\/23\/2018\/09\/Snzzy-import-6-view.png 482w, https:\/\/wpgeodirectory.com\/docs-v2\/wp-content\/uploads\/sites\/23\/2018\/09\/Snzzy-import-6-view-300x128.png 300w\" sizes=\"(max-width: 482px) 100vw, 482px\" \/><\/a><\/p>\n<p>If there are problems then start over and take more care to select only the map style code when copying.<\/p>\n<h3><a name=\"support\" href=\"#support\">Get Support<\/a><\/h3>\n<p>Get support on our forum, fnd out more here: <a href=\"https:\/\/wpgeodirectory.com\/docs-v2\/geodirectory\/support\/\" rel=\"noopener noreferrer\" target=\"_blank\">https:\/\/wpgeodirectory.com\/docs-v2\/geodirectory\/support\/<\/a><\/p>\n","protected":false},"featured_media":0,"parent":167,"menu_order":13,"comment_status":"closed","ping_status":"closed","template":"","doc_tag":[],"amp_validity":null,"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/wpgeodirectory.com\/docs-v2\/wp-json\/wp\/v2\/docs\/291"}],"collection":[{"href":"https:\/\/wpgeodirectory.com\/docs-v2\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/wpgeodirectory.com\/docs-v2\/wp-json\/wp\/v2\/types\/docs"}],"replies":[{"embeddable":true,"href":"https:\/\/wpgeodirectory.com\/docs-v2\/wp-json\/wp\/v2\/comments?post=291"}],"version-history":[{"count":0,"href":"https:\/\/wpgeodirectory.com\/docs-v2\/wp-json\/wp\/v2\/docs\/291\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/wpgeodirectory.com\/docs-v2\/wp-json\/wp\/v2\/docs\/167"}],"next":[{"title":"Marker Cluster","link":"https:\/\/wpgeodirectory.com\/docs-v2\/addons\/marker-cluster\/","href":"https:\/\/wpgeodirectory.com\/docs-v2\/wp-json\/wp\/v2\/docs\/702"}],"prev":[{"title":"Location Manager","link":"https:\/\/wpgeodirectory.com\/docs-v2\/addons\/location-manager\/","href":"https:\/\/wpgeodirectory.com\/docs-v2\/wp-json\/wp\/v2\/docs\/210"}],"wp:attachment":[{"href":"https:\/\/wpgeodirectory.com\/docs-v2\/wp-json\/wp\/v2\/media?parent=291"}],"wp:term":[{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/wpgeodirectory.com\/docs-v2\/wp-json\/wp\/v2\/doc_tag?post=291"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}