{"id":635,"date":"2020-09-03T10:21:51","date_gmt":"2020-09-03T10:21:51","guid":{"rendered":"https:\/\/dentalia.orionthemes.com\/documentation\/?page_id=635"},"modified":"2021-01-06T13:08:24","modified_gmt":"2021-01-06T13:08:24","slug":"google-map-embed","status":"publish","type":"page","link":"https:\/\/dentalia.orionthemes.com\/documentation\/widgets\/google-map-embed\/","title":{"rendered":"Google Map Embed"},"content":{"rendered":"<div id=\"pl-635\"  class=\"panel-layout\" ><div id=\"pg-635-0\"  class=\"panel-grid panel-has-style\" ><div class=\"siteorigin-panels-stretch divider-no-animation tablet-1-in-row mobile-default desktop-default bg-altsitebg panel-row-style panel-row-style-for-635-0\" data-stretch-type=\"full\" ><div id=\"pgc-635-0-0\"  class=\"panel-grid-cell panel-grid-cell-empty\" ><\/div><div id=\"pgc-635-0-1\"  class=\"panel-grid-cell panel-grid-cell-mobile-last\" ><div id=\"panel-635-0-1-0\" class=\"so-panel widget widget_orion_heading_w panel-first-child\" data-index=\"0\" ><div class=\"orion custom default panel-widget-style panel-widget-style-for-635-0-1-0\" ><div\n\t\t\t\n\t\t\tclass=\"so-widget-orion_heading_w so-widget-orion_heading_w-base\"\n\t\t\t\n\t\t> \r\n\t\t\t<div class=\"row orion-heading\" style=\"margin-bottom:0px;\">\r\n\t\t<div class=\"col-md-12   text-center style-display-2 style-primary-color\">\r\n\t\t\t<h1 class=\"primary-color text-uppercase display-2\">\r\n\t\t\t\tGoogle Map Embed\t\t\t<\/h1>\r\n\t\t<\/div>\r\n\t<\/div>\r\n\r\n\t<\/div><\/div><\/div><div id=\"panel-635-0-1-1\" class=\"so-panel widget widget_sow-editor panel-last-child\" data-index=\"1\" ><div class=\"orion custom default panel-widget-style panel-widget-style-for-635-0-1-1\" ><div\n\t\t\t\n\t\t\tclass=\"so-widget-sow-editor so-widget-sow-editor-base\"\n\t\t\t\n\t\t>\n<div class=\"siteorigin-widget-tinymce textwidget\">\n\t<p class=\"lead\" style=\"text-align: center;\">The widget allows you to embed a Google Map. No API key required.<\/p>\n<\/div>\n<\/div><\/div><\/div><\/div><div id=\"pgc-635-0-2\"  class=\"panel-grid-cell panel-grid-cell-empty\" ><\/div><\/div><\/div><div id=\"pg-635-1\"  class=\"panel-grid panel-has-style\" ><div class=\"siteorigin-panels-stretch divider-no-animation tablet-1-in-row mobile-1-in-row desktop-default clear panel-row-style panel-row-style-for-635-1\" data-stretch-type=\"full\" ><div id=\"pgc-635-1-0\"  class=\"panel-grid-cell\" ><div class=\"clear panel-cell-style panel-cell-style-for-635-1-0\" ><div id=\"panel-635-1-0-0\" class=\"so-panel widget widget_orion_heading_w panel-first-child\" data-index=\"2\" ><div class=\"orion custom default panel-widget-style panel-widget-style-for-635-1-0-0\" ><div\n\t\t\t\n\t\t\tclass=\"so-widget-orion_heading_w so-widget-orion_heading_w-base\"\n\t\t\t\n\t\t> \r\n\t\t\t<div class=\"row orion-heading\" style=\"margin-bottom:12px;\">\r\n\t\t<div class=\"col-md-12   text-left style-h2 style-primary-color\">\r\n\t\t\t<h2 class=\"primary-color\">\r\n\t\t\t\tHow to use\t\t\t<\/h2>\r\n\t\t<\/div>\r\n\t<\/div>\r\n\r\n\t<\/div><\/div><\/div><div id=\"panel-635-1-0-1\" class=\"so-panel widget widget_sow-editor panel-last-child\" data-index=\"3\" ><div class=\"orion custom default panel-widget-style panel-widget-style-for-635-1-0-1\" ><div\n\t\t\t\n\t\t\tclass=\"so-widget-sow-editor so-widget-sow-editor-base\"\n\t\t\t\n\t\t>\n<div class=\"siteorigin-widget-tinymce textwidget\">\n\t<ol class=\"ordered-list lead-list\">\n<li>Visit <a href=\"https:\/\/www.google.com\/maps\" target=\"_blank\" rel=\"noopener noreferrer\">Google Maps<\/a> and select a location.<\/li>\n<li>Click <strong>Share, <\/strong>then<strong> Embed a map<\/strong> to get the Google maps embed code.<\/li>\n<li><strong>Copy <\/strong>the<strong> HTML<\/strong> code and paste it into the widget's <strong>text area<\/strong>.<\/li>\n<li>Additionally, you can adjust the <strong>Map Height<\/strong>. The map is responsive and will adapt to the cell's width.<\/li>\n<\/ol>\n<\/div>\n<\/div><\/div><\/div><\/div><\/div><div id=\"pgc-635-1-1\"  class=\"panel-grid-cell\" ><div id=\"panel-635-1-1-0\" class=\"so-panel widget widget_orion_image_w panel-first-child\" data-index=\"4\" ><div class=\"orion custom default panel-widget-style panel-widget-style-for-635-1-1-0\" ><div\n\t\t\t\n\t\t\tclass=\"so-widget-orion_image_w so-widget-orion_image_w-base\"\n\t\t\t\n\t\t>\r\n<div class=\"image-w relative  img-frame shadow-4\">\r\n\r\n\t\t\t\t\t\t\t\t\t\t<a rel=\"orion-images\" class=\" overlay-none overlay-hover-none\" href=\"https:\/\/dentalia.orionthemes.com\/documentation\/wp-content\/uploads\/2020\/09\/dentalia-googlemap-embed.jpg\" title=\"\" data-caption=\"\" data-fancybox=\"https:\/\/dentalia.orionthemes.com\/documentation\/wp-content\/uploads\/2020\/09\/dentalia-googlemap-embed.jpg\">\r\n\t\t\r\n\t\t\t\t\t<img width=\"960\" height=\"670\" src=\"https:\/\/dentalia.orionthemes.com\/documentation\/wp-content\/uploads\/2020\/09\/dentalia-googlemap-embed.jpg\" class=\"attachment- size-\" alt=\"\" loading=\"lazy\" \/>\t\t\t<div class=\"overlay\"><\/div>\r\n\t\t\r\n\t\t\t\t\t<\/a>\r\n\t\t\t\r\n\t\r\n\t<div class=\"absolute\">\r\n\t\t<div class=\"hover-desc table-wrap\">\r\n\t\t\t<div class=\"cell-wrap\">\r\n\t\t\t\t<h4 class=\"text-light\"><\/h4>\r\n\t\t\t<\/div>\r\n\t\t<\/div>\r\n\t<\/div>\t\t\t\t\t\r\n<\/div>\r\n\r\n<\/div><\/div><\/div><div id=\"panel-635-1-1-1\" class=\"so-panel widget widget_orion_empty_space_w\" data-index=\"5\" ><div class=\"orion custom default panel-widget-style panel-widget-style-for-635-1-1-1\" ><div\n\t\t\t\n\t\t\tclass=\"so-widget-orion_empty_space_w so-widget-orion_empty_space_w-base\"\n\t\t\t\n\t\t>\t<div class=\"row empty-space visible-lg visible-md visible-sm visible-xs\" style=\"height:30px;\">\r\n\t<\/div><\/div><\/div><\/div><div id=\"panel-635-1-1-2\" class=\"so-panel widget widget_orion_image_w panel-last-child\" data-index=\"6\" ><div class=\"orion custom default panel-widget-style panel-widget-style-for-635-1-1-2\" ><div\n\t\t\t\n\t\t\tclass=\"so-widget-orion_image_w so-widget-orion_image_w-base\"\n\t\t\t\n\t\t>\r\n<div class=\"image-w relative  img-frame shadow-4\">\r\n\r\n\t\t\t\t\t\t\t\t\t\t<a rel=\"orion-images\" class=\" overlay-none overlay-hover-none\" href=\"https:\/\/dentalia.orionthemes.com\/documentation\/wp-content\/uploads\/2020\/09\/dentalia-googlemap-widget.jpg\" title=\"\" data-caption=\"\" data-fancybox=\"https:\/\/dentalia.orionthemes.com\/documentation\/wp-content\/uploads\/2020\/09\/dentalia-googlemap-widget.jpg\">\r\n\t\t\r\n\t\t\t\t\t<img width=\"960\" height=\"362\" src=\"https:\/\/dentalia.orionthemes.com\/documentation\/wp-content\/uploads\/2020\/09\/dentalia-googlemap-widget.jpg\" class=\"attachment- size-\" alt=\"\" loading=\"lazy\" \/>\t\t\t<div class=\"overlay\"><\/div>\r\n\t\t\r\n\t\t\t\t\t<\/a>\r\n\t\t\t\r\n\t\r\n\t<div class=\"absolute\">\r\n\t\t<div class=\"hover-desc table-wrap\">\r\n\t\t\t<div class=\"cell-wrap\">\r\n\t\t\t\t<h4 class=\"text-light\"><\/h4>\r\n\t\t\t<\/div>\r\n\t\t<\/div>\r\n\t<\/div>\t\t\t\t\t\r\n<\/div>\r\n\r\n<\/div><\/div><\/div><\/div><\/div><\/div><div id=\"pg-635-2\"  class=\"panel-grid panel-has-style\" ><div class=\"siteorigin-panels-stretch divider-no-animation tablet-default mobile-default desktop-default clear panel-row-style panel-row-style-for-635-2\" data-stretch-type=\"full\" ><div id=\"pgc-635-2-0\"  class=\"panel-grid-cell\" ><div id=\"panel-635-2-0-0\" class=\"so-panel widget widget_orion_heading_w panel-first-child\" data-index=\"7\" ><div class=\"orion custom default panel-widget-style panel-widget-style-for-635-2-0-0\" ><div\n\t\t\t\n\t\t\tclass=\"so-widget-orion_heading_w so-widget-orion_heading_w-base\"\n\t\t\t\n\t\t> \r\n\t\t\t<div class=\"row orion-heading\" style=\"margin-bottom:24px;\">\r\n\t\t<div class=\"col-md-12   text-center style-display-3 style-text-default\">\r\n\t\t\t<h3 class=\"text-default text-uppercase display-3\">\r\n\t\t\t\tExample\t\t\t<\/h3>\r\n\t\t<\/div>\r\n\t<\/div>\r\n\r\n\t<\/div><\/div><\/div><div id=\"panel-635-2-0-1\" class=\"so-panel widget widget_orion_responsive_map_w panel-last-child\" data-index=\"8\" ><div class=\"orion custom default panel-widget-style panel-widget-style-for-635-2-0-1\" ><div\n\t\t\t\n\t\t\tclass=\"so-widget-orion_responsive_map_w so-widget-orion_responsive_map_w-base\"\n\t\t\t\n\t\t>\r\n<div class=\"maps-wrapper relative\" style=height:480px;>\t\t\r\n\t<iframe src=\"https:\/\/www.google.com\/maps\/embed?pb=!1m18!1m12!1m3!1d2947.3822475406328!2d-71.11884878414928!3d42.37700287918563!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x89e377427d7f0199%3A0x5937c65cee2427f0!2sHarvard%20University!5e0!3m2!1sen!2ssi!4v1599130029369!5m2!1sen!2ssi\" width=\"600\" height=\"450\" frameborder=\"0\" style=\"border:0;\" allowfullscreen=\"\" aria-hidden=\"false\" tabindex=\"0\"><\/iframe>\t\t\t\r\n<\/div>\r\n\r\n<\/div><\/div><\/div><\/div><\/div><\/div><\/div>","protected":false},"excerpt":{"rendered":"<p>The widget allows you to embed a Google Map. No API key required. Visit Google Maps and select a location. Click Share, then Embed a map to get the Google maps embed code. Copy the HTML code and paste it into the widget&#8217;s text area. Additionally, you can adjust the Map Height. The map is<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":984,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"_links":{"self":[{"href":"https:\/\/dentalia.orionthemes.com\/documentation\/wp-json\/wp\/v2\/pages\/635"}],"collection":[{"href":"https:\/\/dentalia.orionthemes.com\/documentation\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/dentalia.orionthemes.com\/documentation\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/dentalia.orionthemes.com\/documentation\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/dentalia.orionthemes.com\/documentation\/wp-json\/wp\/v2\/comments?post=635"}],"version-history":[{"count":11,"href":"https:\/\/dentalia.orionthemes.com\/documentation\/wp-json\/wp\/v2\/pages\/635\/revisions"}],"predecessor-version":[{"id":2971,"href":"https:\/\/dentalia.orionthemes.com\/documentation\/wp-json\/wp\/v2\/pages\/635\/revisions\/2971"}],"up":[{"embeddable":true,"href":"https:\/\/dentalia.orionthemes.com\/documentation\/wp-json\/wp\/v2\/pages\/984"}],"wp:attachment":[{"href":"https:\/\/dentalia.orionthemes.com\/documentation\/wp-json\/wp\/v2\/media?parent=635"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}