选项卡中加载Google Map

网上大多数Google map的例子都是页面加载的时候把Map也加载,按照这样的方式把google map放到选项卡中(显示map的选项卡默认是display: none的),map将无法正常显示.
原因不是很清楚,应该是google map的Js加载问题
实现的效果如图:


下面的关键的代码,详细的例子请参考附件

<script	src="http://ditu.google.com/maps?file=api&amp;v=2&amp;key=&hl=zh-CN" type="text/javascript"></script>

    var cenx = 22.50128;
	var ceny = 113.914619;
	var stzoom = 14;
	var map;
        //使用google的jsapi来加载google map
	function initLoader() {
		var script = document.createElement("script");
		script.src = "http://www.google.com/jsapi?key=abc&callback=loadMaps";
		script.type = "text/javascript";
		document.getElementsByTagName("head")[0].appendChild(script);
	}
	function loadMaps() {
		google.load("maps", "2", {"callback" : initialize()});
	}
	function initialize()
		map=new GMap2(document.getElementById("map_canvas"));
		//设置地图的中心坐标.
	    var loc = new GLatLng(cenx,ceny);
	    map.setCenter(loc,stzoom);	                
		map.addOverlay(createMarker(loc));
		
	}
	//增加标注
	function createMarker(point) {
		var marker = new GMarker(point);
		GEvent.addListener(marker, "click", function(){marker.openInfoWindowHtml("标注");});   
		return marker;   
	}