{"id":73,"date":"2007-05-30T14:04:13","date_gmt":"2007-05-30T13:04:13","guid":{"rendered":"https:\/\/www.purple-penguin.org\/blog\/?p=73"},"modified":"2007-05-30T14:43:40","modified_gmt":"2007-05-30T13:43:40","slug":"in-line-google-maps-in-wordpress-22","status":"publish","type":"post","link":"https:\/\/www.purple-penguin.org\/blog\/2007\/05\/30\/in-line-google-maps-in-wordpress-22\/","title":{"rendered":"Inline Google Maps In WordPress 2.2"},"content":{"rendered":"<p>I believe i have gotten this to work now \ud83d\ude42<\/p>\n<p>Steps<\/p>\n<p>1)  Download the Inline Google Maps WordPress plug-in form<a href=\"http:\/\/avi.alkalay.net\/2006\/11\/google-maps-plugin-for-wordpress.html\" title=\"Google Maps Plug in\" target=\"_blank\"><\/a><\/p>\n<p><a href=\"http:\/\/avi.alkalay.net\/2006\/11\/google-maps-plugin-for-wordpress.html\" title=\"Google Maps Plug in\" target=\"_blank\"> Avi Alkalay.<\/a><\/p>\n<p>2) Follow his  instructions<\/p>\n<p>Upload the plug-in to your site.<\/p>\n<p>Turn the plug-in on.<\/p>\n<p>Configure the plug-in, you will find it under the option tab, google inline maps.<\/p>\n<p>3) Apply for your Google Maps API.<\/p>\n<p>When applying for your Google Maps API, it seams to be best to use your the root URL.<\/p>\n<p>As when they say pacific directory. It also seams to include that directory and those below it. This confused me for a wile, as to what was exactly meant on the Google web page instructions.<\/p>\n<p>4) Final I had to edit the css style sheet.<\/p>\n<p>We use the  WordPress Default 1.6 by <a href=\"http:\/\/binarybonsai.com\/\" title=\"Visit author homepage\">Michael Heilemann<\/a><\/p>\n<p>This cause the maps to appear as gray blocks.<\/p>\n<p>This also\u00c2\u00a0 still happens if you use IE7 to view the map.<\/p>\n<p>To fix the IE7 error see<\/p>\n<p><a href=\"http:\/\/blogan.net\/blog\/2007\/05\/29\/google-maps-plugin-works-for-k2-theme\/\" title=\"Site Link\" target=\"_blank\">http:\/\/blogan.net\/blog\/2007\/05\/29\/google-maps-plugin-works-for-k2-theme\/<\/a><\/p>\n<p>you have wrap your code with div tags so &lt;div&gt; at the start and &lt;\/div&gt; at the end.<\/p>\n<p>So reading this site<\/p>\n<p><a href=\"http:\/\/code.google.com\/p\/kaytwo\/issues\/detail?id=179&amp;can=2&amp;q=\" title=\"Web Site Link\" target=\"_blank\">http:\/\/code.google.com\/p\/kaytwo\/issues\/detail?id=179&amp;can=2&amp;q=<\/a><\/p>\n<p>I made a change to the stylesheet as suggested.<\/p>\n<p>To do this log-in as admin user, goto the Presentations tab then select theme Editor, then on the right hand side click Stylesheet. Scroll Down the Code till you find \/*Begin Images*\/<\/p>\n<p>I do not know any thing about css, (so this may have broken some thing but so far it looks ok) because of that I only commented out the line (this way it is easy to add back in if any thing goes wrong :)), and add my new line in.<\/p>\n<p>By surrounding the max-width: 100%; with \/* (start comment) and *\/ (end comment) what ever process the style sheet will ignore that line.<\/p>\n<p>The line I add in was<\/p>\n<p>max-width: auto;<\/p>\n<p>Final save this back to your web site by clicking the update file button at the bottom of the screen.<\/p>\n<p>It should then look like this.<\/p>\n<p>\/* Begin Images *\/<br \/>\np img {<br \/>\npadding: 0;<br \/>\n\/*    max-width: 100%;*\/<br \/>\nmax-width: auto;<br \/>\n}<\/p>\n<p>\/*    Using &#8216;class=&#8221;alignright&#8221;&#8216; on an image will (who would&#8217;ve<br \/>\nthought?!) align the image to the right. And using &#8216;class=&#8221;centered&#8217;,<br \/>\nwill of course center the image. This is much better than using<br \/>\nalign=&#8221;center&#8221;, being much more futureproof (and valid) *\/<\/p>\n<p>This appears to make the maps work, and has not yet (so far) made any thing not work.  I will update this post if i find any thing wrong.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>I believe i have gotten this to work now \ud83d\ude42 Steps 1) Download the Inline Google Maps WordPress plug-in form Avi Alkalay. 2) Follow his instructions Upload the plug-in to your site. Turn the plug-in on. Configure the plug-in, you will find it under the option tab, google inline maps. 3) Apply for your Google [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"ngg_post_thumbnail":0,"jetpack_publicize_message":"","jetpack_is_tweetstorm":false,"jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":false,"jetpack_social_options":{"image_generator_settings":{"template":"highway","enabled":false}}},"categories":[7,3],"tags":[],"jetpack_publicize_connections":[],"jetpack_featured_media_url":"","jetpack_shortlink":"https:\/\/wp.me\/p4T97-1b","jetpack_sharing_enabled":true,"jetpack-related-posts":[{"id":99,"url":"https:\/\/www.purple-penguin.org\/blog\/2007\/06\/07\/playing-with-the-look\/","url_meta":{"origin":73,"position":0},"title":"Playing with the look","date":"Thursday, 7 June 2007","format":false,"excerpt":"As you can see I'm trying out different wordpress skins. So far this is the second one i have tried, the first ran in to the google in line maps problem. This one so far has not had that problem is call \"Remember\" version 1.11 by Becca Wei Apart from\u2026","rel":"","context":"In &quot;Dyslexic Discourse&quot;","img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":83,"url":"https:\/\/www.purple-penguin.org\/blog\/2003\/04\/30\/who-writes-the-posts\/","url_meta":{"origin":73,"position":1},"title":"Who writes the posts","date":"Wednesday, 30 April 2003","format":false,"excerpt":"The last pre-trip update! First, it has been pointed out to me that I need to state that although Joe's name is on the reports, it is me that actually writes them. Not that it makes loads of difference as he tells me what he'd like me to write and\u2026","rel":"","context":"In &quot;Travel&quot;","img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":1485,"url":"https:\/\/www.purple-penguin.org\/blog\/2014\/06\/18\/toledo\/","url_meta":{"origin":73,"position":2},"title":"Toledo","date":"Wednesday, 18 June 2014","format":false,"excerpt":"So up and off to Puerto Atocha to get the train to Toledo. We bought the tickets and figured out where to go, got through security, and had a coffee while waiting for the train. Very quick journey to Toledo, just the direct train which takes about 30 minutes -\u2026","rel":"","context":"In &quot;Travel&quot;","img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":4294,"url":"https:\/\/www.purple-penguin.org\/blog\/2025\/12\/15\/city-break\/","url_meta":{"origin":73,"position":3},"title":"City Break","date":"Monday, 15 December 2025","format":false,"excerpt":"Up early to head into Pompeii. Had breakfast at the hotel; the view from that cafe is amazing over the ruins and Vesuvius, especially in the morning with the sun rising onto the mountain. The hotel is right at the Amphitheatre entrance so we were early to the gate, but\u2026","rel":"","context":"In &quot;Travel&quot;","img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":76,"url":"https:\/\/www.purple-penguin.org\/blog\/2007\/06\/03\/new-york-trip-tips-part-ii\/","url_meta":{"origin":73,"position":4},"title":"New York Trip Tips Part II","date":"Sunday, 3 June 2007","format":false,"excerpt":"Right, the trip was in May 2007 (for those of you who have stumbled on this) and I'm now finally getting around to posting our top tips! New Yorkers are friendly: Almost too friendly! We were almost afraid to open our map, not in fear of a mugger thinking we\u2026","rel":"","context":"In &quot;Tips&quot;","img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":4012,"url":"https:\/\/www.purple-penguin.org\/blog\/2017\/07\/09\/sorting-day\/","url_meta":{"origin":73,"position":5},"title":"Sorting day","date":"Sunday, 9 July 2017","format":false,"excerpt":"So were thinking of what to do when we discovered the laptop didn't charge. So Joe did troubleshooting and figured out it was the plug. So off we went to find a new cable and nope, couldn't find it. So our friend offered a cable and we can get charged\u2026","rel":"","context":"In &quot;Travel&quot;","img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]}],"_links":{"self":[{"href":"https:\/\/www.purple-penguin.org\/blog\/wp-json\/wp\/v2\/posts\/73"}],"collection":[{"href":"https:\/\/www.purple-penguin.org\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.purple-penguin.org\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.purple-penguin.org\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.purple-penguin.org\/blog\/wp-json\/wp\/v2\/comments?post=73"}],"version-history":[{"count":0,"href":"https:\/\/www.purple-penguin.org\/blog\/wp-json\/wp\/v2\/posts\/73\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.purple-penguin.org\/blog\/wp-json\/wp\/v2\/media?parent=73"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.purple-penguin.org\/blog\/wp-json\/wp\/v2\/categories?post=73"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.purple-penguin.org\/blog\/wp-json\/wp\/v2\/tags?post=73"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}