How to put tabs into Google Earth placemarks

by Joe on February 17, 2010

I just helped a client set up a tabbed interface for their Google Earth placemarks. It took a lot of searching to figure out how, but in the end it wasn’t that tough. I used the “tabber” javascript and css tabifier. It looks good “out of the box” and it’s the lightest I found. Here: http://www.barelyfitz.com/projects/tabber/

I tried to find a way to have the Javascript and CSS as part of the placemark code, but ended up hosting it on the client’s server.

For the header I also pulled in an image from the client’s site and we made it a clickable link with the same technique people use to put header graphics in their Thesis WordPress themes.

I’ll expand this post with details if anyone’s actually interested. Make a comment if you want to see code and more tips.

{ 4 comments… read them below or add one }

Chip Johnson April 7, 2010 at 6:33 pm

I’d love to see how you did this, I’m trying to implement the same function for a current client’s Earth presence.

Joe April 7, 2010 at 7:21 pm

I’m emailing you the code I sent to the map guy. Not sure it’s final. I’ll post a link to the completed file/placemarks when I have them.

Daniel Fuentes September 5, 2010 at 8:21 am

Hy Joe, I would like to implement their innovation, I tried to use the reference link (Designs BarelyFitz) but could not implement. My profile is a fundamental Web manager because I am civil engineering. but iam using GE frequently.

Cochabamba – Bolivia

Thanks

Joe September 6, 2010 at 8:19 am

Thanks for the inquiry, Daniel. I will try to write up some more detailed instructions and code. I’ll email you when it’s ready.

Leave a Comment

Previous post: