{"id":663,"date":"2015-05-07T08:56:46","date_gmt":"2015-05-07T12:26:46","guid":{"rendered":"http:\/\/wordpress.local\/collektion\/?page_id=663"},"modified":"2015-05-07T08:56:46","modified_gmt":"2015-05-07T12:26:46","slug":"google-map","status":"publish","type":"page","link":"https:\/\/themes.simonbouchard.com\/collektion\/documentation\/built-in-shortcodes\/google-map\/","title":{"rendered":"Google Map"},"content":{"rendered":"<h4>Attributes<\/h4>\n<table class=\"table-hovered table-stripped\">\n<thead>\n<th>Parameters<\/th>\n<th>Description<\/th>\n<th>Values<\/th>\n<th>Default<\/th>\n<\/thead>\n<tbody>\n<tr>\n<td>title_tag<\/td>\n<td>Define the title tag.<\/td>\n<td>h1, h2, h3, h4, h5, h6<\/td>\n<td>h3<\/td>\n<\/tr>\n<tr>\n<tr>\n<td>title<\/td>\n<td>Define the map title.<\/td>\n<td>Text<\/td>\n<td>N\/A<\/td>\n<\/tr>\n<tr>\n<td>subtitle<\/td>\n<td>Define the map subtitle.<\/td>\n<td>Text<\/td>\n<td>N\/A<\/td>\n<\/tr>\n<tr>\n<td>locations<\/td>\n<td>Define the locations you want to retrieve. Separate your locations\/markers with a pipe &#8220;|&#8221;.<\/td>\n<td>Longitude, Latitude<\/td>\n<td>N\/A<\/td>\n<\/tr>\n<tr>\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>12<\/td>\n<\/tr>\n<tr>\n<td>disableDefaultUI<\/td>\n<td>This property disables any automatic UI behavior from the Google Maps API.<\/td>\n<td>true, false<\/td>\n<td>true<\/td>\n<\/tr>\n<tr>\n<td>scrollwheel<\/td>\n<td>Disables scrollwheel zooming on the map.<\/td>\n<td>true, false<\/td>\n<td>false<\/td>\n<\/tr>\n<tr>\n<td>draggable<\/td>\n<td>If false, prevents the map from being dragged. Dragging is enabled by default.<\/td>\n<td>true, false<\/td>\n<td>true<\/td>\n<\/tr>\n<tr>\n<td>type<\/td>\n<td>Types of maps.<\/td>\n<td>ROADMAP, SATELLITE, HYBRID, TERRAIN<\/td>\n<td>ROADMAP<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<h6>Demo<\/h6>\n\n\n            <div id=\"map_canvas-4542\" class=\"google-map\" style=\"height: 500px;\"><\/div>\n\n            <script type=\"text\/javascript\">\n                jQuery(document).ready(function($) {\n\n                    \/\/ Locations List\n                    var locations = [ [45.5018603,-73.5672218],[45.4996344,-73.5025913],[45.5186693,-73.5440308] ];\n\n                    \/\/ map options\n                    var mapOptions = {\n                        styles: [{\"featureType\":\"administrative\",\"elementType\":\"all\",\"stylers\":[{\"visibility\":\"off\"}]},{\"featureType\":\"landscape\",\"elementType\":\"all\",\"stylers\":[{\"visibility\":\"simplified\"},{\"hue\":\"#0066ff\"},{\"saturation\":74},{\"lightness\":100}]},{\"featureType\":\"poi\",\"elementType\":\"all\",\"stylers\":[{\"visibility\":\"simplified\"}]},{\"featureType\":\"road\",\"elementType\":\"all\",\"stylers\":[{\"visibility\":\"simplified\"}]},{\"featureType\":\"road.highway\",\"elementType\":\"all\",\"stylers\":[{\"visibility\":\"off\"},{\"weight\":0.6},{\"saturation\":-85},{\"lightness\":61}]},{\"featureType\":\"road.highway\",\"elementType\":\"geometry\",\"stylers\":[{\"visibility\":\"on\"}]},{\"featureType\":\"road.arterial\",\"elementType\":\"all\",\"stylers\":[{\"visibility\":\"off\"}]},{\"featureType\":\"road.local\",\"elementType\":\"all\",\"stylers\":[{\"visibility\":\"on\"}]},{\"featureType\":\"transit\",\"elementType\":\"all\",\"stylers\":[{\"visibility\":\"simplified\"}]},{\"featureType\":\"water\",\"elementType\":\"all\",\"stylers\":[{\"visibility\":\"simplified\"},{\"color\":\"#5f94ff\"},{\"lightness\":26},{\"gamma\":5.86}]}],\n                        zoom: 12,\n                        disableDefaultUI: false,\n                        scrollwheel: true,\n                        draggable: true,\n                        mapTypeId: google.maps.MapTypeId.ROADMAP,\n                        \/\/ let center the map from the first provided coordinates\n                        center: new google.maps.LatLng(locations[0][0], locations[0][1]),\n                    }\n\n                    \/\/ map\n                    var map = new google.maps.Map(document.getElementById(\"map_canvas-4542\"), mapOptions);\n\n                    \/\/ markers\n                    var marker, i;\n                    for (i = 0; i < locations.length; i++) {\n                      marker = new google.maps.Marker({\n                        position: new google.maps.LatLng(locations[i][0], locations[i][1]),\n                        map: map\n                      });\n                    }\n                });\n            <\/script>\n<pre class=\"brush: plain;\">\n[google_map locations=\"45.5018603,-73.5672218|45.4996344,-73.5025913|45.5186693,-73.5440308\"][\/google_map]\n<\/pre>\n\n\n            <div id=\"map_canvas-2154\" class=\"google-map\" style=\"height: 500px;\"><\/div>\n\n            <script type=\"text\/javascript\">\n                jQuery(document).ready(function($) {\n\n                    \/\/ Locations List\n                    var locations = [ [45.5018603,-73.5672218],[45.4996344,-73.5025913],[45.5186693,-73.5440308] ];\n\n                    \/\/ map options\n                    var mapOptions = {\n                        styles: [{\"featureType\":\"administrative\",\"elementType\":\"all\",\"stylers\":[{\"visibility\":\"off\"}]},{\"featureType\":\"landscape\",\"elementType\":\"all\",\"stylers\":[{\"visibility\":\"simplified\"},{\"hue\":\"#0066ff\"},{\"saturation\":74},{\"lightness\":100}]},{\"featureType\":\"poi\",\"elementType\":\"all\",\"stylers\":[{\"visibility\":\"simplified\"}]},{\"featureType\":\"road\",\"elementType\":\"all\",\"stylers\":[{\"visibility\":\"simplified\"}]},{\"featureType\":\"road.highway\",\"elementType\":\"all\",\"stylers\":[{\"visibility\":\"off\"},{\"weight\":0.6},{\"saturation\":-85},{\"lightness\":61}]},{\"featureType\":\"road.highway\",\"elementType\":\"geometry\",\"stylers\":[{\"visibility\":\"on\"}]},{\"featureType\":\"road.arterial\",\"elementType\":\"all\",\"stylers\":[{\"visibility\":\"off\"}]},{\"featureType\":\"road.local\",\"elementType\":\"all\",\"stylers\":[{\"visibility\":\"on\"}]},{\"featureType\":\"transit\",\"elementType\":\"all\",\"stylers\":[{\"visibility\":\"simplified\"}]},{\"featureType\":\"water\",\"elementType\":\"all\",\"stylers\":[{\"visibility\":\"simplified\"},{\"color\":\"#5f94ff\"},{\"lightness\":26},{\"gamma\":5.86}]}],\n                        zoom: 12,\n                        disableDefaultUI: false,\n                        scrollwheel: true,\n                        draggable: false,\n                        mapTypeId: google.maps.MapTypeId.HYBRID,\n                        \/\/ let center the map from the first provided coordinates\n                        center: new google.maps.LatLng(locations[0][0], locations[0][1]),\n                    }\n\n                    \/\/ map\n                    var map = new google.maps.Map(document.getElementById(\"map_canvas-2154\"), mapOptions);\n\n                    \/\/ markers\n                    var marker, i;\n                    for (i = 0; i < locations.length; i++) {\n                      marker = new google.maps.Marker({\n                        position: new google.maps.LatLng(locations[i][0], locations[i][1]),\n                        map: map\n                      });\n                    }\n                });\n            <\/script>\n<pre class=\"brush: plain;\">\n[google_map type=\"HYBRID\" disableDefaultUI=\"true\" draggable=\"false\" scrollwheel=\"true\" locations=\"45.5018603,-73.5672218|45.4996344,-73.5025913|45.5186693,-73.5440308\"][\/google_map]\n<\/pre>\n\n\n            <div id=\"map_canvas-2986\" class=\"google-map\" style=\"height: 500px;\"><\/div>\n\n            <script type=\"text\/javascript\">\n                jQuery(document).ready(function($) {\n\n                    \/\/ Locations List\n                    var locations = [ [45.5018603,-73.5672218],[45.4996344,-73.5025913],[45.5186693,-73.5440308] ];\n\n                    \/\/ map options\n                    var mapOptions = {\n                        styles: [{\"featureType\":\"administrative\",\"elementType\":\"all\",\"stylers\":[{\"visibility\":\"off\"}]},{\"featureType\":\"landscape\",\"elementType\":\"all\",\"stylers\":[{\"visibility\":\"simplified\"},{\"hue\":\"#0066ff\"},{\"saturation\":74},{\"lightness\":100}]},{\"featureType\":\"poi\",\"elementType\":\"all\",\"stylers\":[{\"visibility\":\"simplified\"}]},{\"featureType\":\"road\",\"elementType\":\"all\",\"stylers\":[{\"visibility\":\"simplified\"}]},{\"featureType\":\"road.highway\",\"elementType\":\"all\",\"stylers\":[{\"visibility\":\"off\"},{\"weight\":0.6},{\"saturation\":-85},{\"lightness\":61}]},{\"featureType\":\"road.highway\",\"elementType\":\"geometry\",\"stylers\":[{\"visibility\":\"on\"}]},{\"featureType\":\"road.arterial\",\"elementType\":\"all\",\"stylers\":[{\"visibility\":\"off\"}]},{\"featureType\":\"road.local\",\"elementType\":\"all\",\"stylers\":[{\"visibility\":\"on\"}]},{\"featureType\":\"transit\",\"elementType\":\"all\",\"stylers\":[{\"visibility\":\"simplified\"}]},{\"featureType\":\"water\",\"elementType\":\"all\",\"stylers\":[{\"visibility\":\"simplified\"},{\"color\":\"#5f94ff\"},{\"lightness\":26},{\"gamma\":5.86}]}],\n                        zoom: 12,\n                        disableDefaultUI: false,\n                        scrollwheel: true,\n                        draggable: true,\n                        mapTypeId: google.maps.MapTypeId.SATELLITE,\n                        \/\/ let center the map from the first provided coordinates\n                        center: new google.maps.LatLng(locations[0][0], locations[0][1]),\n                    }\n\n                    \/\/ map\n                    var map = new google.maps.Map(document.getElementById(\"map_canvas-2986\"), mapOptions);\n\n                    \/\/ markers\n                    var marker, i;\n                    for (i = 0; i < locations.length; i++) {\n                      marker = new google.maps.Marker({\n                        position: new google.maps.LatLng(locations[i][0], locations[i][1]),\n                        map: map\n                      });\n                    }\n                });\n            <\/script>\n<pre class=\"brush: plain;\">\n[google_map type=\"SATELLITE\" locations=\"45.5018603,-73.5672218|45.4996344,-73.5025913|45.5186693,-73.5440308\"][\/google_map]\n<\/pre>\n","protected":false},"excerpt":{"rendered":"<p>Attributes Parameters Description Values Default title_tag Define the title tag. h1, h2, h3, h4, h5, h6 h3 title Define the map title. Text N\/A subtitle Define the map subtitle. Text N\/A locations Define the locations you want to retrieve. Separate your locations\/markers with a pipe &#8220;|&#8221;. Longitude, Latitude N\/A height Define the height of the&#8230;  <a class=\"link\" href=\"https:\/\/themes.simonbouchard.com\/collektion\/documentation\/built-in-shortcodes\/google-map\/\" title=\"Read Google Map\">Read more &raquo;<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":600,"menu_order":0,"comment_status":"open","ping_status":"open","template":"","meta":[],"_links":{"self":[{"href":"https:\/\/themes.simonbouchard.com\/collektion\/wp-json\/wp\/v2\/pages\/663"}],"collection":[{"href":"https:\/\/themes.simonbouchard.com\/collektion\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/themes.simonbouchard.com\/collektion\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/themes.simonbouchard.com\/collektion\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/themes.simonbouchard.com\/collektion\/wp-json\/wp\/v2\/comments?post=663"}],"version-history":[{"count":0,"href":"https:\/\/themes.simonbouchard.com\/collektion\/wp-json\/wp\/v2\/pages\/663\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/themes.simonbouchard.com\/collektion\/wp-json\/wp\/v2\/pages\/600"}],"wp:attachment":[{"href":"https:\/\/themes.simonbouchard.com\/collektion\/wp-json\/wp\/v2\/media?parent=663"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}