infoWindow that fills up map

Question

Does anyone know how to create a custom Google Maps infoWindow That will just open and fill over the map completely, instead of paning the map and setting the bubble over the marker? Basically, what I'd like to do is have my markers on the map, then when a user clicks on a marker, it just opens the content in a panel that fits the entire map itself. I looked at the options mentioned here: link but none of these seem to do what I'd like, they still open a "bubble" type of window. Has anyone done this or can someone point me in the right direction?

Answer 1

Creating your custom info window is not so difficult, but it's a little bit complicated. If you want to find the easiest way, I recommend InfoBubble library.

http://google-maps-utility-library-v3.googlecode.com/svn/trunk/infobubble/examples/example.html

If you want to just prevent map panning when the infoWindow open, you can specify an option:

var infoWnd = new google.maps.InfoWindow({
   disableAutoPan : true
});