{"id":1943,"date":"2015-10-22T10:03:36","date_gmt":"2015-10-22T15:03:36","guid":{"rendered":"http:\/\/libraries.ne.gov\/projectblog\/?p=1943"},"modified":"2016-02-22T11:13:12","modified_gmt":"2016-02-22T17:13:12","slug":"embedding-maps","status":"publish","type":"post","link":"http:\/\/libraries.ne.gov\/projectblog\/2015\/10\/22\/embedding-maps\/","title":{"rendered":"Embedding Maps"},"content":{"rendered":"<p style=\"text-align: justify;\">It might occasionally be helpful to include a map in your posts\u2014say, if you&#8217;re having an event outside the library or writing about local history.\u00a0 Here are three different ways that you can incorporate maps into what you&#8217;re doing.<\/p>\n<p style=\"text-align: justify;\"><strong><a href=\"https:\/\/www.google.com\/maps\" target=\"_blank\">Google Maps<\/a><\/strong><\/p>\n<p style=\"text-align: justify;\">Enter your location.\u00a0 It can be a specific street address or something like &#8220;library near [name of city]&#8221;.\u00a0 Once you have your map on the screen, click <strong>Share<\/strong>.\u00a0 You&#8217;ll see a popup on your screen with two tabs, Share Link and Embed Map.\u00a0 You&#8217;ll want to click Embed Map.\u00a0 Now, choose the size of your map.\u00a0 It&#8217;s probably defaulted to Medium, but you might want to opt for Small instead.\u00a0 Once your size is selected, copy the code provided and go back to your WordPress blog.\u00a0 You&#8217;ll need to click on the Text tab to open up the version of the post editor that will accept code (you&#8217;ll find Text right next to Visual at the top of the editor).\u00a0 After you paste the code into this box, you can switch back over to Visual view.\u00a0 Once you publish your post, you&#8217;ll get something like this:<\/p>\n<p><iframe style=\"border: 0;\" frameborder=\"0\" height=\"300\" src=\"https:\/\/www.google.com\/maps\/embed?pb=!1m18!1m12!1m3!1d3068413.318609625!2d-102.42776538158172!3d41.31979661316055!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x8796befcfa8cfc35%3A0x773b592f2a9a4cd7!2sNebraska+Library+Commission!5e0!3m2!1sen!2sus!4v1445524997911\" width=\"400\"><\/iframe><\/p>\n<p><strong><a href=\"http:\/\/www.bing.com\/maps\/\" target=\"_blank\">Bing Maps<\/a><\/strong><\/p>\n<p style=\"text-align: justify;\">The process here is pretty similar.\u00a0 Enter your address and, once you have your map on screen, click on Share.\u00a0 The Share button for Bing is located at the top right of your screen.\u00a0 Your code will be presented in the Embed in a Webpage field, but you can also make changes to the map by clicking Customize and Preview.\u00a0 Once you have the map correctly sized and with the features you want, copy your code into the Text view of your WordPress post.\u00a0 Once that&#8217;s done, switch back to Visual view to finish writing your post.\u00a0 Your embedded map will look like this:<\/p>\n<div>\n<p><iframe frameborder=\"0\" height=\"280\" src=\"http:\/\/www.bing.com\/maps\/embed\/viewer.aspx?v=3&amp;cp=40.812591~-96.702636&amp;lvl=16&amp;w=325&amp;h=280&amp;sty=r&amp;typ=d&amp;pp=&amp;ps=&amp;dir=0&amp;mkt=en-us&amp;src=SHELL&amp;form=BMEMJS\" width=\"325\"><\/iframe><\/p>\n<div style=\"margin: 12px 0 0 0;\"><a href=\"http:\/\/www.bing.com\/maps\/?cp=40.812591~-96.702636&amp;sty=r&amp;lvl=16&amp;sp=&amp;mm_embed=map\" target=\"_blank\">View Larger Map<\/a>\u00a0 |\u00a0 <a href=\"http:\/\/www.bing.com\/maps\/?cp=40.812591~-96.702636&amp;sty=r&amp;lvl=16&amp;rtp=~pos.40.812591_-96.702636____&amp;mm_embed=dir\" target=\"_blank\">Get Directions<\/a>\u00a0 |\u00a0 <a href=\"http:\/\/www.bing.com\/maps\/?cp=qt1wns6y7922&amp;sty=b&amp;lvl=18&amp;sp=&amp;mm_embed=be\" target=\"_blank\">View Bird&#8217;s Eye<\/a><\/div>\n<div style=\"margin: 12px 0px 0px; text-align: justify;\">Bing includes a few links beneath their maps that might be helpful to your readers.\u00a0 Google sometimes provides a link for driving directions with their maps, but not always.\u00a0 If you prefer Google, but also want to make sure that your patrons can access driving directions, you can copy and paste the following code directly into the Text version of your editor:<\/div>\n<blockquote>\n<div style=\"margin: 12px 0px 0px; text-align: left;\"><span style=\"color: #ff0000;\">&lt;form action=&#8221;http:\/\/maps.google.com\/maps&#8221; method=&#8221;get&#8221; target=&#8221;_blank&#8221;&gt;<\/span><br \/>\n<span style=\"color: #ff0000;\">Enter your starting address:<\/span><br \/>\n<span style=\"color: #ff0000;\">&lt;input name=&#8221;saddr&#8221; type=&#8221;text&#8221; \/&gt;<\/span><br \/>\n<span style=\"color: #ff0000;\">&lt;input name=&#8221;daddr&#8221; type=&#8221;hidden&#8221; value=&#8221;Disney World, Orlando, Florida&#8221; \/&gt;<\/span><br \/>\n<span style=\"color: #ff0000;\">&lt;input type=&#8221;submit&#8221; value=&#8221;Submit&#8221; \/&gt;<\/span><br \/>\n<span style=\"color: #ff0000;\">&lt;\/form&gt;<\/span><\/div>\n<\/blockquote>\n<div style=\"margin: 12px 0px 0px; text-align: left;\">Just change the value on the line with input name &#8220;daddr&#8221; to your address (rather than Disney World).\u00a0 You&#8217;ll end up with an embedded form for driving directions that looks and works like this:<\/div>\n<div style=\"margin: 12px 0px 0px; text-align: left;\"><\/div>\n<\/div>\n<form action=\"http:\/\/maps.google.com\/maps\" method=\"get\" target=\"_blank\">Enter your starting address:<br \/>\n<input name=\"saddr\" type=\"text\" \/><br \/>\n<input name=\"daddr\" type=\"hidden\" value=\"Disney World, Orlando, Florida\" \/><br \/>\n<input type=\"submit\" value=\"Submit\" \/><\/form>\n","protected":false},"excerpt":{"rendered":"<p>It might occasionally be helpful to include a map in your posts\u2014say, if you&#8217;re having an event outside the library or writing about local history.\u00a0 Here are three different ways that you can incorporate maps into what you&#8217;re doing. Google Maps Enter your location.\u00a0 It can be a specific street\u2026<\/p>\n<p> <a class=\"continue-reading-link\" href=\"http:\/\/libraries.ne.gov\/projectblog\/2015\/10\/22\/embedding-maps\/\"><span>Continue reading<\/span><i class=\"crycon-right-dir\"><\/i><\/a> <\/p>\n","protected":false},"author":192,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_exactmetrics_skip_tracking":false,"_exactmetrics_sitenote_active":false,"_exactmetrics_sitenote_note":"","_exactmetrics_sitenote_category":0,"footnotes":""},"categories":[3],"tags":[24,26,25],"class_list":["post-1943","post","type-post","status-publish","format-standard","hentry","category-blogging","tag-embedding","tag-maps","tag-posts"],"jetpack_featured_media_url":"","_links":{"self":[{"href":"http:\/\/libraries.ne.gov\/projectblog\/wp-json\/wp\/v2\/posts\/1943","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/libraries.ne.gov\/projectblog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/libraries.ne.gov\/projectblog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/libraries.ne.gov\/projectblog\/wp-json\/wp\/v2\/users\/192"}],"replies":[{"embeddable":true,"href":"http:\/\/libraries.ne.gov\/projectblog\/wp-json\/wp\/v2\/comments?post=1943"}],"version-history":[{"count":17,"href":"http:\/\/libraries.ne.gov\/projectblog\/wp-json\/wp\/v2\/posts\/1943\/revisions"}],"predecessor-version":[{"id":1960,"href":"http:\/\/libraries.ne.gov\/projectblog\/wp-json\/wp\/v2\/posts\/1943\/revisions\/1960"}],"wp:attachment":[{"href":"http:\/\/libraries.ne.gov\/projectblog\/wp-json\/wp\/v2\/media?parent=1943"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/libraries.ne.gov\/projectblog\/wp-json\/wp\/v2\/categories?post=1943"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/libraries.ne.gov\/projectblog\/wp-json\/wp\/v2\/tags?post=1943"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}