Home/ Questions/Q 8164569
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-06T19:20:47+00:00

I made a Google Map in which I customize the InfoWindows using the InfoBox

  • 0

I made a Google Map in which I customize the InfoWindows using the InfoBox library.
I am however struggling to make some InfoWindows wider than others. This can be seen in a demo map. 

var w = "530px";
if(!foto){
w= "200px";
}

var myOptions = {
maxWidth: 0
,boxStyle: { background: "url('tipbox.gif') no-repeat", width: w }
,closeBoxMargin: "10px 2px 2px 2px"
};
infoWindow = new InfoBox(myOptions);

Debugging the demo I see that w gets set correctly:

enter image description here
enter image description here

Yet, both InfoWindows have the same width.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    When the marker click listener runs, you change the content of the infoBox (setContent(boxText)), but not the size. Replace the setContent call with setOptions(myOptions), that will change everything, including the boxText.

    google.maps.event.addListener(marker, "click", function(){
  if(map.getZoom() < 6) map.setZoom(6);

  map.panTo(marker.getPosition());
  infoWindow.setOptions(myOptions);
  infoWindow.open(map, marker);
});

    BTW – indenting your code in a reasonable manner would make it easier to understand.

    • 0