{"id":101,"date":"2017-05-17T12:46:03","date_gmt":"2017-05-17T12:46:03","guid":{"rendered":"http:\/\/themes.themegoods.com\/grandwedding\/doc\/?p=101"},"modified":"2017-05-17T12:47:39","modified_gmt":"2017-05-17T12:47:39","slug":"setting-up-google-maps","status":"publish","type":"post","link":"https:\/\/themes.themegoods.com\/grandwedding\/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 class=\"alignnone size-full wp-image-103\" src=\"http:\/\/themes.themegoods.com\/grandwedding\/doc\/wp-content\/uploads\/2017\/05\/Screen-Shot-2559-10-18-at-6.26.16-PM.png\" alt=\"\" width=\"488\" height=\"296\" srcset=\"https:\/\/themes.themegoods.com\/grandwedding\/doc\/wp-content\/uploads\/2017\/05\/Screen-Shot-2559-10-18-at-6.26.16-PM.png 488w, https:\/\/themes.themegoods.com\/grandwedding\/doc\/wp-content\/uploads\/2017\/05\/Screen-Shot-2559-10-18-at-6.26.16-PM-300x182.png 300w, https:\/\/themes.themegoods.com\/grandwedding\/doc\/wp-content\/uploads\/2017\/05\/Screen-Shot-2559-10-18-at-6.26.16-PM-60x36.png 60w, https:\/\/themes.themegoods.com\/grandwedding\/doc\/wp-content\/uploads\/2017\/05\/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 class=\"alignnone size-large wp-image-104\" src=\"http:\/\/themes.themegoods.com\/grandwedding\/doc\/wp-content\/uploads\/2017\/05\/Screen-Shot-2559-10-18-at-6.27.08-PM-393x1024-393x1024.png\" alt=\"\" width=\"393\" height=\"1024\" srcset=\"https:\/\/themes.themegoods.com\/grandwedding\/doc\/wp-content\/uploads\/2017\/05\/Screen-Shot-2559-10-18-at-6.27.08-PM-393x1024.png 393w, https:\/\/themes.themegoods.com\/grandwedding\/doc\/wp-content\/uploads\/2017\/05\/Screen-Shot-2559-10-18-at-6.27.08-PM-393x1024-115x300.png 115w, https:\/\/themes.themegoods.com\/grandwedding\/doc\/wp-content\/uploads\/2017\/05\/Screen-Shot-2559-10-18-at-6.27.08-PM-393x1024-23x60.png 23w, https:\/\/themes.themegoods.com\/grandwedding\/doc\/wp-content\/uploads\/2017\/05\/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><img class=\"alignnone size-full wp-image-105\" src=\"http:\/\/themes.themegoods.com\/grandwedding\/doc\/wp-content\/uploads\/2017\/05\/Screen-Shot-2559-10-18-at-6.28.46-PM.png\" alt=\"\" width=\"1010\" height=\"332\" srcset=\"https:\/\/themes.themegoods.com\/grandwedding\/doc\/wp-content\/uploads\/2017\/05\/Screen-Shot-2559-10-18-at-6.28.46-PM.png 1010w, https:\/\/themes.themegoods.com\/grandwedding\/doc\/wp-content\/uploads\/2017\/05\/Screen-Shot-2559-10-18-at-6.28.46-PM-300x99.png 300w, https:\/\/themes.themegoods.com\/grandwedding\/doc\/wp-content\/uploads\/2017\/05\/Screen-Shot-2559-10-18-at-6.28.46-PM-768x252.png 768w, https:\/\/themes.themegoods.com\/grandwedding\/doc\/wp-content\/uploads\/2017\/05\/Screen-Shot-2559-10-18-at-6.28.46-PM-60x20.png 60w, https:\/\/themes.themegoods.com\/grandwedding\/doc\/wp-content\/uploads\/2017\/05\/Screen-Shot-2559-10-18-at-6.28.46-PM-150x49.png 150w\" sizes=\"(max-width: 1010px) 100vw, 1010px\" \/><\/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 class=\"alignnone size-full wp-image-107\" src=\"http:\/\/themes.themegoods.com\/grandwedding\/doc\/wp-content\/uploads\/2017\/05\/Screen-Shot-2558-03-03-at-10.24.28-AM.png\" alt=\"\" width=\"687\" height=\"906\" srcset=\"https:\/\/themes.themegoods.com\/grandwedding\/doc\/wp-content\/uploads\/2017\/05\/Screen-Shot-2558-03-03-at-10.24.28-AM.png 687w, https:\/\/themes.themegoods.com\/grandwedding\/doc\/wp-content\/uploads\/2017\/05\/Screen-Shot-2558-03-03-at-10.24.28-AM-227x300.png 227w, https:\/\/themes.themegoods.com\/grandwedding\/doc\/wp-content\/uploads\/2017\/05\/Screen-Shot-2558-03-03-at-10.24.28-AM-45x60.png 45w, https:\/\/themes.themegoods.com\/grandwedding\/doc\/wp-content\/uploads\/2017\/05\/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":[3],"tags":[62,63],"_links":{"self":[{"href":"https:\/\/themes.themegoods.com\/grandwedding\/doc\/wp-json\/wp\/v2\/posts\/101"}],"collection":[{"href":"https:\/\/themes.themegoods.com\/grandwedding\/doc\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/themes.themegoods.com\/grandwedding\/doc\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/themes.themegoods.com\/grandwedding\/doc\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/themes.themegoods.com\/grandwedding\/doc\/wp-json\/wp\/v2\/comments?post=101"}],"version-history":[{"count":3,"href":"https:\/\/themes.themegoods.com\/grandwedding\/doc\/wp-json\/wp\/v2\/posts\/101\/revisions"}],"predecessor-version":[{"id":108,"href":"https:\/\/themes.themegoods.com\/grandwedding\/doc\/wp-json\/wp\/v2\/posts\/101\/revisions\/108"}],"wp:attachment":[{"href":"https:\/\/themes.themegoods.com\/grandwedding\/doc\/wp-json\/wp\/v2\/media?parent=101"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/themes.themegoods.com\/grandwedding\/doc\/wp-json\/wp\/v2\/categories?post=101"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/themes.themegoods.com\/grandwedding\/doc\/wp-json\/wp\/v2\/tags?post=101"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}