2010-10-22 93 views
0

我有以下代碼來顯示信息窗口在谷歌地圖上,當標記被點擊時如何添加標籤到正在使用extinfowindows infowindows,任何人都可以幫助追查問題。如何添加標籤infowindow其中使用extInfoWindows谷歌地圖

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>'; 

    GEvent.addListener(marker, 'click', function() { 
     marker.openExtInfoWindow(
     map, "simple_example_window", html1, { 
      beakOffset: -4 
     }); 
    }); 
} 

回答

0

注:標籤不支持GMaps 3.0

檢查這個

http://www.svennerberg.com/2009/02/working-with-info-windows-in-google-maps/

但是,我們可以使用JQuery這裏是使其成爲V3.0代碼示例

var contentString = [ 
    '<div id="tabs">', 
    '<ul>', 
    '<li><a href="#tab-1"><span>One</span></a></li>', 
    '<li><a href="#tab-2"><span>Two</span></a></li>', 
    '<li><a href="#tab-3"><span>Three</span></a></li>', 
    '</ul>', 
    '<div id="tab-1">', 
    '<p>Tab 1</p>', 
    '</div>', 
    '<div id="tab-2">', 
    '<p>Tab 2</p>', 
    '</div>', 
    '<div id="tab-3">', 
    '<p>Tab 3</p>', 
    '</div>', 
    '</div>' 
].join(''); 

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

var marker = new google.maps.Marker({ 
    position: myLatlng, 
    map: map 
}); 

google.maps.event.addListener(marker, 'click', function() { 
    infowindow.open(map, marker); 
    $("#tabs").tabs(); 
}); 
+0

這不按預期工作,但這個http://stackoverflow.com/questions/5177705/google-maps-infowindow-not-showing-the-tabs-as-it-應該修復這個問題:) – 2012-04-03 07:31:54