{"id":8683,"date":"2015-12-04T17:18:53","date_gmt":"2015-12-04T17:18:53","guid":{"rendered":"https:\/\/digi.nasatheme.com\/?page_id=8683"},"modified":"2015-12-04T17:18:53","modified_gmt":"2015-12-04T17:18:53","slug":"google-maps","status":"publish","type":"page","link":"https:\/\/arteparacanecas.com.br\/index.php\/theme-elements\/google-maps\/","title":{"rendered":"Google Maps"},"content":{"rendered":"<p>[vc_row][vc_column css=&#8221;.vc_custom_1503737330922{margin-top: 50px !important;margin-bottom: 30px !important;}&#8221;][vc_text_separator title=&#8221;Google Maps&#8221; css=&#8221;.vc_custom_1446781173153{margin-bottom: 5px !important;}&#8221; el_class=&#8221;margin-bottom-20&#8243;][vc_column_text]<\/p>\n<p style=\"text-align: center;\">Embed Google Maps with custom themes, controls and markers.<\/p>\n<p>[\/vc_column_text][\/vc_column][\/vc_row][vc_row][vc_column][vc_text_separator title=&#8221;Road map&#8221; title_align=&#8221;separator_align_left&#8221; align=&#8221;align_left&#8221; el_class=&#8221;margin-bottom-20&#8243;]        <script src=\"https:\/\/maps.googleapis.com\/maps\/api\/js?key\"><\/script>\r\n        <script>\r\n        function initialize() {\r\n            var styles = {\r\n                'nasatheme': [\r\n                    {\r\n                        \"featureType\": \"administrative\",\r\n                        \"stylers\": [{\"visibility\": \"on\"}]\r\n                    },\r\n                    {\r\n                        \"featureType\": \"road\",\r\n                        \"stylers\": [\r\n                            {\"visibility\": \"on\"},\r\n                            {\"hue\": \"\"}\r\n                        ]\r\n                    },\r\n                    {\r\n                        \"stylers\": [\r\n                            {\"visibility\": \"on\"},\r\n                            {\"hue\": \"\"},\r\n                            {\"saturation\": -30}\r\n                        ]\r\n                    }\r\n                ]\r\n            };\r\n\r\n            var myLatlng = new google.maps.LatLng(40.700162, -73.892359);\r\n            var myOptions = {\r\n                zoom: 17,\r\n                center: myLatlng,\r\n                mapTypeId: google.maps.MapTypeId.ROADMAP,\r\n                disableDefaultUI: true,\r\n                draggable: true,\r\n                zoomControl: false,\r\n                panControl: false,\r\n                mapTypeControl: false,\r\n                scaleControl: false,\r\n                streetViewControl: false,\r\n                overviewMapControl: false,\r\n                scrollwheel: false,\r\n                disableDoubleClickZoom: true\r\n            };\r\n            var map = new google.maps.Map(document.getElementById(\"7788769\"), myOptions);\r\n            var styledMapType = new google.maps.StyledMapType(styles['nasatheme'], {name: 'nasatheme'});\r\n            map.mapTypes.set('nasatheme', styledMapType);\r\n\r\n            var marker = new google.maps.Marker({\r\n                position: myLatlng,\r\n                map: map,\r\n                title: \"\"\r\n            });\r\n        }\r\n\r\n        google.maps.event.addDomListener(window, 'load', initialize);\r\n        google.maps.event.addDomListener(window, 'resize', initialize);\r\n    <\/script>\r\n\r\n    <div id=\"map_container\">\r\n        <div id=\"7788769\" style=\"height: 400px;\"><\/div>\r\n        <div id=\"map_overlay_top\"><\/div>\r\n        <div id=\"map_overlay_bottom\"><\/div>\r\n    <\/div>\r\n\r\n    [\/vc_column][\/vc_row][vc_row][vc_column][vc_text_separator title=&#8221;Satellite Map&#8221; title_align=&#8221;separator_align_left&#8221; align=&#8221;align_left&#8221; el_class=&#8221;margin-bottom-20&#8243;]    <script>\r\n        function initialize() {\r\n            var styles = {\r\n                'nasatheme': [\r\n                    {\r\n                        \"featureType\": \"administrative\",\r\n                        \"stylers\": [{\"visibility\": \"on\"}]\r\n                    },\r\n                    {\r\n                        \"featureType\": \"road\",\r\n                        \"stylers\": [\r\n                            {\"visibility\": \"on\"},\r\n                            {\"hue\": \"\"}\r\n                        ]\r\n                    },\r\n                    {\r\n                        \"stylers\": [\r\n                            {\"visibility\": \"on\"},\r\n                            {\"hue\": \"\"},\r\n                            {\"saturation\": -30}\r\n                        ]\r\n                    }\r\n                ]\r\n            };\r\n\r\n            var myLatlng = new google.maps.LatLng(40.700162, -73.892359);\r\n            var myOptions = {\r\n                zoom: 17,\r\n                center: myLatlng,\r\n                mapTypeId: google.maps.MapTypeId.SATELLITE,\r\n                disableDefaultUI: true,\r\n                draggable: true,\r\n                zoomControl: false,\r\n                panControl: false,\r\n                mapTypeControl: false,\r\n                scaleControl: false,\r\n                streetViewControl: false,\r\n                overviewMapControl: false,\r\n                scrollwheel: false,\r\n                disableDoubleClickZoom: true\r\n            };\r\n            var map = new google.maps.Map(document.getElementById(\"922036755\"), myOptions);\r\n            var styledMapType = new google.maps.StyledMapType(styles['nasatheme'], {name: 'nasatheme'});\r\n            map.mapTypes.set('nasatheme', styledMapType);\r\n\r\n            var marker = new google.maps.Marker({\r\n                position: myLatlng,\r\n                map: map,\r\n                title: \"\"\r\n            });\r\n        }\r\n\r\n        google.maps.event.addDomListener(window, 'load', initialize);\r\n        google.maps.event.addDomListener(window, 'resize', initialize);\r\n    <\/script>\r\n\r\n    <div id=\"map_container\">\r\n        <div id=\"922036755\" style=\"height: 400px;\"><\/div>\r\n        <div id=\"map_overlay_top\"><\/div>\r\n        <div id=\"map_overlay_bottom\"><\/div>\r\n    <\/div>\r\n\r\n    [\/vc_column][\/vc_row][vc_row css=&#8221;.vc_custom_1499054051002{margin-bottom: 50px !important;}&#8221;][vc_column][vc_text_separator title=&#8221;Terrain Map&#8221; title_align=&#8221;separator_align_left&#8221; align=&#8221;align_left&#8221; el_class=&#8221;margin-bottom-20&#8243;]    <script>\r\n        function initialize() {\r\n            var styles = {\r\n                'nasatheme': [\r\n                    {\r\n                        \"featureType\": \"administrative\",\r\n                        \"stylers\": [{\"visibility\": \"on\"}]\r\n                    },\r\n                    {\r\n                        \"featureType\": \"road\",\r\n                        \"stylers\": [\r\n                            {\"visibility\": \"on\"},\r\n                            {\"hue\": \"\"}\r\n                        ]\r\n                    },\r\n                    {\r\n                        \"stylers\": [\r\n                            {\"visibility\": \"on\"},\r\n                            {\"hue\": \"\"},\r\n                            {\"saturation\": -30}\r\n                        ]\r\n                    }\r\n                ]\r\n            };\r\n\r\n            var myLatlng = new google.maps.LatLng(40.700162, -73.892359);\r\n            var myOptions = {\r\n                zoom: 17,\r\n                center: myLatlng,\r\n                mapTypeId: google.maps.MapTypeId.TERRAIN,\r\n                disableDefaultUI: true,\r\n                draggable: true,\r\n                zoomControl: false,\r\n                panControl: false,\r\n                mapTypeControl: false,\r\n                scaleControl: false,\r\n                streetViewControl: false,\r\n                overviewMapControl: false,\r\n                scrollwheel: false,\r\n                disableDoubleClickZoom: true\r\n            };\r\n            var map = new google.maps.Map(document.getElementById(\"205871333\"), myOptions);\r\n            var styledMapType = new google.maps.StyledMapType(styles['nasatheme'], {name: 'nasatheme'});\r\n            map.mapTypes.set('nasatheme', styledMapType);\r\n\r\n            var marker = new google.maps.Marker({\r\n                position: myLatlng,\r\n                map: map,\r\n                title: \"\"\r\n            });\r\n        }\r\n\r\n        google.maps.event.addDomListener(window, 'load', initialize);\r\n        google.maps.event.addDomListener(window, 'resize', initialize);\r\n    <\/script>\r\n\r\n    <div id=\"map_container\">\r\n        <div id=\"205871333\" style=\"height: 400px;\"><\/div>\r\n        <div id=\"map_overlay_top\"><\/div>\r\n        <div id=\"map_overlay_bottom\"><\/div>\r\n    <\/div>\r\n\r\n    [\/vc_column][\/vc_row]<\/p>\n","protected":false},"excerpt":{"rendered":"<p>[vc_row][vc_column css=&#8221;.vc_custom_1503737330922{margin-top: 50px !important;margin-bottom: 30px !important;}&#8221;][vc_text_separator title=&#8221;Google Maps&#8221; css=&#8221;.vc_custom_1446781173153{margin-bottom: 5px !important;}&#8221; el_class=&#8221;margin-bottom-20&#8243;][vc_column_text] Embed Google Maps with custom themes, controls and markers. [\/vc_column_text][\/vc_column][\/vc_row][vc_row][vc_column][vc_text_separator title=&#8221;Road map&#8221; title_align=&#8221;separator_align_left&#8221; align=&#8221;align_left&#8221; el_class=&#8221;margin-bottom-20&#8243;][\/vc_column][\/vc_row][vc_row][vc_column][vc_text_separator title=&#8221;Satellite Map&#8221; title_align=&#8221;separator_align_left&#8221; align=&#8221;align_left&#8221; el_class=&#8221;margin-bottom-20&#8243;][\/vc_column][\/vc_row][vc_row css=&#8221;.vc_custom_1499054051002{margin-bottom: 50px !important;}&#8221;][vc_column][vc_text_separator title=&#8221;Terrain Map&#8221; title_align=&#8221;separator_align_left&#8221; align=&#8221;align_left&#8221; el_class=&#8221;margin-bottom-20&#8243;][\/vc_column][\/vc_row]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":8677,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-visual-composer.php","meta":{"om_disable_all_campaigns":false,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"class_list":["post-8683","page","type-page","status-publish","hentry"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/arteparacanecas.com.br\/index.php\/wp-json\/wp\/v2\/pages\/8683","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/arteparacanecas.com.br\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/arteparacanecas.com.br\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/arteparacanecas.com.br\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/arteparacanecas.com.br\/index.php\/wp-json\/wp\/v2\/comments?post=8683"}],"version-history":[{"count":0,"href":"https:\/\/arteparacanecas.com.br\/index.php\/wp-json\/wp\/v2\/pages\/8683\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/arteparacanecas.com.br\/index.php\/wp-json\/wp\/v2\/pages\/8677"}],"wp:attachment":[{"href":"https:\/\/arteparacanecas.com.br\/index.php\/wp-json\/wp\/v2\/media?parent=8683"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}