{"id":785,"date":"2018-10-23T15:55:53","date_gmt":"2018-10-23T19:55:53","guid":{"rendered":"https:\/\/new.umaine.edu\/userguide\/?p=785"},"modified":"2019-09-26T10:26:30","modified_gmt":"2019-09-26T14:26:30","slug":"embedding-a-google-map","status":"publish","type":"post","link":"https:\/\/umaine.edu\/userguide\/2018\/10\/23\/embedding-a-google-map\/","title":{"rendered":"Embedding a Google map"},"content":{"rendered":"

Embedding a Google map into a web page that uses 91르적\u2019s new web theme is easy, but it requires a small adjustment to the embed code.<\/p>\n

Get the embed code:<\/h3>\n

1. Go to Google maps<\/a><\/strong>. In the Search Google Maps text box, type in the address<\/strong> of the location you want to display on your web page.<\/p>\n

2. When the map appears, click on the Share<\/strong> icon.<\/p>\n

3. Select the Embed<\/strong> tab on the Share window.<\/p>\n

4. Click on Copy HTML<\/strong>.<\/p>\n

\"Map<\/p>\n

Embed the code in your web page:<\/h3>\n

1. Open the web page<\/strong> (in WordPress) where you want to embed the map. Place your cursor<\/strong> in the editing window where you want the map to display.<\/p>\n

2. Paste in the code<\/b> from Google:<\/p>\n

<iframe<\/span><\/strong> src=”https:\/\/www.google.com\/maps\/embed?pb=!…” width=”600″ height=”450″ frameborder=”0″ style=”border:0″ allowfullscreen><\/iframe><\/span><\/strong><\/p>\n

3. Change the code<\/b> as follows (compare the red<\/span><\/strong> text above and below):<\/p>\n

[um-iframe<\/span><\/strong> src=”https:\/\/www.google.com\/maps\/embed?pb=!…” width=”600″ height=”450″ frameborder=”0″ style=”border:0″ allowfullscreen]<\/span><\/strong><\/p>\n

4. Your map will not display in the editing window<\/strong>; you\u2019ll see only the code. To view the map<\/b>, save your changes and preview the page in your browser.<\/p>\n

NOTE:<\/strong> Similar code changes need to be made when embedding a Google Calendar<\/strong> into your web page.<\/p>\n

Adapted from \u201cHow To\u201d Tips for 91르적 Extension Web Managers, University of Maine Cooperative Extension.
\nLink to Plugged In website<\/a><\/p>\n

Map Icons<\/h3>\n\n\t
\n\n\t\t
default<\/span><\/div>\n\n\t\t
\n\t\t\t

Map Icon Set 1<\/a><\/h1>\n\n\t\t\t\t\t\t\t

Set of map icons from the 91르적 campus map<\/p>\n<\/div>\n\t\t\t\t\t<\/div>\n\n\t\t

Updated
10.24.18<\/span><\/div>\n\n\t\t\t\t\t
ViewMap Icon Set 1<\/span><\/a><\/div>\n\t\t\t<\/div>\n\t\n","protected":false},"excerpt":{"rendered":"

Embedding a Google map into a web page that uses 91르적\u2019s new web theme is easy, but it requires a small adjustment to the embed code. Get the embed code: 1. Go to Google maps. In the Search Google Maps text box, type in the address of the location you want to display on your […]<\/p>\n","protected":false},"author":5,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_seopress_robots_primary_cat":"6","_seopress_titles_title":"","_seopress_titles_desc":"","_seopress_robots_index":"","_kad_blocks_custom_css":"","_kad_blocks_head_custom_js":"","_kad_blocks_body_custom_js":"","_kad_blocks_footer_custom_js":"","_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":"","spc_primary_category":0},"categories":[6],"tags":[],"class_list":["post-785","post","type-post","status-publish","format-standard","hentry","category-advice"],"taxonomy_info":{"category":[{"value":6,"label":"Advice"}]},"featured_image_src_large":false,"author_info":{"display_name":"bmccann","author_link":"https:\/\/umaine.edu\/userguide\/author\/bmccann\/"},"comment_info":"","category_info":[{"term_id":6,"name":"Advice","slug":"advice","term_group":0,"term_taxonomy_id":6,"taxonomy":"category","description":"","parent":0,"count":69,"filter":"raw","cat_ID":6,"category_count":69,"category_description":"","cat_name":"Advice","category_nicename":"advice","category_parent":0}],"tag_info":false,"_links":{"self":[{"href":"https:\/\/umaine.edu\/userguide\/wp-json\/wp\/v2\/posts\/785","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/umaine.edu\/userguide\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/umaine.edu\/userguide\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/umaine.edu\/userguide\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/umaine.edu\/userguide\/wp-json\/wp\/v2\/comments?post=785"}],"version-history":[{"count":2,"href":"https:\/\/umaine.edu\/userguide\/wp-json\/wp\/v2\/posts\/785\/revisions"}],"predecessor-version":[{"id":1543,"href":"https:\/\/umaine.edu\/userguide\/wp-json\/wp\/v2\/posts\/785\/revisions\/1543"}],"wp:attachment":[{"href":"https:\/\/umaine.edu\/userguide\/wp-json\/wp\/v2\/media?parent=785"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/umaine.edu\/userguide\/wp-json\/wp\/v2\/categories?post=785"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/umaine.edu\/userguide\/wp-json\/wp\/v2\/tags?post=785"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}