{"id":108,"date":"2017-01-30T11:20:12","date_gmt":"2017-01-30T11:20:12","guid":{"rendered":"https:\/\/themes.themegoods.com\/grandcarrental\/doc\/?p=108"},"modified":"2017-01-30T11:21:05","modified_gmt":"2017-01-30T11:21:05","slug":"setting-up-google-maps","status":"publish","type":"post","link":"https:\/\/themes.themegoods.com\/grandcarrental\/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 loading=\"lazy\" class=\"alignnone size-full wp-image-110\" src=\"https:\/\/themes.themegoods.com\/grandcarrental\/doc\/wp-content\/uploads\/2017\/01\/Screen-Shot-2559-10-18-at-6.26.16-PM.png\" alt=\"\" width=\"488\" height=\"296\" srcset=\"https:\/\/themes.themegoods.com\/grandcarrental\/doc\/wp-content\/uploads\/2017\/01\/Screen-Shot-2559-10-18-at-6.26.16-PM.png 488w, https:\/\/themes.themegoods.com\/grandcarrental\/doc\/wp-content\/uploads\/2017\/01\/Screen-Shot-2559-10-18-at-6.26.16-PM-300x182.png 300w, https:\/\/themes.themegoods.com\/grandcarrental\/doc\/wp-content\/uploads\/2017\/01\/Screen-Shot-2559-10-18-at-6.26.16-PM-60x36.png 60w, https:\/\/themes.themegoods.com\/grandcarrental\/doc\/wp-content\/uploads\/2017\/01\/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 loading=\"lazy\" class=\"alignnone size-large wp-image-111\" src=\"https:\/\/themes.themegoods.com\/grandcarrental\/doc\/wp-content\/uploads\/2017\/01\/Screen-Shot-2559-10-18-at-6.27.08-PM-393x1024-393x1024.png\" alt=\"\" width=\"393\" height=\"1024\" srcset=\"https:\/\/themes.themegoods.com\/grandcarrental\/doc\/wp-content\/uploads\/2017\/01\/Screen-Shot-2559-10-18-at-6.27.08-PM-393x1024.png 393w, https:\/\/themes.themegoods.com\/grandcarrental\/doc\/wp-content\/uploads\/2017\/01\/Screen-Shot-2559-10-18-at-6.27.08-PM-393x1024-115x300.png 115w, https:\/\/themes.themegoods.com\/grandcarrental\/doc\/wp-content\/uploads\/2017\/01\/Screen-Shot-2559-10-18-at-6.27.08-PM-393x1024-23x60.png 23w, https:\/\/themes.themegoods.com\/grandcarrental\/doc\/wp-content\/uploads\/2017\/01\/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><img loading=\"lazy\" class=\"alignnone size-full wp-image-112\" src=\"https:\/\/themes.themegoods.com\/grandcarrental\/doc\/wp-content\/uploads\/2017\/01\/Screen-Shot-2558-03-03-at-10.30.00-AM.png\" alt=\"\" width=\"463\" height=\"252\" srcset=\"https:\/\/themes.themegoods.com\/grandcarrental\/doc\/wp-content\/uploads\/2017\/01\/Screen-Shot-2558-03-03-at-10.30.00-AM.png 463w, https:\/\/themes.themegoods.com\/grandcarrental\/doc\/wp-content\/uploads\/2017\/01\/Screen-Shot-2558-03-03-at-10.30.00-AM-300x163.png 300w, https:\/\/themes.themegoods.com\/grandcarrental\/doc\/wp-content\/uploads\/2017\/01\/Screen-Shot-2558-03-03-at-10.30.00-AM-60x33.png 60w, https:\/\/themes.themegoods.com\/grandcarrental\/doc\/wp-content\/uploads\/2017\/01\/Screen-Shot-2558-03-03-at-10.30.00-AM-150x82.png 150w\" sizes=\"(max-width: 463px) 100vw, 463px\" \/><\/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 loading=\"lazy\" class=\"alignnone size-full wp-image-113\" src=\"https:\/\/themes.themegoods.com\/grandcarrental\/doc\/wp-content\/uploads\/2017\/01\/Screen-Shot-2559-10-18-at-6.28.46-PM.png\" alt=\"\" width=\"1010\" height=\"332\" srcset=\"https:\/\/themes.themegoods.com\/grandcarrental\/doc\/wp-content\/uploads\/2017\/01\/Screen-Shot-2559-10-18-at-6.28.46-PM.png 1010w, https:\/\/themes.themegoods.com\/grandcarrental\/doc\/wp-content\/uploads\/2017\/01\/Screen-Shot-2559-10-18-at-6.28.46-PM-300x99.png 300w, https:\/\/themes.themegoods.com\/grandcarrental\/doc\/wp-content\/uploads\/2017\/01\/Screen-Shot-2559-10-18-at-6.28.46-PM-768x252.png 768w, https:\/\/themes.themegoods.com\/grandcarrental\/doc\/wp-content\/uploads\/2017\/01\/Screen-Shot-2559-10-18-at-6.28.46-PM-60x20.png 60w, https:\/\/themes.themegoods.com\/grandcarrental\/doc\/wp-content\/uploads\/2017\/01\/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 loading=\"lazy\" class=\"alignnone size-full wp-image-114\" src=\"https:\/\/themes.themegoods.com\/grandcarrental\/doc\/wp-content\/uploads\/2017\/01\/Screen-Shot-2558-03-03-at-10.24.28-AM.png\" alt=\"\" width=\"687\" height=\"906\" srcset=\"https:\/\/themes.themegoods.com\/grandcarrental\/doc\/wp-content\/uploads\/2017\/01\/Screen-Shot-2558-03-03-at-10.24.28-AM.png 687w, https:\/\/themes.themegoods.com\/grandcarrental\/doc\/wp-content\/uploads\/2017\/01\/Screen-Shot-2558-03-03-at-10.24.28-AM-227x300.png 227w, https:\/\/themes.themegoods.com\/grandcarrental\/doc\/wp-content\/uploads\/2017\/01\/Screen-Shot-2558-03-03-at-10.24.28-AM-45x60.png 45w, https:\/\/themes.themegoods.com\/grandcarrental\/doc\/wp-content\/uploads\/2017\/01\/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":[65,66],"_links":{"self":[{"href":"https:\/\/themes.themegoods.com\/grandcarrental\/doc\/wp-json\/wp\/v2\/posts\/108"}],"collection":[{"href":"https:\/\/themes.themegoods.com\/grandcarrental\/doc\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/themes.themegoods.com\/grandcarrental\/doc\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/themes.themegoods.com\/grandcarrental\/doc\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/themes.themegoods.com\/grandcarrental\/doc\/wp-json\/wp\/v2\/comments?post=108"}],"version-history":[{"count":0,"href":"https:\/\/themes.themegoods.com\/grandcarrental\/doc\/wp-json\/wp\/v2\/posts\/108\/revisions"}],"wp:attachment":[{"href":"https:\/\/themes.themegoods.com\/grandcarrental\/doc\/wp-json\/wp\/v2\/media?parent=108"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/themes.themegoods.com\/grandcarrental\/doc\/wp-json\/wp\/v2\/categories?post=108"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/themes.themegoods.com\/grandcarrental\/doc\/wp-json\/wp\/v2\/tags?post=108"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}