{"id":414,"date":"2010-10-01T03:57:21","date_gmt":"2010-10-01T03:57:21","guid":{"rendered":"https:\/\/thethemebuilders.review\/demonew\/"},"modified":"2019-10-06T12:49:57","modified_gmt":"2019-10-06T12:49:57","slug":"google-maps","status":"publish","type":"page","link":"https:\/\/thethemebuilders.review\/demonew\/shortcodes\/google-maps","title":{"rendered":"Google Maps"},"content":{"rendered":"<h2>Google Maps<\/h2>\n<div class=\"divider top\"><a href=\"#\">Top<\/a><\/div>\n<h3>Simple map with marker<\/h3>\n<p>Displays a simple map with controls and adds one marker. The viewport gets centered automatically.<\/p>\n<div id=\"google_map_779\" class=\"google_map\" style=\"height:400px;\"><\/div>\n<div class=\"divider_padding\"><\/div>\n<div class=\"divider top\"><a href=\"#\">Top<\/a><\/div>\n<h3>Different map type<\/h3>\n<p>Changes the map type to physical view.<\/p>\n<div id=\"google_map_496\" class=\"google_map\" style=\"height:400px;\"><\/div>\n<div class=\"divider_padding\"><\/div>\n<div class=\"divider top\"><a href=\"#\">Top<\/a><\/div>\n<h3>Map without controls<\/h3>\n<div id=\"google_map_137\" class=\"google_map\" style=\"height:400px;\"><\/div>\n<div class=\"divider_padding\"><\/div>\n<div class=\"divider top\"><a href=\"#\">Top<\/a><\/div>\n<h3>Map with marker and info window<\/h3>\n<div id=\"google_map_607\" class=\"google_map\" style=\"height:400px;\"><\/div>\n<div class=\"divider_padding\"><\/div>\n<div class=\"divider top\"><a href=\"#\">Top<\/a><\/div>\n<h3>Map with address<\/h3>\n<p>you can use address instead of latitude\/longitude.<br \/>\ngMap automatically geocodes the given string and places a marker and center the viewport. <\/p>\n<div id=\"google_map_554\" class=\"google_map\" style=\"height:400px;\"><\/div>\n<div class=\"divider_padding\"><\/div>\n<div class=\"divider top\"><a href=\"#\">Top<\/a><\/div> <\/p>\n<h4>Fullwidth Gmap in the Tabs<\/h4>\n<div class=\"tabs_container\" data-history=\"true\"><ul class=\"tabs\"><li><a href=\"#Tab1\"><i class=\"theme-icon icon-home\"><\/i>Tab1<\/a><\/li><li><a href=\"#Tab2\"><i class=\"theme-icon icon-map-o\"><\/i>Tab2<\/a><\/li><li><a href=\"#Tab3\"><i class=\"theme-icon icon-map-marker\"><\/i>Tab3<\/a><\/li><\/ul><div class=\"panes\"><div class=\"pane\">Nunc sagittis elementum metus, quis volutpat arcu vehicula non. Suspendisse lacus purus, fringilla scelerisque tincidunt ac, aliquam eget libero. In ultricies est volutpat, posuere arcu id, interdum nunc. Morbi tristique sed augue at ornare. Sed congue arcu augue, in rutrum urna malesuada sit amet? Vestibulum varius suscipit elit, non varius lorem hendrerit in. Nam et dui ac sem pretium aliquet.<br \/>\n<div id=\"google_map_186\" class=\"google_map\" style=\"height:400px;\"><\/div><\/div><div class=\"pane\">Nunc sagittis elementum metus, quis volutpat arcu vehicula non. Suspendisse lacus purus, fringilla scelerisque tincidunt ac, aliquam eget libero. In ultricies est volutpat, posuere arcu id, interdum nunc. Morbi tristique sed augue at ornare. Sed congue arcu augue, in rutrum urna malesuada sit amet? Vestibulum varius suscipit elit, non varius lorem hendrerit in. Nam et dui ac sem pretium aliquet.<br \/>\n<div id=\"google_map_389\" class=\"google_map\" style=\"height:400px;\"><\/div><\/div><div class=\"pane\">Nunc sagittis elementum metus, quis volutpat arcu vehicula non. Suspendisse lacus purus, fringilla scelerisque tincidunt ac, aliquam eget libero. In ultricies est volutpat, posuere arcu id, interdum nunc. Morbi tristique sed augue at ornare. Sed congue arcu augue, in rutrum urna malesuada sit amet? Vestibulum varius suscipit elit, non varius lorem hendrerit in. Nam et dui ac sem pretium aliquet.<br \/>\n<div id=\"google_map_466\" class=\"google_map\" style=\"height:400px;\"><\/div><\/div><\/div><\/div>\n<div class=\"divider_padding\"><\/div>\n<div class=\"divider top\"><a href=\"#\">Top<\/a><\/div> <\/p>\n<h4>Fullwidth Gmap in the Feature Header Area<\/h4>\n<div class=\"tabs_container\"><ul class=\"tabs\"><li><a href=\"#\"><i class=\"theme-icon icon-check\" style=\"color:#3cabce\"><\/i>Featured Header Code<\/a><\/li><li><a href=\"#\"><i class=\"theme-icon icon-check\" style=\"color:#3cabce\"><\/i>Custom CSS<\/a><\/li><li><a href=\"#\"><i class=\"theme-icon icon-check\" style=\"color:#3cabce\"><\/i>The Code<\/a><\/li><\/ul><div class=\"panes\"><div class=\"pane\"><div class=\"divider_padding\"><\/div>\n<h4>Feature Header Area Code<\/h4>\n<p>To get a fullwidth gmap into the feature header gmap shortcode needs to be inserted into the Feature Header Custom text-area in the Striking Page General options of that page and make sure the Feature Header Type is set to display that area only.<\/p>\n<br>The requested image with id ( <strong>1876<\/strong> ) does not exist.<br><\/div><div class=\"pane\"><div class=\"divider_padding\"><\/div>\n<h4>Custom CSS is Needed<\/h4>\n<p>After that in the same Striking Page General options Custom CSS is needed to alter the behaviour of the Feature Header.<br \/>\n<br>The requested image with id ( <strong>1879<\/strong> ) does not exist.<br><\/div><div class=\"pane\"><div class=\"divider_padding\"><\/div>\n<h5><strong>The Shortcode for the Fullwidth Gmap : in the Striking Page Options -> Feature Header Settings -> Feature Header Custom Text Area field<\/h5>\n<p><\/strong><div class=\"divider_padding\"><\/div>\n<code class=\"code\">&#91;gmap zoom=\"3\" latitude=\"51.51121389999999\" longitude=\"-0.11982439999997041\" popup=\"false\" controls=\"true\" align=\"center\" width=\"100%\" scrollwheel=\"false\" html=\"London UK, Map center\"&#93;<\/code>\n<div class=\"divider_padding\"><\/div>\n<h5><strong>The Custom CSS for the Fullwidth Gmap : in the Striking Page Options -> Page Design Settings -> Custom CSS Text field<\/strong><\/h5>\n<div class=\"divider_padding\"><\/div>\n<code class=\"code\">#feature .inner {\r\nwidth:100%; \r\npadding: 0px;\r\n}\r\n\r\n#introduce {\r\npadding:0px;\r\n}\r\n\r\n#feature .bottom_shadow,\r\n#feature .top_shadow,\r\n.has-shadow #feature .bottom_shadow,\r\n.has-shadow #feature .top_shadow {display:none;}\r\n\r\n#feature .inner .gmap_marker {\r\n  color:#3867b1;\r\n}<\/code><\/div><\/div><\/div>\n<div class=\"divider top\"><a href=\"#\">Top<\/a><\/div>\n<b>Note: Gmaps center on pageload not on page resize or swap from landscape to portrait or vice versa.<\/b><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Google Maps Simple map with marker Displays a simple map with controls and adds one marker. The viewport gets centered automatically. Different map type Changes the map type to physical view. Map without controls Map with marker and info window Map with address you can use address instead of latitude\/longitude. gMap automatically geocodes the given &#8230;<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":5410,"menu_order":82,"comment_status":"open","ping_status":"open","template":"","meta":{"footnotes":""},"class_list":["post-414","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/thethemebuilders.review\/demonew\/wp-json\/wp\/v2\/pages\/414","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/thethemebuilders.review\/demonew\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/thethemebuilders.review\/demonew\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/thethemebuilders.review\/demonew\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/thethemebuilders.review\/demonew\/wp-json\/wp\/v2\/comments?post=414"}],"version-history":[{"count":0,"href":"https:\/\/thethemebuilders.review\/demonew\/wp-json\/wp\/v2\/pages\/414\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/thethemebuilders.review\/demonew\/wp-json\/wp\/v2\/pages\/5410"}],"wp:attachment":[{"href":"https:\/\/thethemebuilders.review\/demonew\/wp-json\/wp\/v2\/media?parent=414"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}