gps功能的开发

记录一下gps开发的过程
需求：金蝶eas二开时，在安装工单分录的设备id设置超链接，这个超链接点进去查看当前设备的信息，通过经纬度在百度地图展现。
具体展现：
需要实现的效果：在上部添加对应的设备id和当前设备的位置，小表格中添加需要的接口返回值

需要的准备工作：
a：添加接口方提供的jar；
b：在接口配置单据中添加接口地址，以及需要的参数
c：在百度地图开发中心添加应用

实现：
1：设置设备id的超链接，点击后打开新页面CarGPSPage，把设备id传到这个页面

/**
    		 * GPS安装工单的车载号码列，在单据查看状态下，要设置为超链接，允许用户点击后，查看和验证GPS的信号活动情况
    		 */
	fieldOnLoadAfter:function(e){
   
    		 var rowIds=waf("#editGrid0").wafGrid("getDataIDs");
    		 var carZNum=null;
    		 if(rowIds!=null){
   
    			 for(var i=0;i<rowIds.length;i++){
   
    				 var ret=waf('#editGrid0').wafGrid('getRowRealData',rowIds[i],'itId');
    	    			if(ret!=null&&ret.itId!=""&&ret.itId!=""){
   
    	    				var o = waf("#editGrid0").wafGrid("getCellObject",rowIds[i],"itF7ID")
    	    				var n = $("<td role='gridcell' style='text-align:center;' class='formatCell' title='"+ret.itId+"' aria-describedby='editGrid0_remark' oripos='6'>" +
    	    					"<a href='javascript:void(0)' class='formatter-link' οnclick='_self.viewAndCheckGPS(\""+ ret.itId + "\")'>"+ret.itId+" </a></td>");
    	    				$(o).replaceWith(n);   
    	    			}
    			 }
    		}
    	}
    }   
 /**
     * 查看和验证GPS的信号活动情况
     */
    _self.viewAndCheckGPS = function (value){
   
    	var rowIds=waf("#editGrid0").wafGrid("getDataIDs");
    	if(value){
   
    		var uipk ="com.kingdee.eas.topview.fi.car.webwaf.loanBefore.CarGPSPage";
	        var url = waf.getDynamicEditContextPath() + "?event=initialize&method=doEvent&uipk="+uipk+"&gpsid="+waf.encodeURIComponent(value)+"&inwafpage=true";
	        var option = {
   
	        	gpsid: value,
	            url: url,
	            close: function(){
   
//	                waf("#queryGrid").dataGrid("reloadGridWithState");
	            }
	        };
	        window.open(option.url,"_blank"); 
    	}
	};

2：在打开的carGpsPage中请求接口，以及处理接口返回值的显示

_pageOnloadAfter:function(e){
   
	    	//引入图片css
			_private.include_css(waf.getContextPath()+"/webviews/extend/topview/fi/car/webwaf/loanBefore/css/CarGPSPageStyle.css");
			var urlParam = waf.getUrlParams(document.location.href);
			var gpsid = urlParam.gpsid;
			 var width = window.innerWidth;
             var height = window.innerHeight;
            waf.doGet({
   
                url: waf.getContextPath() + "/topview/fi/car/web/loanBefore/gPSInsItems/getCarGPSByPlateNum.do?deviceId="+encodeURI(gpsid),
                showBlock: false,
                async:false,
                success: function(data){
   
                    var i = 1;
                    if(data){
   
                        $("#panel0").append("<div id='base' class=''>"+
                                "<!-- Unnamed (车辆的状态图片，车牌号，位置信息) -->"+
                                "<div id='car_num_place_div' width='1240px' height='30px'    >" +
                                    "<table width='1240' height='40' border='0' align='center' cellpadding='1' cellspacing='0'  >"+
                                          "<tr >"+
                                                // "<td  id = '' align='right' width='20' ><img id ='stateImg' src='"+data.locs[0].stateImg+"'></td>"+
                                                "<td  id = 'deviceIDName' align='center' width='80'><b  style='font-size:15px'>设备ID:</b></td>"+
                                                "<td  id = 'deviceID' align='left' width='240' style='font-size:13px'>"+data.dtu_id+"</td>"+
                                                "<td  id = 'locationName' align='center' width='60'><b style='font-size:15px'>位置:</b></td>"+
                                                "<td  id = 'location' align='left' style='font-size:13px' >"+data.dtu_id+"</td>"+
                                          "</tr>"+
                                    "</table>"+
                                "</div>"+