[Google Maps API v3] IE "issue" and also "auto zoom" in all browser?

[Andy Newby]

Hi,

Please go here first: 

http://www.chambresdhotes.org/cgi-bin/links/page.cgi?g=Google_Maps;t=espanol

...search for "11260" in the box just above the map (with a radius of 30km)

Now you should see some info in the left "sidebar". However over one of 
those and you should see the "info window". 


        google.maps.event.addListener(marker, "click", function() {
              if (infowindow) infowindow.close();
                
              var targetDiv = "contactDiv" + link_id;
              if (goto_blank == "NO") {
                targetDiv = "blank_contact";
              }
              
              var contact_form = '<form><input type="button" id="conBut' + 
link_id + '" name="conBut' + link_id + '" value="Contactar alojamiento" 
onclick="getData2(\'/cgi-bin/lead_contact2.cgi?ID=' + link_id + 
'&t=exchange_ajax_english', \'contactDiv' + link_id + '\',' + link_id + 
')">';
              var the_url = '<a href=/english/Detailed/' + link_id + '.html 
target=_blank>' + title + '</a><br />';
              var the_image = '<img src="' + image_url + '" style="float: 
left;" width="100" /><br />'
              var the_address = '&nbsp;' + address + '<br />&nbsp;' + city 
+ ' - ' + postcode + '<br />&nbsp;Tel: ' + phone;
              var open_box = '<div id="infowindow" class="info_box">';
              var close_box = '<div style="clear: both;"></div></div>';
              
              var the_html;
              if (the_image) {
                the_html = open_box 
                            + '<div style="float: left; width: 110px; ">' + 
the_image + '</div>' 
                            + '<div style="float: left; width: 165px; 
height: auto; overflow: hidden;">' + the_url + the_address + '<br />' + 
contact_form + '</div>'  
                         + close_box;
              } else {
                the_html = open_box 
                            + '<div style="float: left; width: 250px; 
height: 275px;">' + the_url + '<br />' + the_address + '<br />' + 
contact_form + '</div>'  
                         + close_box;
              }                
                
                 
                
                infowindow = new InfoBox(
                {
                        //content: '<div style="border: 1px solid black; 
margin-top: 8px; background: yellow; padding: 5px;">'  +the_html + '</div>',
                        content: 'foo vaer',
                        disableAutoPan: false
                        ,maxWidth: 0
                        ,pixelOffset: new google.maps.Size(-140, 0)        
    
                        ,zIndex: null
                        ,boxStyle: { 
                          background: "url('/images/tipbox.gif') no-repeat"
                          ,width: "280px"
                         }
                        ,closeBoxMargin: "10px 2px 2px 2px"
                        ,closeBoxURL: 
"http://www.google.com/intl/en_us/mapfiles/close.gif";
                        ,infoBoxClearance: new google.maps.Size(1, 1)
                        ,isHidden: false
                        ,pane: "floatPane"
                        ,enableEventPropagation: false
                }
                );
                infowindow.open(map, marker);
    }); 

This works fine in FF and Chrome, but in IE you can see the "close" 
image... but no box, or anything with the content in. Can anyone suggest 
what I'm doing wrong?  Always seems to boil down to stupid IE :(

The 2nd thing - how do I "auto zoom" to the marker when using the "InfoBox" 
function?

TIA! (I've been banging my head against the wall pretty much all afternoon 
over this one - so thought it was finally time to see if anyone else could 
shed some light!)

Andy

-- 
You received this message because you are subscribed to the Google Groups 
"Google Maps JavaScript API v3" group.
To view this discussion on the web visit 
https://groups.google.com/d/msg/google-maps-js-api-v3/-/DQQcyMEGRjgJ.
To post to this group, send email to google-maps-js-api-v3@googlegroups.com.
To unsubscribe from this group, send email to 
google-maps-js-api-v3+unsubscr...@googlegroups.com.
For more options, visit this group at 
http://groups.google.com/group/google-maps-js-api-v3?hl=en.