The Purple Penguin

I believe i have gotten this to work now 🙂

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 Maps API.

When applying for your Google Maps API, it seams to be best to use your the root URL.

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.

4) Final I had to edit the css style sheet.

We use the WordPress Default 1.6 by Michael Heilemann

This cause the maps to appear as gray blocks.

This also  still happens if you use IE7 to view the map.

To fix the IE7 error see

http://blogan.net/blog/2007/05/29/google-maps-plugin-works-for-k2-theme/

you have wrap your code with div tags so <div> at the start and </div> at the end.

So reading this site

http://code.google.com/p/kaytwo/issues/detail?id=179&can=2&q=

I made a change to the stylesheet as suggested.

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*/

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.

By surrounding the max-width: 100%; with /* (start comment) and */ (end comment) what ever process the style sheet will ignore that line.

The line I add in was

max-width: auto;

Final save this back to your web site by clicking the update file button at the bottom of the screen.

It should then look like this.

/* Begin Images */
p img {
padding: 0;
/* max-width: 100%;*/
max-width: auto;
}

/* Using ‘class=”alignright”‘ on an image will (who would’ve
thought?!) align the image to the right. And using ‘class=”centered’,
will of course center the image. This is much better than using
align=”center”, being much more futureproof (and valid) */

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.