{"id":951,"date":"2015-01-08T20:20:39","date_gmt":"2015-01-08T20:20:39","guid":{"rendered":"https:\/\/themes.simonbouchard.com\/studio8\/?page_id=951"},"modified":"2015-01-08T20:20:39","modified_gmt":"2015-01-08T20:20:39","slug":"google-map","status":"publish","type":"page","link":"https:\/\/themes.simonbouchard.com\/studio8\/documentation\/built-in-short-codes\/google-map\/","title":{"rendered":"Google map"},"content":{"rendered":"<h2 class=\"hard-top\">Attributes<\/h2>\n<table>\n<thead>\n<th>Attribute<\/th>\n<th>Description<\/th>\n<th>Values<\/th>\n<th>Default<\/th>\n<\/thead>\n<tbody>\n<tr>\n<td>address<\/td>\n<td>Define the address you want to retrieve<\/td>\n<td>Text<\/td>\n<td>N\/A<\/td>\n<\/tr>\n<tr class=\"even\">\n<td>height<\/td>\n<td>Define the height of the map<\/td>\n<td>pixels, pt, em, %<\/td>\n<td>400px<\/td>\n<\/tr>\n<tr>\n<td>zoom<\/td>\n<td>Define the zoom of the map<\/td>\n<td>Numeric value<\/td>\n<td>15<\/td>\n<\/tr>\n<tr class=\"even\">\n<td>saturation<\/td>\n<td>Define the color saturation<\/td>\n<td>Numeric value<\/td>\n<td>0<\/td>\n<\/tr>\n<tr>\n<td>lightness<\/td>\n<td>Define the lightness<\/td>\n<td>Numeric value<\/td>\n<td>0<\/td>\n<\/tr>\n<tr class=\"even\">\n<td>hue<\/td>\n<td>Define the hue<\/td>\n<td>HEX or RGB value<\/td>\n<td>N\/A<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<h6>Demo<\/h6>\n\n\n            <div id=\"map_canvas-8451\" class=\"google-map\" style=\"height: 400px;\"><\/div>\n\n            <script type=\"text\/javascript\">\n                jQuery(document).ready(function($) {\n\n                    \/\/ map options\n                    var mapOptions = {\n                        styles: [{\"featureType\":\"administrative\",\"elementType\":\"labels.text.fill\",\"stylers\":[{\"color\":\"#444444\"}]},{\"featureType\":\"landscape\",\"elementType\":\"all\",\"stylers\":[{\"color\":\"#f2f2f2\"}]},{\"featureType\":\"poi\",\"elementType\":\"all\",\"stylers\":[{\"visibility\":\"off\"}]},{\"featureType\":\"road\",\"elementType\":\"all\",\"stylers\":[{\"saturation\":-100},{\"lightness\":45}]},{\"featureType\":\"road\",\"elementType\":\"labels.text\",\"stylers\":[{\"visibility\":\"off\"}]},{\"featureType\":\"road.highway\",\"elementType\":\"all\",\"stylers\":[{\"visibility\":\"simplified\"}]},{\"featureType\":\"road.arterial\",\"elementType\":\"labels.icon\",\"stylers\":[{\"visibility\":\"off\"}]},{\"featureType\":\"transit\",\"elementType\":\"all\",\"stylers\":[{\"visibility\":\"off\"}]},{\"featureType\":\"water\",\"elementType\":\"all\",\"stylers\":[{\"color\":\"#d9d9d9\"},{\"visibility\":\"on\"}]}]\r\n,\n                        zoom: 15,\n                        disableDefaultUI: true,\n                        scrollwheel: false,\n                        draggable: false,\n                        mapTypeId: google.maps.MapTypeId.ROADMAP,\n                        \n                    }\n\n                    \/\/ map\n                    var map = new google.maps.Map(document.getElementById(\"map_canvas-8451\"), mapOptions);\n\n                    geocoder = new google.maps.Geocoder();\n                    var address = \"800 Square Victoria, Montreal, Quebec\";\n                    geocoder.geocode( { \"address\": address },\n                    function(results, status) {\n                        if (status == google.maps.GeocoderStatus.OK) {\n                            map.setCenter(results[0].geometry.location);\n                            var marker = new google.maps.Marker({\n                                map: map,\n                                position: results[0].geometry.location\n                            });\n                        }\n                    });\n                });\n            <\/script>\n<pre class=\"brush: plain;\">\n[google_map address=\"800 Square Victoria, Montreal, Quebec\"][\/google_map]\n<\/pre>\n","protected":false},"excerpt":{"rendered":"<p>Attributes Attribute Description Values Default address Define the address you want to retrieve Text N\/A height Define the height of the map pixels, pt, em, % 400px zoom Define the zoom of the map Numeric value 15 saturation Define the color saturation Numeric value 0 lightness Define the lightness Numeric value 0 hue Define the&#8230;  <a class=\"excerpt-read-more\" href=\"https:\/\/themes.simonbouchard.com\/studio8\/documentation\/built-in-short-codes\/google-map\/\" title=\"Read Google map\">Read more &raquo;<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":619,"menu_order":0,"comment_status":"open","ping_status":"open","template":"","meta":[],"_links":{"self":[{"href":"https:\/\/themes.simonbouchard.com\/studio8\/wp-json\/wp\/v2\/pages\/951"}],"collection":[{"href":"https:\/\/themes.simonbouchard.com\/studio8\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/themes.simonbouchard.com\/studio8\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/themes.simonbouchard.com\/studio8\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/themes.simonbouchard.com\/studio8\/wp-json\/wp\/v2\/comments?post=951"}],"version-history":[{"count":0,"href":"https:\/\/themes.simonbouchard.com\/studio8\/wp-json\/wp\/v2\/pages\/951\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/themes.simonbouchard.com\/studio8\/wp-json\/wp\/v2\/pages\/619"}],"wp:attachment":[{"href":"https:\/\/themes.simonbouchard.com\/studio8\/wp-json\/wp\/v2\/media?parent=951"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}