📄 复件 map.aspx
字号:
"业务范围："+info[1]+"#"+
"经营时间：早上"+info[2]+" -- 下午 "+info[3]+"#"+
"公交情况："+info[4]+"路经过#";
drawPath(str[0]);
drawBank(99,lon,lat,'',infotip);
}
}
else if (functype == "4"){//中心点查找,图中取点
var lon,lat;
var str=data.split(";");
var strlalo = str[0].split(",");
lon = strlalo[0];
lat = strlalo[1];
infotip="●\n#"+
"网点名称："+str[1]+"#"+
"业务范围："+str[2]+"#"+
"经营时间：早上"+str[3]+" -- 下午 "+str[4]+"#"+
"公交情况："+str[5]+"路经过#";
if (lon == "nofoundbank")
alert("对不起,中心点附近没有找到符合条件的银行,请重新选择,谢谢!");
else
{drawBank(99,lon,lat,'银行',infotip);centerTo(lon,lat);}
}
}
/////////////////动画处理//////////////////////////////////
var startTime = new Date(); //SVG开始显示的起时间
function drawPath(pointSet)
{ //1.描出起点终点；2。绘制路径；3。动画效果,合肥－－》巢湖－－－》无为－－－》铜陵－－》池州－－》安庆
//var pointSet="117.24517,31.843507,117.26280,31.843974,117.26702,31.849583,117.27987,31.850050,117.29639,31.850518"; //路径点集合
var point = pointSet.split(",");
var paths="<path id='Travel_Route_Section_41' style='fill:none;stroke:rgb(255,0,0);stroke-width:8px;' d='";
var begintime = (new Date() - startTime)/1000; //距SVG开始显示的时间间隔,即动画显示的begin时间,单位秒
//alert(begintime);
var StartX,StartY;
var paths2 = "";
for(var i=0;i<point.length;i=i+2){//画动画
var x=lon2x(point[i]);
var y=lat2y(point[i+1]);
if (i==0)
{paths+="M "+x+","+y+" ";
paths2+="M "+x+","+y+" ";
StartX = x;StartY = y;}
else
{
paths+="L "+x+","+y+" ";paths2+="L "+x+","+y+" ";
}
}
paths+="'/>";
var layer = getTraceLayer();
parseSVG(layer,paths);
var mlength = getlength('Travel_Route_Section_41');
//alert(mlength);
paths = "<path id='Travel_Route_Section_41' style='fill:none;stroke:rgb(255,0,0);stroke-width:5px;' stroke-dasharray='"+mlength+","+mlength+"' stroke-dashoffset='"+mlength+"' d='"+paths2+"'/>";
var ani = "<animate xlink:href='#Travel_Route_Section_41' attributeName='stroke-dashoffset' values='"+mlength+";0' begin='"+begintime+"' dur='"+(mlength/200)+"' repeatCount='1' fill='freeze' calcMode='linear'/>";
var element = "<g id='Travel_Route_Section_4' style='filter:url(#OuterGlow);visibility:visible;'>"+paths+ani+"</g>";
//alert (element);
parseSVG(layer,element);
//写"起点","终点"
var element = "<g id='text_1' style='font-size:15;text-anchor:start' fill='red;font-weight:bold'>"
element += "<text x=\""+x+"\" y=\""+y+"\" dx='0em' dy='-0.5em' font-family='YouYuan'>终点</text></g>"
parseSVG(layer,element);
}
///////////////////////////////////////////////////
/*
作者:黄凯伟
时间:05年8月14日
作用:Ajax异步调用框架
*/
var req;
var funcType;
// retrieve XML document (reusable generic function);
// parameter is URL string (relative or complete) to
// an .xml file whose Content-Type is a valid XML
// type, such as text/xml; XML source must be from
// same domain as HTML file
function ajax(url,_functype){
req = false;
funcType = _functype;
// branch for native XMLHttpRequest object
if(window.XMLHttpRequest) {
try {
req = new XMLHttpRequest();
} catch(e) {
req = false;
}
// branch for IE/Windows ActiveX version
} else if(window.ActiveXObject) {
try {
req = new ActiveXObject("Msxml2.XMLHTTP");
} catch(e) {
try {
req = new ActiveXObject("Microsoft.XMLHTTP");
} catch(e) {
req = false;
}
}
}
if(req) {
var poststr = "&type="+funcType;
req.onreadystatechange = processReqChange; //Once the state changed,the function "processReqChange" will be excuted.
req.open("GET", url+poststr, true);
req.send();
}
}
parent.ajax = ajax;
/*Wait for the response*/
function processReqChange()
{
// only if req shows "complete"
if (req.readyState == 4) {
// only if "OK"
if (req.status == 200) {
//TO DO: your bussiness code
procData();
} else {
alert("获得数据遇到问题！\n请保证您的网络连接畅通；否则，请及时与管理员联系,谢谢！\n");
document.all.LoadingImg.style.visibility = "hidden";
}
}
}
/*
Read the XML file and Display the data on the map as the funcType
1- Bound search
2- Center point search
3- Shortest path
*/
function procData(){
var xmlResult = req.responseXML;
var root = xmlResult.documentElement;
var data = root.firstChild.text;
DisplayData(data,funcType);
}
//-->
//显示地图正在载入
function document.onreadystatechange()
{
if(document.readyState=="complete")
{
document.all.WelcomeImg.style.visibility="hidden";
}
}
//地图打印
function PrintBtn_onclick()
{
window.print();
}
function HelpBtn_onclick()
{
window.open('../Help/MapHelp.htm');
}
</script>
</HEAD>
<body style="VISIBILITY: visible" MS_POSITIONING="GridLayout">
<IMG id="LoadingImg" style="Z-INDEX: 106; LEFT: 250px; VISIBILITY: hidden; BORDER-TOP-STYLE: groove; BORDER-RIGHT-STYLE: groove; BORDER-LEFT-STYLE: groove; POSITION: absolute; TOP: 200px; BORDER-BOTTOM-STYLE: groove"
src="loading.gif"> <IMG id="WelcomeImg" style="Z-INDEX: 106; LEFT: 180px; VISIBILITY: visible; POSITION: absolute; TOP: 200px"
src="welcome.gif">
<form id="Form1" method="post" runat="server">
<TABLE id="Table1" style="Z-INDEX: 103; LEFT: 8px; WIDTH: 832px; POSITION: absolute; TOP: 8px; HEIGHT: 460px"
cellSpacing="1" cellPadding="1" width="832" border="0">
<!--工具栏开始-->
<TR>
<TD style="WIDTH: 53px" vAlign="top" align="center" rowSpan="2"><FONT face="宋体"><FONT face="宋体">
<DIV id="ToolsBar" style="WIDTH: 49px; POSITION: relative; HEIGHT: 248px" ms_positioning="GridLayout">
<FIELDSET class="BtnField" title="区域放大" style="Z-INDEX: 102; LEFT: 8px; WIDTH: 24px; CURSOR: hand; POSITION: absolute; TOP: 8px; HEIGHT: 24px"><IMG language="javascript" id="ZoomBtn" onclick="return ZoomBtn_onclick()" src="../images/Map/zoom0.gif">
</FIELDSET>
<FIELDSET class="BtnField" title="清除地图上所有标记,恢复原图" style="Z-INDEX: 109; LEFT: 8px; WIDTH: 34px; CURSOR: hand; POSITION: absolute; TOP: 168px; HEIGHT: 32px"><asp:imagebutton id="ImageButton1" runat="server" ImageUrl="../images/Map/reset.gif" Height="28px"
Width="28px"></asp:imagebutton></FIELDSET>
<FIELDSET class="BtnField" title="测量距离" style="Z-INDEX: 108; LEFT: 8px; WIDTH: 24px; CURSOR: hand; POSITION: absolute; TOP: 48px; HEIGHT: 24px"><IMG language="javascript" id="RulerBtn" onclick="return RulerBtn_onclick()" src="../images/Map/ruler.gif">
</FIELDSET>
<FIELDSET class="BtnField" title="区域选择" style="Z-INDEX: 103; LEFT: 8px; WIDTH: 24px; CURSOR: hand; POSITION: absolute; TOP: 88px; HEIGHT: 24px"><IMG language="javascript" id="RectBtn" onclick="return RectBtn_onclick()" src="../images/Map/contour.gif">
</FIELDSET>
<FIELDSET class="BtnField" title="打印当前地图" style="Z-INDEX: 105; LEFT: 8px; WIDTH: 24px; CURSOR: hand; POSITION: absolute; TOP: 128px; HEIGHT: 24px"><IMG language="javascript" id="PrintBtn" onclick="return PrintBtn_onclick()" src="../images/Map/print.gif">
</FIELDSET>
<FIELDSET class="BtnField" title="使用帮助" style="Z-INDEX: 107; LEFT: 8px; WIDTH: 24px; CURSOR: hand; POSITION: absolute; TOP: 208px; HEIGHT: 24px"><IMG language="javascript" id="HelpBtn" onclick="return HelpBtn_onclick()" src="../images/Map/help.gif">
</FIELDSET>
</DIV>
</FONT></FONT>
</TD>
<!--工具栏结束-->
<TD style="WIDTH: 498px" vAlign="top" rowSpan="2">
<div id="map" style="Z-INDEX: 104">
<FIELDSET id="mapcontent" style="WIDTH: 508px; HEIGHT: 439px" DESIGNTIMEDRAGDROP="859"><legend style="CURSOR: hand" align="right"><span id="TimeSpan" style="FONT-WEIGHT: bold; FONT-SIZE: 10pt; COLOR: #d00c10" runat="server">合肥市地图</span></legend>
<TABLE id="Table2" style="WIDTH: 504px; HEIGHT: 432px" cellSpacing="1" cellPadding="1"
width="504" border="0">
<TR>
<TD width="478" rowSpan="3"><embed id="svgmap" style="WIDTH: 480px; HEIGHT: 455px" name="svgMap" pluginspage="http://www.adobe.com/svg/viewer/install/"
align="top" src="map.svg" width="480" height="455" type="image/svg+xml" wmode="transparent"></TD>
<!--拖动条开始-->
<TD vAlign="bottom" width="19" height="23"><IMG src="../Images/Map/+.gif"></TD>
</TR>
<TR>
<TD id="ZoomContainer" title="调节放大倍数" onclick="return ZoomContainer_onclick()" vAlign="top"
align="center" background="../Images/Map/bg.gif" height="407"><IMG language="javascript" onmouseup="ZoomBar_DragEnd()" onmousemove="ZoomBar_Drag()"
onmousedown="ZoomBar_DragStart()" id="ZoomBar" style="WIDTH: 16px; CURSOR: hand; POSITION: relative; TOP: 400px" onmouseout="ZoomBar_DragEnd()"
height="8" src="../Images/Map/bar.gif" width="16"></IMG>
</TD>
</TR>
<TR>
<TD><IMG src="../Images/Map/-.gif"></TD>
</TR>
<!--拖动条结束--></TABLE>
</FIELDSET>
</div>
</TD>
<!--缩略地图开始-->
<TD style="HEIGHT: 123px" height="123">
<FIELDSET id="minimapcontent" style="WIDTH: 136px; HEIGHT: 144px"><LEGEND style="CURSOR: hand" align="left"><span id="Span2" style="FONT-WEIGHT: bold; FONT-SIZE: 10pt; COLOR: #d00c10" runat="server">缩略地图</span></LEGEND>
<DIV style="LEFT: 0px; WIDTH: 100px; POSITION: relative; TOP: 0px; HEIGHT: 100px" ms_positioning="FlowLayout"><IMG id="MiniMap" title="地图键盘操作：F11全屏 ↑北移 →东移 ↓南移 ←西移" style="WIDTH: 128px; HEIGHT: 120px"
height="120" src="miniMap1.jpg" width="128"><SPAN language="javascript" onmouseup="MiniRect_DragEnd()" class="MiniRect" onmousemove="MiniRect_Drag()"
onmousedown="MiniRect_DragStart()" id="MiniRect" title="拖移地图" style="FONT-SIZE: 1pt; LEFT: 575px; VISIBILITY: hidden; POSITION: absolute; TOP: 25px"
onmouseout="MiniRect_DragEnd()"></SPAN>
</DIV>
</FIELDSET>
</TD>
<!--缩略地图结束-->
</TR>
<TR> <!--查询区开始-->
<TD vAlign="top" align="center" colSpan="1" height="218" rowSpan="1">
<FIELDSET id="find" style="WIDTH: 257px; HEIGHT: 327px"><legend style="CURSOR: hand" align="left"><span id="Span1" style="FONT-WEIGHT: bold; FONT-SIZE: 10pt; COLOR: #d00c10" runat="server">银行地图查询</span></legend>
<table class="tableborder1" style="MARGIN-TOP: 10px; WIDTH: 242px; HEIGHT: 140px" cellSpacing="1"
cellPadding="3" width="242" align="center">
<tr align="center">
<th style="HEIGHT: 26px" vAlign="bottom" align="left" width="15%" height="26">
<FONT face="宋体"><IMG alt="" src="../Images/dot1.gif" align="bottom">查找距中心点最近的银行网点</FONT>
</th>
</tr>
<TR class="tablebody1">
<TD style="HEIGHT: 67px" vAlign="middle" align="left" width="15%" height="67"> 中心地物
</FONT> <INPUT class="input1" id="keyword" type="textfield" size="15" name="keyword" height="14"><FONT face="宋体" color="#ff0000"> 如:华联</FONT><BR>
<FONT face="宋体"> 所属银行</FONT><FONT face="宋体" color="#ff0000"> <SELECT id="bankname" name="bankname">
<OPTION value="花旗银行" selected>花旗银行</OPTION>
<OPTION value="工商银行">工商银行</OPTION>
<OPTION value="建设银行">建设银行</OPTION>
<OPTION value="中国银行">中国银行</OPTION>
</SELECT> </FONT><BR>
<FONT face="宋体"> 待办业务 </FONT><SELECT id="business" name="business">
<OPTION value="ATM">ATM</OPTION>
<OPTION value="办理汇票">办理汇票</OPTION>
<OPTION value="外汇业务">外汇业务</OPTION>
<OPTION value="大额取款">大额取款</OPTION>
<OPTION value="信用卡业务">信用卡业务</OPTION>
<OPTION value="汇票办理" selected>汇票办理</OPTION>
</SELECT><br>
<br>
<FONT face="宋体"> </FONT><input class="button1" id="GoBack232" onmouseover="this.className='button2'" title="开始以此点为中心查找最近的银行网点"
onclick="centerfind()" onmouseout="this.className='button1'" type="button" value="开始查找"><FONT face="宋体" color="#ff0000">
</FONT><INPUT class="button1" id="Button1" onmouseover="this.className='button2'" title="重新输入"
onmouseout="this.className='button1'" type="reset" value="重新输入" name="Button1">
</TD>
</TR>
</table>
<TABLE class="tableborder1" id="Table3" style="MARGIN-TOP: 10px; WIDTH: 242px; HEIGHT: 128px"
cellSpacing="1" cellPadding="3" width="242" align="center">
<TR align="center">
<TH style="HEIGHT: 24px" vAlign="bottom" align="left" width="15%" height="24">
<FONT face="宋体"><IMG alt="" src="../Images/dot1.gif" align="bottom">查找距图中任意处较近的银行网点</FONT></TH></TR>
<TR class="tablebody1">
<TD vAlign="middle" align="center" width="15%" height="23"><FONT face="宋体">经度 </FONT><INPUT class="input1" id="lon" style="WIDTH: 63px; HEIGHT: 19px" disabled type="textfield"
value="0.0" height="14"><FONT face="宋体" color="#ff0000"> <FONT color="#000066">
纬度 <INPUT class="input1" id="lat" style="WIDTH: 63px; HEIGHT: 19px" disabled type="textfield"
value="0.0" height="14"></FONT></FONT><BR>
<BR>
<INPUT class="button1" id="ChoosePonitBtn" onmouseover="this.className='button2'" title="在左图中选取您所在处,请点在离您最近的道路上"
onclick="return ChoosePonitBtn_onclick()" onmouseout="this.className='button1'" type="button"
value="图中选点"><FONT face="宋体"> <INPUT class="button1" onmouseover="this.className='button2'" title="开始查找最近银行,但不给出最优路径"
onclick="Shortest('b');" onmouseout="this.className='button1'" type="button" value="最近银行"> </FONT><INPUT class="button1" onmouseover="this.className='button2'" title="开始最优路径查找" onclick="Shortest('a');"
onmouseout="this.className='button1'" type="button" value="最优路径"> <FONT face="宋体"> </FONT><br>
<br>
<font color="red">1.建议在距离您最近的道路上点击；<br>
2.路径是最优路径,非最短路径。</font></TD>
</TR>
</TABLE>
</FIELDSET>
</TD>
<!--查询区结束--></TR>
</TABLE>
</form>
</body>
</HTML>
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -