When you put a google map and a plus one button on the same page it seems to create some strange rendering issues. In these examples WITH and WITHOUT the plus one button. If you click on a marker it will zoom in on it, then hit reset to zoom back out. You’ll see the map doesn’t render when the buttons included till you zoom in and out manually. Why? Anyone know a way around this?
EDIT: This issue seems to only happen in Google Chrome…IRONY!
Both worked fine for me in Firefox 6. In IE9 the google +1 button didn’t even show up at all. No surprise there, really, although it should work. That might be, however, because you don’t have fully valid HTML in your test document (with html and body tags). You might want to try that first.
You can also try using the HTML 5 tag for the google plus one button. I feel that is a safer alternative and it is fully HTML5-valid:
Check out the +1 Button Reference under “+1 Tag Attributes” for a complete list of possible attributes