I'm building a map using the google maps API that displays the representatives for our company. Unfortunately google maps is drawing the info window much too wide. You can see what I mean here: www.hbxcontrols.com/about/dealer_locator.php

Is there something I can add to my code to limit the width of the info window?

Doesn't anyone have an idea?

ive had the same problem.

When you click on link to page(to copy the code) there is an extra window that opens up a dialogue window with additional options. Select custom, and make sure you zoom in and position in that windowhow you want the map to look.

Grab that code and put it on your page.

Sorry dude...just saw this post.

If you explicitly define width and height for your map div using CSS, the map will fit within the constraints.

e.g.

#map {
    width:  520px;
    height:  300px;
}

will ensure that the Google map fits in a 520x300 pixel div.

Or, if you want to control just the info bubble, the only way I've figured out is to use line breaks.

CSS couldn't control the info windows within the map

The issue was resolved using line breaks, it's not the prettiest way to get the job done but it works.

Since you can put html in your infowindow, i enclose everything with a div with an explicit width and it seems to work fine for me.

I found a solution to this problem, it's a little tricky but it can be done!
Please read and let me know if you find any problems with my code.
http://claytonrabenda.com/web-develo...e-map-with-api
Cheers!

Use the maxWidth option. Here's an example:

infowindow = new google.maps.InfoWindow({content: "loading...", maxWidth:100});

Its very unlikely your going to get a reply. I would sincerely hope the OP has figured this out by now. ?

There is an extra window that opens up a dialogue window with additional options. Select custom, and make sure you zoom in and position in that window how you want the map to look.