Google Maps: redimensionner Dynamiquement infowindow

Découvrez la suite. Ce qui se passe, c'est que je créer une fenêtre d'information avec un minimum de
info (voir getInfoWindowHtml). Le gmap.openInfoWindowHtml appel d'offre pour une fonction de callback qui est appelée après l'infowindow s'ouvre. Dans ce rappel, faire de votre appel ajax et de réinitialiser le contenu de la fenêtre. Il y a deux problèmes cependant:

je ne pourrais pas faire la fenêtre de redimensionnement exactement le contenu retourné, donc j'ai simplement utilisé une taille standard (voir le new GSize(300, 150) dans la fonction anonyme retourné par markerClickFn)

1. Im mon cas, si un marqueur est près de les extrêmes de l'image des limites, des pièces de la fenêtre d'informations sont rognés. OIE, la carte ne recentrer pour inclure l'infowindow. Je peux probablement résoudre ce problème, mais il n'a pas été un problème urgent.

   function markerClickFn(venue, latlng) {
   return function() {
   var title = venue.Name;
   var infoHtml = getInfoWindowHtml(venue);
   //need to zoom in
   gmap.setZoom(13);
   gmap.openInfoWindowHtml(latlng, infoHtml,
   {
   onOpenFn: function() {
   var iw = gmap.getInfoWindow();
   iw.reset(iw.getPoint(), iw.getTabs(), new GSize(300, 150), null, null);
   $("#info-" + venue.Id.toString()).load("/Venue/MapInfoWindow/" + venue.Id);
   }
   }
   );
   };
   }
   function getSidebarHtml(venue) {
   var url = "/Venue/Details/" + venue.Id; //actually should bring up infowindow
   var html = "<li id='venue-" + venue.Id + "'>\n";
   html = html + venue.Name + "\n";
   //html = html + "<p class='description'>" + trunc(venue.Description, 200) + "</p>\n";           
   html = html + "</li>";
   return html;
   }
   function getInfoWindowHtml(venue) {
   var url = "/Venue/Details/" + venue.Id; //actually should bring up infowindow
   var html = "<div id='info-" + venue.Id + "'><a href='" + url + "' class='url summary'>" + venue.Name + "</a></div>\n";
   return html;
   }
   function addVenueMarker(venue) {
   var icon = new GIcon(G_DEFAULT_ICON);
   icon.image = "http://chart.apis.google.com/chart?cht=mm&amp;chs=24x32&amp;chco=FFFFFF,008CFF,000000&amp;ext=.png";
   var latLng = new GLatLng(venue.Lat, venue.Lng);
   var marker = new GMarker(latLng, { icon: icon });
   var fn = markerClickFn(venue, latLng);
   GEvent.addListener(marker, "click", fn);
   marker.event_ = venue;
   marker.click_ = fn;
   venue.marker_ = marker;
   markers.push(marker);
   return marker;
   }

OriginalL'auteur JBland