wie Sie die grundlegenden Infofenster mit Tabs anpassen GInfoWindowTab auf Google Karte angezeigt mit

Question

Ich habe die folgende Funktion, um die Infofenster mit Tabs auf google Karte mit GInfoWindowTab angezeigt werden, die Standard-Infofenster mit zwei Registerkarten angezeigt wird, meine Frage ist, wie kann ich die Größe, die Hintergrundfarbe ändern und Stile der Infofenster und ich kann hinzufügen Videos in einer der Reiter in Infofenster.

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

Versuch

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

oder verwenden Sie eine Klasse von Ihrem css / style.css

Über Videos in den Registerkarten, ja können Sie einen Link für ein Video

einbetten

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);
})