var html = '<div class="infoWindowContent" style=" width: 240px;
height:200px;">' +
'<table class="tabContent">';
html += '<tr>' + '<td class="value"><b>' + name +
'</b></td>' + '</tr>';
html += '<tr>' + '<td class="value">' + address +
'</td>' + '</tr>';
html += '<tr>' + '<td class="value">' +
codigo_postal + ' - ' + poblacion + '</td>' + '</tr>';
html += '</table></div>';
var infowindow = new google.maps.InfoWindow(
{ content: html,
'size': new google.maps.Size(200, 200)
});
On 29 sep, 22:16, Bradley <[email protected]> wrote:
> 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.
