{"id":100,"date":"2017-06-15T09:19:01","date_gmt":"2017-06-15T09:19:01","guid":{"rendered":"https:\/\/themes.themegoods.com\/grandspa\/doc\/?p=100"},"modified":"2017-06-15T09:20:03","modified_gmt":"2017-06-15T09:20:03","slug":"setting-up-google-maps","status":"publish","type":"post","link":"https:\/\/themes.themegoods.com\/grandspa\/doc\/setting-up-google-maps\/","title":{"rendered":"Setting up Google Maps"},"content":{"rendered":"<p><strong>Google Map using Content Builder<\/strong><\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-102\" src=\"https:\/\/themes.themegoods.com\/grandspa\/doc\/wp-content\/uploads\/2017\/06\/Screen-Shot-2559-10-18-at-6.26.16-PM.png\" alt=\"\" width=\"488\" height=\"296\" srcset=\"https:\/\/themes.themegoods.com\/grandspa\/doc\/wp-content\/uploads\/2017\/06\/Screen-Shot-2559-10-18-at-6.26.16-PM.png 488w, https:\/\/themes.themegoods.com\/grandspa\/doc\/wp-content\/uploads\/2017\/06\/Screen-Shot-2559-10-18-at-6.26.16-PM-300x182.png 300w, https:\/\/themes.themegoods.com\/grandspa\/doc\/wp-content\/uploads\/2017\/06\/Screen-Shot-2559-10-18-at-6.26.16-PM-60x36.png 60w, https:\/\/themes.themegoods.com\/grandspa\/doc\/wp-content\/uploads\/2017\/06\/Screen-Shot-2559-10-18-at-6.26.16-PM-150x91.png 150w\" sizes=\"(max-width: 488px) 100vw, 488px\" \/><\/p>\n<p>Select the one you want and click &#8220;Add&#8221; button. It will open a popup with module&#8217;s options.<\/p>\n<p><img decoding=\"async\" class=\"alignnone size-large wp-image-103\" src=\"https:\/\/themes.themegoods.com\/grandspa\/doc\/wp-content\/uploads\/2017\/06\/Screen-Shot-2559-10-18-at-6.27.08-PM-393x1024-393x1024.png\" alt=\"\" width=\"393\" height=\"1024\" srcset=\"https:\/\/themes.themegoods.com\/grandspa\/doc\/wp-content\/uploads\/2017\/06\/Screen-Shot-2559-10-18-at-6.27.08-PM-393x1024.png 393w, https:\/\/themes.themegoods.com\/grandspa\/doc\/wp-content\/uploads\/2017\/06\/Screen-Shot-2559-10-18-at-6.27.08-PM-393x1024-115x300.png 115w, https:\/\/themes.themegoods.com\/grandspa\/doc\/wp-content\/uploads\/2017\/06\/Screen-Shot-2559-10-18-at-6.27.08-PM-393x1024-23x60.png 23w, https:\/\/themes.themegoods.com\/grandspa\/doc\/wp-content\/uploads\/2017\/06\/Screen-Shot-2559-10-18-at-6.27.08-PM-393x1024-58x150.png 58w\" sizes=\"(max-width: 393px) 100vw, 393px\" \/><\/p>\n<p>Enter options for example title, Map locations, height etc. Once you finish customising, click &#8220;Update&#8221; and save changes the page.<\/p>\n<p><strong>Customise Google Map Skin<\/strong><\/p>\n<p>Theme includes an option to change Google Map skin&amp;colors using\u00a0<a href=\"https:\/\/snazzymaps.com\/\">snazzymaps<\/a>. You can navigate to\u00a0<a href=\"https:\/\/snazzymaps.com\/\">snazzymaps<\/a>\u00a0and find map style you want to use.<\/p>\n<p>One the left box of map skin page. You will find &#8220;Javascript Style Array&#8221; box. ClickCopy button and open Theme Setting &gt; Contact &gt; Google Map Settings<\/p>\n<p>Paste the javascript code to &#8220;Custom Google Map Style&#8221; and save changes. You will also need to enter Google Maps API key. Here is <a href=\"https:\/\/themegoods.ticksy.com\/article\/7785\">how to sign up for Google Maps API Key<\/a>.<\/p>\n<p><strong>Google Map using\u00a0Shortcode<\/strong><\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-104\" src=\"https:\/\/themes.themegoods.com\/grandspa\/doc\/wp-content\/uploads\/2017\/06\/Screen-Shot-2558-03-03-at-10.24.28-AM.png\" alt=\"\" width=\"687\" height=\"906\" srcset=\"https:\/\/themes.themegoods.com\/grandspa\/doc\/wp-content\/uploads\/2017\/06\/Screen-Shot-2558-03-03-at-10.24.28-AM.png 687w, https:\/\/themes.themegoods.com\/grandspa\/doc\/wp-content\/uploads\/2017\/06\/Screen-Shot-2558-03-03-at-10.24.28-AM-227x300.png 227w, https:\/\/themes.themegoods.com\/grandspa\/doc\/wp-content\/uploads\/2017\/06\/Screen-Shot-2558-03-03-at-10.24.28-AM-45x60.png 45w, https:\/\/themes.themegoods.com\/grandspa\/doc\/wp-content\/uploads\/2017\/06\/Screen-Shot-2558-03-03-at-10.24.28-AM-114x150.png 114w\" sizes=\"(max-width: 687px) 100vw, 687px\" \/><\/p>\n<p>When you edit a page. There is shortcode option at the bottom of editing field. Select &#8220;Google Map&#8221; and enter map options. Once you finish, click &#8220;Generate Shortcode&#8221; and copy shortcode to editing field.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Google Map using Content Builder Select the one you want and click &#8220;Add&#8221; button. It will open a popup with module&#8217;s options. Enter options for example title, Map locations, height etc. Once you finish customising, click &#8220;Update&#8221; and save changes the page. Customise Google Map Skin Theme includes an option to change Google Map skin&amp;colors [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[4],"tags":[62,63],"_links":{"self":[{"href":"https:\/\/themes.themegoods.com\/grandspa\/doc\/wp-json\/wp\/v2\/posts\/100"}],"collection":[{"href":"https:\/\/themes.themegoods.com\/grandspa\/doc\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/themes.themegoods.com\/grandspa\/doc\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/themes.themegoods.com\/grandspa\/doc\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/themes.themegoods.com\/grandspa\/doc\/wp-json\/wp\/v2\/comments?post=100"}],"version-history":[{"count":0,"href":"https:\/\/themes.themegoods.com\/grandspa\/doc\/wp-json\/wp\/v2\/posts\/100\/revisions"}],"wp:attachment":[{"href":"https:\/\/themes.themegoods.com\/grandspa\/doc\/wp-json\/wp\/v2\/media?parent=100"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/themes.themegoods.com\/grandspa\/doc\/wp-json\/wp\/v2\/categories?post=100"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/themes.themegoods.com\/grandspa\/doc\/wp-json\/wp\/v2\/tags?post=100"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}