google map api 与jquery结合使用(2) －－标注,浮窗

核心提示： 在标记上面显示信息浮窗的效果分标签的信息浮窗map.js$(document).ready(function(){ if (GBrowserIsCompatible()) { var map = new GMap2(document.getElementById("map&quo

在标记上面显示信息浮窗的效果

分标签的信息浮窗

map.js

$(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!');　　
　　 }
});
此时的浮窗是分标签的