lazy load google map

google map一般这样调用，引入的google的js文件，然后它内部会在引入其它js，网络条件不好的时候，会阻塞住浏览器

<script type="text/javascript" src="http://map.google.cn/maps/api/js?sensor=false"></script>
<script>
var draw_map = function(){ 
	//.….
};
draw_map();
</script>

所以最好是用异步的方式，在需要的时候再载入地图的js文件，等地图所需js文件载入完毕后再调用自己的draw_map函数,google的api支持callback。

<button class="show-map">show map</button>
<script>
var draw_map = function(){ 
	//.….
};
$('.show-map').on('click', function(){
    if(typeof google == 'undefined'){
        $.getScript("http://map.google.cn/maps/api/js?sensor=false&callback=draw_map");        
    }
});
</script>

OVER.