对geobeansEvent事件回调函数的改进
demo中提供的geobeansEvent事件回调函数如下：
function geobeansEvent(id,v1,v2,v3,v4,v5,v6,v7,v8,v9){
var pMap = document.GeoBeansMap;
switch(id){
case 0: alert("coError："+id+"\n"+"v1："+v1+"\n"+"v2："+v2+"\n"+"v3："+v3+"\n"+"v4："+v4+"\n"+"v5："+v5); break; case 7: //alert("coViewMap："+id+"\n"+"显示比例："+v1+"\n"+"XMIN："+v2+"\n"+"YMIN："+v3+"\n"+"XMAX："+v4+"\n"+"YMAX："+v5); break; case 17://完成地图绘制 //alert("coPainted："+id+"\n"+"v1："+v1+"\n"+"v2："+v2+"\n"+"v3："+v3+"\n"+"v4："+v4+"\n"+"v5："+v5); cc(); break; case 18://自动停止闪烁 //alert("coFlashed："+id+"\n"+"v1："+v1+"\n"+"v2："+v2+"\n"+"v3："+v3+"\n"+"v4："+v4+"\n"+"v5："+v5); break; case 8: //鼠标移动时的图形坐标 //alert("coViewPosition："+id+"\n"+"X："+v1+"\n"+"Y："+v2+"\n"+"v3："+v3+"\n"+"v4："+v4); parent.TOCFrame.setShapeXY(v1,v2); break; case 36://鼠标单击事件 //alert("coMouseClick："+id+"\n"+"X："+v1+"\n"+"Y："+v2+"\n"+"v3(ClickCount,x,y)："+v3+"\n"+"v4："+v4); parent.TOCFrame.setShapeXY(v1,v3); break; case 10://成功加载地图工程 var pManager = pMap.getManager(); var pLayers = document.all("MapConfig"); //动态创建图层配置信息 var strBody="<table width=100% border=1 cellpadding=0 cellspacing=0>"; strBody +="<tr><td><font face=黑体 size=2><strong>地图配置</strong></font></td></tr>"; var nCount=1; var pNode = pManager.getRootNode(); while(pNode!=null){ strBody +="<tr><td>"; strBody += "<input type=checkbox name=C"+nCount+" value="; strBody += pNode.getName(); strBody += " onClick=JavaScript:setLayerVisible(this) "; strBody += (pNode.isVisible()==true)?"checked>":">"; strBody += "<font size=1>"; strBody += pNode.getName(); strBody += "</font>"; strBody += "</td></tr>"; pNode = pNode.getSibling();nCount++;
} strBody += "</table>"; pLayers.innerHTML= strBody; var pOverview = document.VEE; pMap.setOverview(pOverview.getOverview()); pMap.getOptions().setHighlightColorFromString("#0000FF"); break; case 16://成功加载了MapExpress //ContextMenu(); break; case 12://Loading Layer //alert("开始装载图层："+id+"\n"+"图层名："+v1); break; case 11: //alert("装载图层："+id+"\n"+"图层名："+v1+"\n"+"v2："+v2+"\n"+"v3："+v3+"\n"+"v4："+v4); //if(v1=="chinar"){ // pMap.setLayer("Tiper","CHINAR"); //} //if(v1=="CHINAP")pMap.setLayer("Tiper","CHINAP"); ok=1;parent.TOCFrame.ok=1; break; case 19: //alert("下载子图："+id+"\n子图号="+v1); break; case 21://Overview alert("coOverview："+id+"\nVisible="+v1); break; case 101:case 102:case 103:case 105:case 106: //alert("属性查询："+id+"\n"+"图层名："+v1+"\n"+"图元个数："+v2+"\n"+"图元编码："+v3+"\n"+"v4："+v4); if(v2=="-1"){ parent.AttrFrame.location=v3; }else{ parent.TOCFrame.setSelectedItem(v1,v3,v4); } //获得被选中的图形 //var pSelector = pMap.getSelector(); //if(pSelector!=null){alert(""+pSelector); // var pShapes = pSelector.getShapes(); // if(pShapes)alert(""+pShapes); //} break; case 101+50: //alert("属性查询："+id+"\n"+"X坐标："+v1+"\n"+"Y坐标："+v2+"\n"+"v3："+v3+"\n"+"v4=："+v4); break; case 102+50: alert("属性查询："+id+"\n"+"圆心坐标X："+v1+"\n"+"圆心坐标Y："+v2+"\n"+"半径："+v3+"\n"+"v4=："+v4+"\n"+"v5=："+v5); break; case 103+50: //alert("属性查询："+id+"\n"+"X最小值："+v1+"\n"+"Y最小值："+v2+"\n"+"X最大值："+v3+"\n"+"Y最大值："+v4); break; case 105+50: var pDrawer = pMap.getDrawer(); var pPoints = pDrawer.getWorldPoints(); var nCount=pPoints.size(); var strValue = ""+nCount+"("; for(i=0;i<nCount;i++){ var pPoint=pPoints.dotAt(i); strValue += pPoint.m_x + " " + pPoint.m_y; if(i<nCount-1) strValue += "," } strValue += ")"; alert("属性查询："+id+"\nPoint=" + strValue); break; case 301+50: alert("缓冲区查询："+id+"\n"+"X坐标："+v1+"\n"+"Y坐标："+v2+"\n"+"v3："+v3+"\n"+"v4=："+v4); break; case 302+50: alert("缓冲区查询："+id+"\n"+"圆心坐标X："+v1+"\n"+"圆心坐标Y："+v2+"\n"+"半径："+v3+"\n"+"v4=："+v4); break; case 303+50: alert("缓冲区查询："+id+"\n"+"X最小值："+v1+"\n"+"Y最小值："+v2+"\n"+"X最大值："+v3+"\n"+"Y最大值："+v4); break; case 2001: alert("添加标注点："+id+"\n"+"图层名："+v1+"\n"+"X坐标："+v2+"\n"+"Y坐标："+v3); parent.TOCFrame.setShapeXY(v2,v3); break; case 2003: alert("删除标注点："+id+"\n"+"图层名："+v1+"\n"+"图元编码："+v2); break; case 2004: alert("修改标注点："+id+"\n"+"图层名："+v1+"\n"+"图元编码："+v2); break; case 202:case 203: //如果图形是经纬度坐标，可以利用以下代码计算地球表面的距离，单位公里 //var pDrawer = pMap.getDrawer(); //var pPoints = pDrawer.getWorldPoints(); //alert("折线长度："+pPoints.ellipsoidDistance(1)+"公里"); alert("折线\n长度："+v1); break; case 211: alert("圆形区域\n面积："+v1 + "\n周长："+v2); break; case 212: alert("矩形区域\n面积："+v1 + "\n周长："+v2); break; case 213: //如果图形是经纬度坐标，可以利用以下代码计算地球表面的面积，单位平方公里 //var pDrawer = pMap.getDrawer(); //var pPoints = pDrawer.getWorldPoints(); //alert("多边形面积："+pPoints.ellipsoidArea()+"平方公里"); //alert("多边形区域\n面积："+v1 + "\n周长："+v2); break; case 214: alert("面积查询："+id+"\n"+"图层名："+v1+"\n"+"图元个数："+v2+"\n"+"图元面积："+v3+"\n"+"v4："+v4); break; case 201+50:case 202+50:case 203+50:case 211+50:case 212+50:case 213+50:case 214+50: alert("地图量算"+id); break; //快捷菜单 case 65://coContextMenuPre //pMap.ContextMenu("aaaaaa=8001;bbbbbb=8002",0,0); //alert("事件: "+id+"\n"+"v1："+v1+"\n"+"v2："+v2+"\n"+"v3："+v3+"\n"+"v4："+v4+"\n"+"v5："+v5); break; case 107: case 8001: case 8002: case 8003: case 8004: alert("自定义事件: "+id+"\n"+"v1："+v1+"\n"+"v2："+v2+"\n"+"v3："+v3+"\n"+"v4："+v4+"\n"+"v5："+v5); break; case 23://MouseReleased : v1=x,v2=y //var pLayer; //pLayer.setAutoLabel(0x2000); //var pInfo=pLayer.getLabelInfo(); //此处pInfo为GINote对象，可通过该参数修改标注的字体信息 //pInfo //alert("MouseReleased"); break; }
}
使用switch语句对事件id进行分支判断。那么，能否对其进行改造呢，肯定是可以的。希望能去掉这个switch语句，具体实现过程如下：
1、实现一个方法，可以判断某个函数是否存在（相当于反射，根据对象名创建对象的实例，这里采用js实现执行给定名称的函数，当然要利用eval这个有用的方法了），如果存在则执行这个方法。
/** * 判断名称为给定字符串的一个或多个函数是否存在，执行第一个存在的函数并返回值。 * @param {Array} funcArguments 函数参数 * @arguments {string} 一个或多个函数名称 * @return 函数执行后的返回值 */var applyEval = function(funcArguments) { for(var i = 1; i < arguments.length; i++) { var fName = arguments[i]; if(eval('typeof ' + fName) == "function") { return eval(fName + '.apply(this, funcArguments)'); } }}2、定义一个geobeans事件哈希表。
var userEventKey = { Key2: 'OnZoomIn', Key7: 'OnZoom', Key10: 'Onloaded', Key11: 'OnLoadLayer', Key21: 'OverView', Key36: 'OnClick', Key2001:'OnDbClick'};示例暂时先只定义这几个事件，可以自己扩展。
3、改造geobeansEvent事件回调函数，使其更利于用户扩展。
var geobeansEvent = function(){ var keyName = 'Key' + arguments[0].toString(); if(typeof userEventKey != 'undefined' && userEventKey != null) { var f1Name = userEventKey[keyName]; applyEval(arguments, f1Name); }}现在你想写哪个事件的回调函数，只要写userEventKey中对应事件的方法就可以了，比如我想在图层加载事件（事件11，userEventKey中的Key11）回调中进行自定义处理，我只要提供OnLoadLayer方法即可。
以上只是个人的一些改造方法，可能还有其它的好方法，欢迎一起讨论。
