I'm not sure what the problem here is, but I've got a div with the
following markup being used as an info window:
<div class="overlayInfo">
<h2>Some Location</h2>
<h1>0.3312 t</h1>
<table>
<tbody>
<tr><td>Occupants</td><td>9999</td></tr>
<tr><td>Building Area</td><td>9999 ft²</td></tr>
</tbody>
</table>
</div>
You can view the example here (this is live)
http://usa.zerochallenge.org/results.
Click on the location circle. For whatever reason the infoWindow has
not expanded to my overlayInfo div and it has scroll bars. I can't
for the life of me figure it out how to get the infoWindow to expand.
The examples on the web seem to automatically expand to the content.
I'm using the following code to create the infoWindow:
infoWindow = new google.maps.InfoWindow({
content: ["<div class='overlayInfo'><h2>", name,
"</h2><h1>", prefix,
velo.util.Number.addCommas(emission),
" ",unit, trend, "</h1>",
"<table><tr><td>Occupants</td><td>",numPeople,
"</td></tr><tr><td>Building
Area</td><td>",
velo.util.Number.smartRound(area), ' ', areaUnit,
"</td></tr></table></div>"].join("")
});
Nothing special going on there. And I have no special CSS happening.
You can see that the parent div of my infowindow has a fixed height/
width of 48/199. Why is this the case?
Any help is greatly appreciated.
--
You received this message because you are subscribed to the Google Groups
"Google Maps JavaScript API v3" group.
To post to this group, send email to [email protected].
To unsubscribe from this group, send email to
[email protected].
For more options, visit this group at
http://groups.google.com/group/google-maps-js-api-v3?hl=en.
