Google’s ExtInfoWindow: Very Cool

We’ve been doing some demo work for a client and needed to “jazz up” the staid look of the normal GInfoWindow display for our mapping implementation. Luckly, Google has made available a GInfoWindow replacement called ExtInfoWindow that allows AJAX extensions and CSS styling of your new windows.

This extension is part of the Google Open Source Utility Library, started back in March 2007 by the Maps API team. So it’s not an official part of the GMaps API, but I had no problem integrating it into my apps.

Here’s a code snippet to show how easy it is:

GEvent.addListener(marker, 'click', function(){
marker.openExtInfoWindow( map,
"simple_example_window",
"I'm some HTML content that will go in the initial example's ExtInfoWindow.",
{beakOffset: 3}
); });

And here’s a screenshot showing a quick example of the type of graphical control you have:

ExtInfoWindow

We’ll be making use of this a lot. Particularly valuable is the AJAX functionality which allows you to defer the loading of the window and thus save some time up front.  This load-time penalty has always been Google Maps’ biggest problem for production use.

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s





%d bloggers like this: