{"id":1388,"date":"2017-04-05T08:13:54","date_gmt":"2017-04-05T08:13:54","guid":{"rendered":"https:\/\/demo.yolotheme.com\/rubino\/?page_id=1388"},"modified":"2017-04-05T08:37:31","modified_gmt":"2017-04-05T08:37:31","slug":"google-map","status":"publish","type":"page","link":"https:\/\/demo.yolotheme.com\/rubino\/google-map\/","title":{"rendered":"Google Map"},"content":{"rendered":"<p>[vc_row css=&#8221;.vc_custom_1491380011198{margin-bottom: 3% !important;}&#8221;][vc_column][vc_custom_heading text=&#8221;GOOGLE MAP WITH 4 STYLE COLOR&#8221; use_theme_fonts=&#8221;yes&#8221; font_weight=&#8221;&#8221; css=&#8221;.vc_custom_1491381449058{margin-bottom: 20px !important;}&#8221;]                        <div class=\" \" >\r\n                <div class=\"show_map gmaps-shortcode-wrap\">\r\n    <div class=\"frame-map\">\r\n        <div id=\"yolo-gmaps-69e2b436af393\" style=\"height: 400px\"><\/div>\r\n    <\/div>\r\n<\/div>\r\n<script type=\"text\/javascript\" async=\"async\">\r\n    var map;\r\n    var style_layout    = 'show_map';\r\n    var mapid           = 'yolo-gmaps-69e2b436af393';\r\n    var info_window     =   '<div class=\"map-info\">'+\r\n                                '<div class=\"info-image\">'+\r\n                                    '<img src=\"\" alt=\"\">'+\r\n                                '<\/div>'+\r\n                                '<div class=\"info-address\">'+\r\n                                    '<p>'+\r\n                                        'My address'+\r\n                                    '<\/p>'+\r\n                                '<\/div>'+\r\n                            '<\/div>';\r\n    var zoom            = parseInt('15');\r\n    var imageurl        = 'https:\/\/demo.yolotheme.com\/rubino\/wp-content\/uploads\/2017\/02\/map.png';\r\n\r\n    function initMap() {\r\n        var latlng = new google.maps.LatLng(40.843292 , -73.864512);\r\n        map = new google.maps.Map(document.getElementById(mapid), {\r\n            center: latlng,\r\n            zoom: zoom,\r\n            scrollwheel: false,\r\n            styles: [{\"featureType\":\"water\",\"elementType\":\"geometry\",\"stylers\":[{\"color\":\"#e9e9e9\"},{\"lightness\":17}]},{\"featureType\":\"landscape\",\"elementType\":\"geometry\",\"stylers\":[{\"color\":\"#f5f5f5\"},{\"lightness\":20}]},{\"featureType\":\"road.highway\",\"elementType\":\"geometry.fill\",\"stylers\":[{\"color\":\"#ffffff\"},{\"lightness\":17}]},{\"featureType\":\"road.highway\",\"elementType\":\"geometry.stroke\",\"stylers\":[{\"color\":\"#ffffff\"},{\"lightness\":29},{\"weight\":0.2}]},{\"featureType\":\"road.arterial\",\"elementType\":\"geometry\",\"stylers\":[{\"color\":\"#ffffff\"},{\"lightness\":18}]},{\"featureType\":\"road.local\",\"elementType\":\"geometry\",\"stylers\":[{\"color\":\"#ffffff\"},{\"lightness\":16}]},{\"featureType\":\"poi\",\"elementType\":\"geometry\",\"stylers\":[{\"color\":\"#f5f5f5\"},{\"lightness\":21}]},{\"featureType\":\"poi.park\",\"elementType\":\"geometry\",\"stylers\":[{\"color\":\"#dedede\"},{\"lightness\":21}]},{\"elementType\":\"labels.text.stroke\",\"stylers\":[{\"visibility\":\"on\"},{\"color\":\"#ffffff\"},{\"lightness\":16}]},{\"elementType\":\"labels.text.fill\",\"stylers\":[{\"saturation\":36},{\"color\":\"#333333\"},{\"lightness\":40}]},{\"elementType\":\"labels.icon\",\"stylers\":[{\"visibility\":\"off\"}]},{\"featureType\":\"transit\",\"elementType\":\"geometry\",\"stylers\":[{\"color\":\"#f2f2f2\"},{\"lightness\":19}]},{\"featureType\":\"administrative\",\"elementType\":\"geometry.fill\",\"stylers\":[{\"color\":\"#fefefe\"},{\"lightness\":20}]},{\"featureType\":\"administrative\",\"elementType\":\"geometry.stroke\",\"stylers\":[{\"color\":\"#fefefe\"},{\"lightness\":17},{\"weight\":1.2}]}]        });\r\n        var marker = new google.maps.Marker({\r\n            position: latlng,\r\n            map: map,\r\n            title: 'My address',\r\n            icon: imageurl\r\n        });\r\n        var infowindow = new google.maps.InfoWindow({\r\n            content: info_window\r\n        });\r\n\r\n        \/\/ Set center infowindow\r\n        setTimeout(function() {\r\n            google.maps.event.trigger(marker, 'click')\r\n        }, 2000);\r\n        \r\n        if ( info_window != '') {\r\n            infowindow.open(map, marker);\r\n            marker.addListener('click', function() {\r\n                infowindow.open(map, marker);\r\n                map.setCenter(marker.getPosition()); \/\/ Set center infowindow\r\n            });\r\n        }\r\n        \/\/ Responsive\r\n        google.maps.event.addDomListener(window, 'resize', function() {\r\n            center = map.getCenter();\r\n            google.maps.event.trigger(map, \"resize\");\r\n            map.setCenter(center); \r\n        });\r\n    }\r\n<\/script>\r\n<script src=\"https:\/\/maps.googleapis.com\/maps\/api\/js?key=AIzaSyD2r2Y2YMoksK-VadtBRsNsZdvYHZlUBUk&callback=initMap\"\r\n  type=\"text\/javascript\" async=\"async\"><\/script>\r\n              <\/div>\r\n                    [\/vc_column][\/vc_row][vc_row][vc_column][\/vc_column][\/vc_row]<\/p>\n","protected":false},"excerpt":{"rendered":"<p>[vc_row css=&#8221;.vc_custom_1491380011198{margin-bottom: 3% !important;}&#8221;][vc_column][vc_custom_heading text=&#8221;GOOGLE MAP WITH 4 STYLE COLOR&#8221; use_theme_fonts=&#8221;yes&#8221; font_weight=&#8221;&#8221; css=&#8221;.vc_custom_1491381449058{margin-bottom: 20px !important;}&#8221;][\/vc_column][\/vc_row][vc_row][vc_column][\/vc_column][\/vc_row]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"_links":{"self":[{"href":"https:\/\/demo.yolotheme.com\/rubino\/wp-json\/wp\/v2\/pages\/1388"}],"collection":[{"href":"https:\/\/demo.yolotheme.com\/rubino\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/demo.yolotheme.com\/rubino\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/demo.yolotheme.com\/rubino\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/demo.yolotheme.com\/rubino\/wp-json\/wp\/v2\/comments?post=1388"}],"version-history":[{"count":0,"href":"https:\/\/demo.yolotheme.com\/rubino\/wp-json\/wp\/v2\/pages\/1388\/revisions"}],"wp:attachment":[{"href":"https:\/\/demo.yolotheme.com\/rubino\/wp-json\/wp\/v2\/media?parent=1388"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}