0

GInfoWindowTab を使用して Google マップにタブ付きの情報ウィンドウを表示する次の機能があります。デフォルトの情報ウィンドウは 2 つのタブで表示されます。私の質問は、情報ウィンドウのサイズ、背景色、スタイルを変更する方法と、ビデオを 1 つに追加する方法です。情報ウィンドウのタブの。

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

1 に答える 1

1

試す

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

または、css/style.cssのクラスを使用します

タブ内の動画について、はい、動画へのリンクを埋め込むことができます

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);
})
于 2010-11-09T20:50:09.660 に答える