How To Add Tabs To Infowindow Which Uses Extinfowindows For Google Map
I have the following code to display the info window on the google map when marker is clicked how can i add tabs to the infowindows which is using extinfowindows ,can anyone help t
Solution 1:
Note:tabs are not supported for GMaps v3.0
check this
http://www.svennerberg.com/2009/02/working-with-info-windows-in-google-maps/
But we can make it for V3.0 using JQuery here is sample of code
var contentString = [
'<divid="tabs">',
'<ul>',
'<li><ahref="#tab-1"><span>One</span></a></li>',
'<li><ahref="#tab-2"><span>Two</span></a></li>',
'<li><ahref="#tab-3"><span>Three</span></a></li>',
'</ul>',
'<divid="tab-1">',
'<p>Tab 1</p>',
'</div>',
'<divid="tab-2">',
'<p>Tab 2</p>',
'</div>',
'<divid="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();
});
Post a Comment for "How To Add Tabs To Infowindow Which Uses Extinfowindows For Google Map"