google map api 与jquery结合使用(2) --标注,浮窗[转帖]

google map api 与jquery结合使用1-3

google map api 与jquery结合使用(1)--控件,监听器[转帖]

google map api 与jquery结合使用(2) --标注,浮窗[转帖]

google map api 与jquery结合使用(3) --图标样式,使用xml和异步请求【转帖】 修改javascript代码：
map.js
$(document).ready(function()
$(document).ready(function()
$(document).ready(function()
$(document).ready(function()
{
if (GBrowserIsCompatible()) {
var map = new GMap2(document.getElementById("map"));
map.addControl(new GSmallMapControl());
map.addControl(new GMapTypeControl());
//开启滚轮伸缩效果－－鼠标滚轮向前滚放大地图，反之缩小
map.enableScrollWheelZoom();
map.setCenter(new GLatLng(36.94,106.08),4);
//信息浮窗内容
var infoTabs = [
new GInfoWindowTab("气候", "华北地区气候不错"),
new GInfoWindowTab("天气", "冷空气南下，可能降雪。")
];
//在地图的中心添加一个标记并自动打开其信息浮窗
var marker = new GMarker(map.getCenter());
GEvent.addListener(marker, "click", function() {
marker.openInfoWindowTabsHtml(infoTabs);
});
map.addOverlay(marker);
marker.openInfoWindowTabsHtml(infoTabs);
$(window).unload(function (){
$('.').unbind();
GUnload();
});
}else
{
alert('你使用的浏览器不支持 Google Map!');
}
});
此时的浮窗是分标签的
分标签的信息浮窗

打开信息浮窗