Javascript 如何使用google地图上的GInfoWindowTab自定义基本信息窗口,并显示选项卡

Javascript 如何使用google地图上的GInfoWindowTab自定义基本信息窗口,并显示选项卡,javascript,html,google-maps,google-maps-api-3,infowindow,Javascript,Html,Google Maps,Google Maps Api 3,Infowindow,我有以下功能,可以使用GInfoWindowTab在google地图上显示带选项卡的信息窗口,默认信息窗口显示有两个选项卡,我的问题是如何更改信息窗口的大小、背景颜色和样式,以及如何将视频添加到信息窗口中的一个选项卡中 function createMarker(point, name, address, imagepath) { var marker = new GMarker(point, gicons[imagepath]); var html1 = '&

我有以下功能,可以使用GInfoWindowTab在google地图上显示带选项卡的信息窗口,默认信息窗口显示有两个选项卡,我的问题是如何更改信息窗口的大小、背景颜色和样式,以及如何将视频添加到信息窗口中的一个选项卡中

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);
      });
函数createMarker(点、名称、地址、图像路径){
var标记=新的GMarker(点,gicons[图像路径]);
var html1=''+name+'
'+address+''; var内容=“”; addListener(标记'click',函数(){ var infoTabs=[新的GInfoWindowTab(“地址”,html1),新的GInfoWindowTab(“图像”,内容)]; marker.openInfoWindowTabsHtml(infoTabs); });
试试看

内容
或者使用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);
})
google.maps.event.addListener(标记“单击”,函数(){
bubble=新建google.maps.InfoWindow({
内容:“”
})
气泡。打开(地图、标记);
})
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);
})