{"id":2338,"date":"2015-05-13T07:01:49","date_gmt":"2015-05-13T07:01:49","guid":{"rendered":"https:\/\/docs.wpgeodirectory.com\/?p=2338"},"modified":"2018-08-16T10:36:46","modified_gmt":"2018-08-16T10:36:46","slug":"custom-google-maps","status":"publish","type":"post","link":"https:\/\/wpgeodirectory.com\/docs\/custom-google-maps\/","title":{"rendered":"Custom Maps Addon"},"content":{"rendered":"\n\n\n\n\n\n\n\n
Introduction<\/a><\/td>\n<\/tr>\n
Installation<\/a><\/td>\n<\/tr>\n
Snazzy Maps<\/a><\/td>\n<\/tr>\n
Settings<\/a><\/td>\nGeneral<\/a> – Manage Styles<\/a>\u00a0–\u00a0featureType<\/a> – elementType<\/a>\u00a0–\u00a0stylers<\/a><\/td>\n<\/tr>\n
Example<\/a><\/td>\nRemoving Google’s points of interest<\/a><\/td>\n<\/tr>\n
More information<\/a><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n

Open Street Map Base Layers<\/a><\/p>\n

<\/a>Introduction<\/h3>\n

Custom Google Maps<\/strong><\/em> for GeoDirectory allows you to modify the look and feel of all Google Maps on your GD website, through an easy user interface with color pickers and simple to use options.<\/p>\n

This way you can make the maps of your website look totally personalized and unique.<\/p>\n

<\/a>Installation<\/h3>\n

After uploading and activating the Addon<\/a>, you will find the settings in your WP admin area<\/strong><\/em> > GeoDirectory<\/strong><\/em> > Custom Google Maps.<\/strong><\/em><\/p>\n

<\/a>Snazzy Maps<\/h3>\n
    \n
  1. Snazzy Maps<\/em><\/a> is a repository of different color schemes for Google Maps aimed towards web designers and developers.<\/li>\n
  2. You can browse all the different map styles contributed by users, and then export that style and import it into your GD website.<\/li>\n
  3. <\/i>This blog post explains how to import the Snazzy Maps styles.\u00a0<\/a><\/li>\n<\/ol>\n

    <\/a>Settings<\/h3>\n

    <\/a>General<\/h4>\n

    Here you can choose which map you want to show as a customized map.<\/p>\n

    Choose from your location map, listings map, and the detail page map.<\/p>\n

    <\/a>Manage Styles<\/h4>\n

    The settings allow you to customize the presentation of the standard Google maps, changing the visual display of such elements as roads, parks, and built-up areas etc.<\/p>\n

    <\/a>featureType<\/strong>: Every map is composed by adding different features, like roads, points of interest, waterways etc.<\/p>\n

    \"\"<\/p>\n

    <\/i> Read more about the different map features on the Google Developers website.<\/a><\/p>\n

    <\/a>elementType<\/strong>: Every feature like a road, or a country border etc, are a combination of different elements, like the color of a waterway, or the color of the river’s edge.<\/p>\n

    \"\"<\/p>\n

    <\/i> Read more about the different elements on the Google Developers website.<\/a><\/p>\n

    <\/a>stylers<\/strong>: Every element of a feature can be styled.<\/p>\n

    <\/i> Read more about the different stylers on the Google Developers website.<\/a><\/p>\n

    <\/a>Example<\/h3>\n

    <\/a>Removing Google’s points of interest<\/h4>\n
      \n
    1. A default Google map has “points of interest”, like restaurants, cinemas etc.
      \n\"\"<\/li>\n
    2. So let’s remove them so you can add your own GD listings to the map:\n
        \n
      1. Select\u00a0featureType poi<\/strong><\/em><\/li>\n
      2. Select all<\/strong><\/em> elementTypes<\/li>\n
      3. Turn visibility off<\/strong><\/em><\/li>\n<\/ol>\n<\/li>\n
      4. Then click Add<\/strong><\/em>:
        \n\"\"<\/li>\n
      5. Now click Preview<\/strong><\/em> below the map, and you will see all points of interest<\/strong><\/em> will be invisible:
        \n\"\"<\/li>\n
      6. Once you are happy with the styles you added, click Save Styles<\/strong><\/em>.<\/li>\n<\/ol>\n

        <\/a>More information<\/h3>\n

        <\/i> Styled Maps – Google website<\/a><\/p>\n

        <\/a>Open Street Map Base Layers<\/h3>\n

        The Custom Maps Addon also enables your maps to show different Open Street Map Baselayers. Choose an Open Street Map setting first, then adjust the baselayer.<\/p>\n

        \"\"<\/a><\/p>\n

        \"\"<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"

        Custom Google Maps for GeoDirectory allows you to modify the look and feel of all Google Maps Widgets through an easy user interface with color pickers and simple to use options. This way you can make the maps of your website look totally personalized and unique.<\/p>\n","protected":false},"author":1676,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[4,54],"tags":[],"amp_validity":null,"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/wpgeodirectory.com\/docs\/wp-json\/wp\/v2\/posts\/2338"}],"collection":[{"href":"https:\/\/wpgeodirectory.com\/docs\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wpgeodirectory.com\/docs\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wpgeodirectory.com\/docs\/wp-json\/wp\/v2\/users\/1676"}],"replies":[{"embeddable":true,"href":"https:\/\/wpgeodirectory.com\/docs\/wp-json\/wp\/v2\/comments?post=2338"}],"version-history":[{"count":0,"href":"https:\/\/wpgeodirectory.com\/docs\/wp-json\/wp\/v2\/posts\/2338\/revisions"}],"wp:attachment":[{"href":"https:\/\/wpgeodirectory.com\/docs\/wp-json\/wp\/v2\/media?parent=2338"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wpgeodirectory.com\/docs\/wp-json\/wp\/v2\/categories?post=2338"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wpgeodirectory.com\/docs\/wp-json\/wp\/v2\/tags?post=2338"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}