{"id":750,"date":"2025-03-24T14:27:35","date_gmt":"2025-03-24T14:27:35","guid":{"rendered":"https:\/\/wpgeodirectory.com\/documentation\/article\/how-to-import-maps-styles-from-snazzy-maps\/"},"modified":"2025-04-03T15:23:55","modified_gmt":"2025-04-03T14:23:55","slug":"how-to-import-maps-styles-from-snazzy-maps","status":"publish","type":"gd_place","link":"https:\/\/wpgeodirectory.com\/documentation\/article\/custom-map-styles\/how-to-import-maps-styles-from-snazzy-maps\/","title":{"rendered":"How to Import Maps Styles from Snazzy Maps?"},"content":{"rendered":"<p>\n\tIf you wish to import custom styles to use with Google Maps, you can use <a href=\"https:\/\/snazzymaps.com\">Snazzy Maps<\/a>.&nbsp;<\/p>\n<section class=\"alert alert-info\">\n\tSnazzy Maps provides you with an interactive editor for creating custom Google Maps styles within minutes.&nbsp;<\/section>\n<h2>\nImporting Google Maps Styles&nbsp;<\/h2>\n<dl>\n<dt>1<\/dt>\n<dd>\n\tIn the Snazzy Maps editor, pick your preferred style and click the <strong>Customize <\/strong>button.&nbsp;\n<\/dd>\n<p>\t<img width=\"579\" height=\"218\" src=\"https:\/\/wpgeodirectory.com\/documentation\/wp-content\/uploads\/2025\/03\/file-pW9DbA4Fyf.png\" class=\"attachment-large size-large\" alt=\"\" decoding=\"async\" loading=\"lazy\" srcset=\"https:\/\/wpgeodirectory.com\/documentation\/wp-content\/uploads\/2025\/03\/file-pW9DbA4Fyf.png 579w, https:\/\/wpgeodirectory.com\/documentation\/wp-content\/uploads\/2025\/03\/file-pW9DbA4Fyf-300x113.png 300w\" sizes=\"auto, (max-width: 579px) 100vw, 579px\" \/><\/p>\n<dt>2<\/dt>\n<dd>\n\tSelect the <strong>Code <\/strong>option.&nbsp;\n<\/dd>\n<p>\t<img width=\"778\" height=\"172\" src=\"https:\/\/wpgeodirectory.com\/documentation\/wp-content\/uploads\/2025\/03\/file-WLMzEolKKx.png\" class=\"attachment-large size-large\" alt=\"\" decoding=\"async\" loading=\"lazy\" srcset=\"https:\/\/wpgeodirectory.com\/documentation\/wp-content\/uploads\/2025\/03\/file-WLMzEolKKx.png 778w, https:\/\/wpgeodirectory.com\/documentation\/wp-content\/uploads\/2025\/03\/file-WLMzEolKKx-300x66.png 300w, https:\/\/wpgeodirectory.com\/documentation\/wp-content\/uploads\/2025\/03\/file-WLMzEolKKx-768x170.png 768w\" sizes=\"auto, (max-width: 778px) 100vw, 778px\" \/><\/p>\n<dt>3<\/dt>\n<dd> <strong>Copy <\/strong>the code output.&nbsp;\n<\/dd>\n<p>\t<img width=\"319\" height=\"191\" src=\"https:\/\/wpgeodirectory.com\/documentation\/wp-content\/uploads\/2025\/03\/file-P5uYcGy2Qk.png\" class=\"attachment-large size-large\" alt=\"\" decoding=\"async\" loading=\"lazy\" srcset=\"https:\/\/wpgeodirectory.com\/documentation\/wp-content\/uploads\/2025\/03\/file-P5uYcGy2Qk.png 319w, https:\/\/wpgeodirectory.com\/documentation\/wp-content\/uploads\/2025\/03\/file-P5uYcGy2Qk-300x180.png 300w\" sizes=\"auto, (max-width: 319px) 100vw, 319px\" \/><\/p>\n<dt>4<\/dt>\n<dd>\n\tNavigate to <strong>GD &gt; Settings &gt; Maps Styles (tab) &gt; Manage Map Styles (sub-tab) <\/strong>and click the <strong>Import Styles <\/strong>button.&nbsp;\n<\/dd>\n<p>\t<img width=\"920\" height=\"417\" src=\"https:\/\/wpgeodirectory.com\/documentation\/wp-content\/uploads\/2025\/03\/file-bcHOCrdlCT-1024x464.png\" class=\"attachment-large size-large\" alt=\"\" decoding=\"async\" loading=\"lazy\" srcset=\"https:\/\/wpgeodirectory.com\/documentation\/wp-content\/uploads\/2025\/03\/file-bcHOCrdlCT-1024x464.png 1024w, https:\/\/wpgeodirectory.com\/documentation\/wp-content\/uploads\/2025\/03\/file-bcHOCrdlCT-300x136.png 300w, https:\/\/wpgeodirectory.com\/documentation\/wp-content\/uploads\/2025\/03\/file-bcHOCrdlCT-768x348.png 768w, https:\/\/wpgeodirectory.com\/documentation\/wp-content\/uploads\/2025\/03\/file-bcHOCrdlCT.png 1030w\" sizes=\"auto, (max-width: 920px) 100vw, 920px\" \/><\/p>\n<dt>5<\/dt>\n<dd>\n\tPaste the code you copied earlier, and click <strong>Import New Styles.&nbsp;<\/strong> <\/dd>\n<\/dl>\n<p>\n\t<img width=\"312\" height=\"273\" src=\"https:\/\/wpgeodirectory.com\/documentation\/wp-content\/uploads\/2025\/03\/file-JTxg75VSiP.png\" class=\"attachment-large size-large\" alt=\"\" decoding=\"async\" loading=\"lazy\" srcset=\"https:\/\/wpgeodirectory.com\/documentation\/wp-content\/uploads\/2025\/03\/file-JTxg75VSiP.png 312w, https:\/\/wpgeodirectory.com\/documentation\/wp-content\/uploads\/2025\/03\/file-JTxg75VSiP-300x263.png 300w\" sizes=\"auto, (max-width: 312px) 100vw, 312px\" \/><\/p>\n<p>\n\tThat&#8217;s all! You have successfully imported maps styles from Snazzy Maps.&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>If you wish to import custom styles to use with Google Maps, you can use Snazzy Maps.&nbsp; Snazzy Maps provides you with an interactive editor for creating custom Google Maps styles within minutes.&nbsp; Importing Google Maps Styles&nbsp; 1 In the Snazzy Maps editor, pick your preferred style and click the Customize button.&nbsp; 2 Select the [&hellip;]<\/p>\n","protected":false},"author":0,"featured_media":0,"comment_status":"open","ping_status":"closed","template":"","meta":{"footnotes":""},"article\/tags":[594,595,596],"article\/categories":[213,413],"class_list":["post-750","gd_place","type-gd_place","status-publish","hentry","gd_place_tags-snazzy-maps","gd_place_tags-google-maps","gd_place_tags-custom-maps-styles","gd_placecategory-extensions-features","gd_placecategory-custom-map-styles"],"_links":{"self":[{"href":"https:\/\/wpgeodirectory.com\/documentation\/wp-json\/wp\/v2\/article\/750","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=750"}],"version-history":[{"count":0,"href":"https:\/\/wpgeodirectory.com\/documentation\/wp-json\/wp\/v2\/article\/750\/revisions"}],"wp:attachment":[{"href":"https:\/\/wpgeodirectory.com\/documentation\/wp-json\/wp\/v2\/media?parent=750"}],"wp:term":[{"taxonomy":"gd_place_tags","embeddable":true,"href":"https:\/\/wpgeodirectory.com\/documentation\/wp-json\/wp\/v2\/article\/tags?post=750"},{"taxonomy":"gd_placecategory","embeddable":true,"href":"https:\/\/wpgeodirectory.com\/documentation\/wp-json\/wp\/v2\/article\/categories?post=750"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}