How to give a style to google map bubble with openInfoWindowTabsHtml?

Question

Hi, I am using google map for my site. I have used the following code

function addMarker(latitude , longitude, infoTabs)
{


    if(typeof(iconImage) !== 'undefined')
    {
    var icon = new GIcon();
    icon.image = iconImage;
    icon.iconSize = new GSize(35, 35);
    icon.iconAnchor = new GPoint(14, 35);
    icon.infoWindowAnchor = new GPoint(14, 14);

    var marker = new GMarker(new GLatLng(latitude, longitude),icon);
    }
    else
    var marker = new GMarker(new GLatLng(latitude, longitude));

    marker.openInfoWindowTabsHtml(infoTabs,{
                selectedTab:0,
                maxWidth:350
                });

    GEvent.addListener(marker, 'click',
    function() {

                marker.openInfoWindowTabsHtml(infoTabs,{
                selectedTab:0,
                maxWidth:350
                });
    }
    );
    map.addOverlay(marker); }

I have passed Name of the company for "infoTabs". Company name may be very short or long one. I found that i can define selectedTab and maxWidth for openInfoWindowTabsHtml() function. Is it possible to make bubble size auto, small for short and big bubble for long company name or is bubble fixed? Any help will be appreciated. Thanks in advance.

Answer 1

Hi,

The best solution is use standards css markups like class in your code loaded with site styles or inside the bubble code as styles markup. Use code is more complex and userless. Cheers.