mapXtreme for java测距仿于51地图测距（前台部分,用JQuery + dwr + vml）

//测距
var lineDis = 0;
var lineUtil = "m";
function drawline(){
if(state=="line"){
var mWorkLine=true;
var formX,formY,toX,toY;
lineDis = 0;
var mParentDiv = $("<div></div>")
mParentDiv.appendTo("#imgmap");
$("#imgmap").bind("mousedown", function(){
if (mWorkLine){
if(formX==undefined && toY==undefined){
formX=window.event.x;
formY=window.event.y;
mParentDiv.css({'position': 'absolute'});
return false;
}
toX=window.event.x;
toY=window.event.y;
$("<v:Line></v:Line>").attr("id", "line_"+formX+"_"+formY+"_"+toX+"_"+toY)
.attr("from", formX + "," + formY)
.attr("to", toX + "," + toY)
.attr("strokecolor", "red")
.attr("strokeweight", "3px")
.appendTo(mParentDiv);
loadDwr.getDis(formX,formY,toX,toY,lineDis,lineUtil,{callback:function(data){
lineUtil = data.substring(data.indexOf("|")+1,data.length);
lineDis =data.substring(0, data.indexOf("|"));
$("<div></div>").css({'top' : toY,
'left': toX,
'position': 'absolute',
'border': '#adaeac 1px solid',
'background-color': '#fbfbd9'})
.html(lineDis+lineUtil)
.appendTo(mParentDiv);
}});
formX=toX;
formY=toY;
}
});
$("#imgmap").bind("mousemove", function(){
if (mWorkLine){
if(formX==undefined && toY==undefined){return false; }
if(formX==window.event.x && toY==window.event.y){return false;}
if(document.getElementById("TempLine")){document.getElementById("TempLine").outerHTML=""}
$("<v:Line></v:Line>").attr("id", "TempLine")
.attr("from", formX + "," + formY)
.attr("to", window.event.x + "," + window.event.y)
.attr("strokecolor", "red")
.attr("strokeweight", "3px")
.appendTo(mParentDiv);
}
});
$("#imgmap").bind("dblclick", function(){
mWorkLine = false;
$("#imgmap").unbind("mousedown");
$("#imgmap").unbind("mousemove");
$("#imgmap").unbind("dblclick");
$("<img>").css({'top':formY,
'left':formX-10,
'cursor': 'pointer',
'position': 'absolute'})
.attr("src","./51/del.gif")
.attr("title", "清除本次测距")
.bind("click",function(){
$(this).parent().remove();
})
.appendTo(mParentDiv);
resetimg();
state = "";
document.getElementById("TempLine").outerHTML="";
})
}
}