javascript - タブ付きの情報ウィンドウを作成する方法

Question

最初の情報と 2 番目の情報がフォト ギャラリーを示していることを示すために、infowindow にテーブルを作成する必要があります。

ここに私のコードがあります

var marker = new google.maps.Marker({
    map: map,
    position: new google.maps.LatLng(-8.759264,-63.906463),      
    icon:  predio
});

var contentimage =
    '<div style="width:470px;height:220px;margin:auto;float:left;"   /div>' +
    '<div>' + 
        '<img src="images/Sem título-2.png" width="440" height="190" />' + 
        '<a href="http://www.google.com.br" target="_blank">www.seusite.com.br/galeriadefotos</a>' + 
    '</div>';


var infowindow = new google.maps.InfoWindow({content: contentimage});

google.maps.event.addListener(marker, 'click', function() {
    infowindow.open(map,marker);
});

Answer 1

infoWindow のコンテンツは、他のものと同様に DOM ノードです。次に例を示します。

var content = '<table><tr><td>1.1</td><td>1.2</td></tr><tr><td>2.1</td><td>2.2</td></tr></table>';
infoWindow.setContent(content);
infoWindow.open(map,marker);