提问js响应onclick切换图层

<!DOCTYPE html "-//W3C//DTD XHTML 1.0 Strict//EN"  
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">  
<html xmlns="http://www.w3.org/1999/xhtml">  
<head>
<meta http-equiv="content-type" content="text/html; charset=GBK"/>  
<title>GeoSurf Maps JavaScript API Example</title>  
<!--加载二维地图api-->
 <script src="http://www.tianditu.com/guide/lib/GeoSurfJSAPI.js" 
type="text/javascript"></script>  <script src="http://www.tianditu.com/guide/2d_samples/sampleCfg.js"
type="text/javascript"></script>  
<script type="text/javascript">  
       function initialize() {  
   //创建地图对象
       var map = new GeoSurf.PortalMap("map");    
   //设置地图中心点和缩放级别
       map.setCenter(new GeoSurf.LonLat(116.41,39.90),8); 
   //设置图层
    // map.loadLayerGroup(vectorGroup);
 map.loadLayerGroup(imageGroup); 
      }
  function callmap(){alert(1)}
    </script>  
</head><body onload="initialize()">
<div >
<input type="button" value="地图" onclick="callmap()">
    <input type="button" value="影像">
</div>
<!--创建地图容器-->
<div id="map" style="width: 300px; height: 300px"></div>  
</body>
</html>
想按下按扭，就能把图层设为vectorGroup，想问问有什么办法么，万分感谢