{"id":393,"date":"2020-05-13T12:20:34","date_gmt":"2020-05-13T12:20:34","guid":{"rendered":"https:\/\/directorist.com\/docs\/?post_type=wpwax_dlist&#038;p=393"},"modified":"2020-06-01T07:07:20","modified_gmt":"2020-06-01T07:07:20","slug":"configuring-maps","status":"publish","type":"wpwax_dlist","link":"https:\/\/directorist.com\/documentation\/dlist\/advanced-settings\/configuring-maps\/","title":{"rendered":"Configuring Maps"},"content":{"rendered":"<div id=\"eckb-article-content-header\">\n<h3 id=\"12155\" class=\"eckb-article-title kb-article-id\">Map Settings<\/h3>\n<\/div>\n<div id=\"eckb-article-content-body\">\n<div id=\"kb-article-content\">\n<p>dList supports two types of maps out of the box by default.\u00a0 <strong>Google Maps<\/strong>\u00a0and\u00a0<strong>OpenStreetMap<\/strong>. However, you can use only one map at a time on your site. You can either use Google Maps or OpenStreetMap. You may already know it is free to use OpenStreetMap. However, you may also use Google Maps for free with limited quota provided by Google. You can use Google Maps by buying a premium plan in case you exceed the free quota. Now it is up to you which map you would like to use on your site. It is good to know that the Map View Layout of Dlist listings works with Google Maps at the moment.<\/p>\n<p>However, we will try our best to add the support for the map view layout to OpenStreetMap in a coming release.<\/p>\n<\/div>\n<div id=\"eckb-article-content-header\">\n<h3 id=\"12161\" class=\"eckb-article-title kb-article-id\">Open Street Map<\/h3>\n<\/div>\n<div id=\"eckb-article-content-body\">\n<div id=\"kb-article-content\">\n<p>OpenStreetMap is free to use. It is supported by Dlist out of the box. You do not need to use any API key unlike Google Map if you choose to use OpenStreetMap.<\/p>\n<p>Now visit the <strong>Dashboard \u2192 Directory Listings \u2192 Directory Settings \u2192 Listing Settings \u2192 Map Settings<\/strong> page. You can customize all options related to maps on that page.<\/p>\n<figure id=\"attachment_3439\" class=\"wp-caption aligncenter\" aria-describedby=\"caption-attachment-3439\"><a href=\"https:\/\/directorist.com\/wp-content\/uploads\/2019\/04\/Maps-Settings.png\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-3439 lazyloaded\" src=\"https:\/\/directorist.com\/wp-content\/uploads\/2019\/04\/Maps-Settings.png\" alt=\"Maps Settings\" width=\"1087\" height=\"885\" data-lazy-src=\"https:\/\/directorist.com\/wp-content\/uploads\/2019\/04\/Maps-Settings.png\" data-was-processed=\"true\" \/><\/a><figcaption id=\"caption-attachment-3439\" class=\"wp-caption-text\">Maps Settings<\/figcaption><\/figure>\n<p>Select the\u00a0<strong>OpenStreetMap<\/strong>\u00a0from the\u00a0<strong>Select Map<\/strong>\u00a0option. You may also optionally set the\u00a0<strong>default latitude<\/strong>\u00a0and\u00a0<strong>longitude<\/strong> for the map and adjust the zoom level of the map. You also adjust the height of the map on this page.<\/p>\n<h3>Disabling Map<\/h3>\n<p>Optionally, you may also disable the map on your site completely. If you want to disable the map completely. Please follow the following steps.<\/p>\n<ul>\n<li>Visit <strong>Directory<\/strong><strong>\u00a0Listings \u2192 Directory Settings \u2192 Listing Settings \u2192 Single Listing<\/strong>\u00a0page. Set the\u00a0<strong>Disable Google Map<\/strong>\u00a0option to \u2018<strong>YES<\/strong>\u2018 and save the changes.<\/li>\n<li>Visit <strong>Directory<\/strong><strong>\u00a0Listings \u2192 Directory Settings \u2192 Listing Settings \u2192 Form Fields<\/strong>\u00a0page. Set the\u00a0<strong>Enable Map<\/strong>\u00a0option to \u2018<strong>NO<\/strong>\u2018 and save the changes.<\/li>\n<\/ul>\n<div id=\"eckb-article-content-header\">\n<h3 id=\"12157\" class=\"eckb-article-title kb-article-id\">Google Map<\/h3>\n<\/div>\n<div id=\"eckb-article-content-body\">\n<div id=\"kb-article-content\">\n<p>You need an API key to use Google Maps on your directory website. You can find your API key for Google Maps\u00a0<a href=\"https:\/\/developers.google.com\/maps\/documentation\/javascript\/get-api-key\" target=\"_blank\" rel=\"noopener noreferrer\">in this link<\/a>. Please follow the instruction there and copy your API key.<\/p>\n<p>Now visit the <strong>Dashboard \u2192 Directory Listings \u2192 Directory Settings \u2192 Listing Settings \u2192 Map Settings<\/strong> page. You can customize all options related to maps on that page.<\/p>\n<figure id=\"attachment_3439\" class=\"wp-caption aligncenter\" aria-describedby=\"caption-attachment-3439\"><a href=\"https:\/\/directorist.com\/wp-content\/uploads\/2019\/04\/Maps-Settings.png\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-3439 lazyloaded\" src=\"https:\/\/directorist.com\/wp-content\/uploads\/2019\/04\/Maps-Settings.png\" alt=\"Maps Settings\" width=\"1087\" height=\"885\" data-lazy-src=\"https:\/\/directorist.com\/wp-content\/uploads\/2019\/04\/Maps-Settings.png\" data-was-processed=\"true\" \/><\/a><figcaption id=\"caption-attachment-3439\" class=\"wp-caption-text\">Maps Settings<\/figcaption><\/figure>\n<p>Select the\u00a0<strong>Google Map<\/strong>\u00a0from the\u00a0<strong>Select Map<\/strong>\u00a0option. Then paste the Google Maps API key that you copied in the beginning in the\u00a0<strong>Google Map API Key<\/strong>\u00a0option field.<\/p>\n<p>You may also optionally set the\u00a0<strong>default latitude<\/strong>\u00a0and\u00a0<strong>longitude<\/strong> for the map and adjust the zoom level of the map. You also adjust the height of the map on this page.<\/p>\n<h2>Disabling Map<\/h2>\n<p>Optionally, you may also disable the map. If you want to disable the map completely. Please follow the following steps.<\/p>\n<ul>\n<li>Visit <strong>Directory<\/strong><strong> Listings \u2192 Directory Settings \u2192 Listing Settings \u2192 Single Listing<\/strong>\u00a0page. Set the\u00a0<strong>Disable Google Map<\/strong>\u00a0option to \u2018<strong>YES<\/strong>\u2018 and save the changes.<\/li>\n<li>Visit <strong>Directory<\/strong><strong>\u00a0Listings \u2192 Directory Settings \u2192 Listing Settings \u2192 Form Fields<\/strong>\u00a0page. Set the\u00a0<strong>Enable Map<\/strong>\u00a0option to \u2018<strong>NO<\/strong>\u2018 and save the changes.<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n","protected":false},"author":2296,"parent":0,"menu_order":0,"template":"","class_list":["post-393","wpwax_dlist","type-wpwax_dlist","status-publish","hentry","wpwax_dlist_category-advanced-settings"],"acf":[],"_links":{"self":[{"href":"https:\/\/directorist.com\/documentation\/wp-json\/wp\/v2\/wpwax_dlist\/393","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/directorist.com\/documentation\/wp-json\/wp\/v2\/wpwax_dlist"}],"about":[{"href":"https:\/\/directorist.com\/documentation\/wp-json\/wp\/v2\/types\/wpwax_dlist"}],"author":[{"embeddable":true,"href":"https:\/\/directorist.com\/documentation\/wp-json\/wp\/v2\/users\/2296"}],"wp:attachment":[{"href":"https:\/\/directorist.com\/documentation\/wp-json\/wp\/v2\/media?parent=393"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}