comment personnaliser l'infowindow de base avec des onglets affichés en utilisant GInfoWindowTab sur google map

Question

J'ai la fonction suivante pour afficher l'infowindow avec des onglets sur google map en utilisant GInfoWindowTab, l'infowindow par défaut est affiché avec deux onglets, ma question est comment puis-je changer la taille, la couleur d'arrière-plan et les styles de l'infowindow et puis-je ajouter des vidéos dans l'un des onglets d'infowindow.

function createMarker(point, name, address, imagepath) { 
     var marker = new GMarker(point, gicons[imagepath]); 

     var html1 = '<span class="name-tab"><b>' + name + '</b></span> <span class="info"><br/>' + address + '</span>'; 
     var content = '<img width="100" Height="100" src="http://www.visitingdc.com/images/golden-gate-bridge-picture.jpg" />'; 

     GEvent.addListener(marker, 'click', function() { 
     var infoTabs = [new GInfoWindowTab("Address", html1), new GInfoWindowTab("Images", content)]; 
       marker.openInfoWindowTabsHtml(infoTabs); 
     }); 

Answer 1

essayer

<div id="infoWin" style:"background-color:#000 ;...." > content </div> 

ou utilisez une classe de votre css/style.css

A propos des vidéos dans les onglets, oui, vous pouvez intégrer un lien pour une vidéo

google.maps.event.addListener(marker, "click", function(){ 
    bubble = new google.maps.InfoWindow({ 
     content: '<object width="425" height="344"><param name="movie" value="http://www.youtube.com/v/UmFjNiiVk9w?fs=1"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/UmFjNiiVk9w?fs=1" type="application/x-shockwave-flash" width="425" height="344" allowscriptaccess="always" allowfullscreen="true"></embed></object>' 
    }) 
    bubble.open(map, marker); 
})