{"id":1002,"date":"2025-03-24T14:28:14","date_gmt":"2025-03-24T14:28:14","guid":{"rendered":"https:\/\/wpgeodirectory.com\/documentation\/article\/how-to-use-iframe-google-maps\/"},"modified":"2025-04-03T15:24:36","modified_gmt":"2025-04-03T14:24:36","slug":"how-to-use-iframe-google-maps","status":"publish","type":"gd_place","link":"https:\/\/wpgeodirectory.com\/documentation\/article\/code-snippets\/how-to-use-iframe-google-maps\/","title":{"rendered":"How to use iFrame Google Maps"},"content":{"rendered":"\n

Use the following PHP code snippet to embed Google map to show the listing location. <\/p>\n\n\n\n

Step 1: Add the following PHP snippet via snippet plugin or in child theme functions.php file<\/p>\n\n\n\n

function gd_snippet_embed_google_map_output( $atts, $content = '' ) {\n\tglobal $gd_post;\n\n\tif ( ! empty( $gd_post ) ) {\n\t\tif ( ! empty( $gd_post->embed_google_map ) ) {\n\t\t\t$embed_url = $gd_post->embed_google_map;\n\n\t\t\tif ( strpos( $embed_url, 'output=embed' ) === false ) {\n\t\t\t\t$embed_url .= '&output=embed';\n\t\t\t}\n\t\t} else {\n\t\t\t$address = do_shortcode( '[gd_post_meta key="address" show="value-strip" no_wrap="1"]' );\n\t\t\t$address = normalize_whitespace( $address );\n\n\t\t\t$embed_url = 'https:\/\/maps.google.com\/maps?q=' . $address . '&t=&z=14&ie=UTF8&iwloc=&output=embed';\n\t\t}\n\n\t\t$output = '<iframe loading="lazy" width="100%" height="425" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="' . esc_url( $embed_url ) . '" frameborder="0" scrolling="no" marginheight="0" marginwidth="0"><\/iframe>';\n\t} else {\n\t\t$output = '';\n\t}\n\n\treturn $output;\n}\nadd_shortcode( 'gd_snippet_embed_google_map', 'gd_snippet_embed_google_map_output' );<\/code><\/pre>\n\n\n\n

Step 2:\u00a0Use shortcode some where on single page template where you want to show map.<\/p>\n\n\n\n
[gd_snippet_embed_google_map]<\/pre>\n","protected":false},"excerpt":{"rendered":"
Use the following PHP code snippet to embed Google map to show the listing location.  Step 1: Add the following PHP snippet via snippet plugin or in child theme functions.php file Step 2:\u00a0Use shortcode some where on single page template where you want to show map. [gd_snippet_embed_google_map]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","template":"","meta":{"footnotes":""},"article\/tags":[673,870,871,872],"article\/categories":[211,433],"class_list":["post-1002","gd_place","type-gd_place","status-publish","hentry","gd_place_tags-maps","gd_place_tags-iframe","gd_place_tags-snippet","gd_place_tags-gd-map-snippet","gd_placecategory-tips-tricks-more","gd_placecategory-code-snippets"],"_links":{"self":[{"href":"https:\/\/wpgeodirectory.com\/documentation\/wp-json\/wp\/v2\/article\/1002","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wpgeodirectory.com\/documentation\/wp-json\/wp\/v2\/article"}],"about":[{"href":"https:\/\/wpgeodirectory.com\/documentation\/wp-json\/wp\/v2\/types\/gd_place"}],"author":[{"embeddable":true,"href":"https:\/\/wpgeodirectory.com\/documentation\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wpgeodirectory.com\/documentation\/wp-json\/wp\/v2\/comments?post=1002"}],"version-history":[{"count":0,"href":"https:\/\/wpgeodirectory.com\/documentation\/wp-json\/wp\/v2\/article\/1002\/revisions"}],"wp:attachment":[{"href":"https:\/\/wpgeodirectory.com\/documentation\/wp-json\/wp\/v2\/media?parent=1002"}],"wp:term":[{"taxonomy":"gd_place_tags","embeddable":true,"href":"https:\/\/wpgeodirectory.com\/documentation\/wp-json\/wp\/v2\/article\/tags?post=1002"},{"taxonomy":"gd_placecategory","embeddable":true,"href":"https:\/\/wpgeodirectory.com\/documentation\/wp-json\/wp\/v2\/article\/categories?post=1002"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}