MapNav驾车导航系统

SiteMap

<div class="cell" id="route_result_ptp">
	<p class="dir_title" id="get_route_title">公交前往: ${result.routes[0].dest.name} (${result.routeStyleCn})</p>
	<p>当前搜索范围:  ${result.q.options.origRadius}/${result.q.options.destRadius}/${result.q.options.transRadius} (米)</p>
	<p>公交线路比较:
		<input id="searchbus" style="width: 80px" class="input_field input_mulitDir" onkeydown="if(mc12580)mc12580.submitSearchPtpLine(event);"/>
		<input type='button' class='btn btn_medium' value='查询' onclick="if(mc12580)mc12580.searchPtpLine();"/>
	</p>
	<p></p>
	<div id="tpl_route_ptp_list_div">
	</div>
	<p></p>
	<div id="routeTab">
	<div align="left">
	{if result.routes.length>1}
	<select id="routeSelect" onchange="page_control.switchPtpTab()">
	{for route in result.routes}
	<option value="${route_index}">${result.alphabetUpper.substring(parseInt(route_index),parseInt(route_index)+1)}点至${result.alphabetUpper.substring(parseInt(route_index)+1,parseInt(route_index)+2)}点</option>
	{/for}
	</select>
	{/if}
	</div>
	</div>
	
	<p></p>
	
	
	{for route in result.routes}
	<div id="ptp_route_${route_index}" name="ptp_route_div" {if route_index !=0} style='display:none' {/if}>
	
	{if route.errorCode >= 0 && route.plans }
	<h4 id="ptp_suggest_route_dlg_title" class="alter_route close gray"  onclick="page_control.toggleAlternateRoutePtp(this);return false;">建议路线</h4>
	<span class='revertRoute'><a href="javascript:void(0)" onclick="if(map_control)map_control.reverseRoute2();return false;">返程求路</a></span>
	
	<div id ="ptp_suggest_route_dlg_content">
	<table cellspacing="0" cellpadding="0" border="0" style="width: 98%;">
		<tbody>
		{for plan in route.plans}
		{if route_index == 0 && plan_index == 0}
		<input type='hidden' id='defaultPtpPlanId' value='${plan.id }'/>
		{/if}
		{if plan_index == 3}
		<tr id="showtr_${route_index}">
			<td colspan="4"><div style="text-align: right;padding-right: 18px"><a style="cursor: pointer" onclick="page_control.showHideMorePlan('${route_index}');">展开</a></div></div></td>
		</tr>
		{/if}
		<tr name="ptp_plan" id="ptp_plan_${plan.id}" class="dir_altroute {if plan_index ==0} altroute_current {/if}"  {if plan_index >2}style="display:none"{/if} >
			<td style="width: 600px;border-top:1px solid #D4D4D4" onclick="page_control.switchPtpPlan('${route_index}','${plan.id}')" 
			onmouseover="mc12580.showGuidenceBubble(this,1,'${plan.id}');map_control.preViewRouteShow('${plan.id}');" 
			onmouseout="mc12580.hideGuidenceBubble();map_control.preViewRouteHide('${plan.id}');"
			>
				<span class="route_name" style="text-decoration: none;" onmouseover="this.style.textDecoration='underline'" onmouseout="this.style.textDecoration='none'">
				
				{for bus in plan.buses}
					{if bus_index != 0}<input type="button" class="trans_icon">{/if}${bus}
				{/for}
				</span>
				<br>
				<span id="route_mile_0" class="route_mile" style="padding-top: 3px;">总距离 ${plan.lengthMeter} 米  步行 ${plan.lengthPedestrian} 米  途径 ${plan.stationCount} 站</span>
			</td>
			<td class="right" style="border-top:1px solid #D4D4D4">
				<span id="route_time_0" class="route_time"> ${parseInt(plan.costMinute)} 分钟</span><br>
				<span style="float: right; padding-top: 3px;">
				<a class="login_lockTip send_to_phone" onclick="page_control.sendMultiMms('${plan.id}');return false;" href="javascript:void(0);">发送</a></span>
			</td>
		</tr>
		{if plan_index == (route.plans.length-1)}
		<tr id="hidetr_${route_index}" style="display: none">
			<td colspan="4"><div style="text-align: right;padding-right: 18px"><a href="javascript:void(0);" style="cursor: pointer" onclick="page_control.showHideMorePlan('${route_index}');">收起</a></div></td>
		</tr>
		{/if}
		{if route.more == '1' && plan_index == (route.plans.length-1)}
		<tr id="hidetr_${route_index}">
			<td colspan="4"><div style="text-align: right;padding-right: 18px"><a href="javascript:void(0);" style="cursor: pointer" onclick="page_control.getMorePtpPlan('${route_index}');">获取更多路线</a></div></td>
		</tr>
		{/if}
		{/for}
	</tbody></table>
	</div>
	{elseif route.errorCode == -99}
	<div class="warning_box">
	当前路线最少需要4次以上换乘，建议适当提高搜索范围以获得更优路线。
	<p></p>
	<ul class="info_list">
			<li class="map_icon"><a href="#" onclick="page_control.toggleGetDirectionPanel();">点击变更搜索范围</a></li>
	</ul>
	</div>
	{else}
	<div class="warning_box">
	对不起，找不到公交线路。
	<p></p>
	<ul class="info_list">
			<li class="map_icon">${route.errorString}</li>
			<li class="map_icon">请检查您输入的信息是否正确。</li>
	</ul>
	</div>
	{/if}
	</div>
	{/for}
	
	
	{if result.oldroutes}
	<p></p>
	
	
	{for route in result.oldroutes}
	<div id="ptp_old_route_${route_index}" name="ptp_route_div" {if route_index !=0} style='display:none' {/if}>
	
	{if route.errorCode >= 0 && route.plans }
	<h4 id="ptp_suggest_old_route_dlg_title" class="alter_route close gray"  onclick="page_control.toggleAlternateRoutePtp2(this);return false;">原路线</h4>
	<div id ="ptp_suggest_old_route_dlg_content">
	<table cellspacing="0" cellpadding="0" border="0" style="width: 98%;">
		<tbody>
		{for plan in route.plans}
		{if plan_index == 3}
		<tr id="old_showtr_${route_index}">
			<td colspan="4"><div style="text-align: right;padding-right: 18px"><a style="cursor: pointer" onclick="page_control.showHideMorePlan2('${route_index}');">展开</a></div></div></td>
		</tr>
		{/if}
		<tr name="ptp_plan" id="ptp_plan_${plan.id}" class="dir_altroute"  {if plan_index >2}style="display:none"{/if} >
			<td style="width: 600px;border-top:1px solid #D4D4D4" onclick="page_control.switchPtpPlan('${route_index}','${plan.id}')" 
			onmouseover="mc12580.showGuidenceBubble(this,1,'${plan.id}');map_control.preViewRouteShow('${plan.id}');" 
			onmouseout="mc12580.hideGuidenceBubble();map_control.preViewRouteHide('${plan.id}');"
			>
				<span class="route_name" style="text-decoration: none;" onmouseover="this.style.textDecoration='underline'" onmouseout="this.style.textDecoration='none'">
				
				{for bus in plan.buses}
					{if bus_index != 0}<input type="button" class="trans_icon">{/if}${bus}
				{/for}
				</span>
				<br>
				<span id="route_mile_0" class="route_mile" style="padding-top: 3px;">步行 ${plan.lengthPedestrian} 米  途径 ${plan.stationCount} 站</span>
			</td>
			<td class="right" style="border-top:1px solid #D4D4D4">
				<span id="route_time_0" class="route_time"> ${parseInt(plan.costMinute)} 分钟</span><br>
				<span style="float: right; padding-top: 3px;">
				<a class="login_lockTip send_to_phone" onclick="page_control.sendMultiMms('${plan.id}');return false;" href="javascript:void(0);">发送</a></span>
			</td>
		</tr>
		{if plan_index == (route.plans.length-1)}
		<tr id="old_hidetr_${route_index}" style="display: none">
			<td colspan="4"><div style="text-align: right;padding-right: 18px"><a href="javascript:void(0);" style="cursor: pointer" onclick="page_control.showHideMorePlan2('${route_index}');">收起</a></div></td>
		</tr>
		{/if}
		{/for}
	</tbody></table>
	</div>
	
	{/if}
	</div>
	{/for}
	{/if}
	
	{for route in result.routes}
	<div id="ptp_route_content_${route_index}" name="ptp_route_content" {if route_index!=0} style='display: none' {/if} > 
		{if route.errorCode>=0 && route.plans}
		{for plan in route.plans}
		<div {if plan_index!=0} style='display: none' {/if} id="ptp_route_plan_${plan.id}" name="ptp_route_plan_div" class="dir_content">
			<ul class="list_dirResult">
	        <li> 
				<div class="markicon"><input type="button" border="0" class="mp dir-${result.alphabetUpper.substring(route_index,(parseInt(route_index)+1)) }" onfocus="this.blur()" onclick="map_control.select_address('${parseInt(route_index)+1}','get_map',false);return false;"></div>
	        	<div class="indent" onclick="map_control.select_address('${parseInt(route_index)+1}','get_map',false);return false;"><a href="javascript:void(0);" onclick="return false;">${route.orig.county}</a></div>   
			</li>
			</ul>
	         <table cellspacing="0" cellpadding="0" class="dir_step">
	         <tbody>
	       	{for section in plan.section}
	       	{if section.length>=0}
		    <tr class="trline" id="${section.sectionId}" 
		    onmouseover="map_control.highLightSectionShow('${plan.id}','${section.sectionId}')" 
			onmouseout="map_control.highLightSectionHide('${plan.id}','${section.sectionId}')"
			onclick="map_control.focusSection('${plan.id}','${section.sectionId}')">
		        <td class="dir_digit" style="line-height: 10px">
		        {if (section.type==4 || section.type==5)}<input type="button" class="${result.metroIcon}">
		        {elseif section.type==0}<input type="button" class="walk_icon">
		        {else}<input type="button" class="bus_icon">
		        {/if}
		        </td>
		        <td class="dir_msg" style="line-height: 20px">${section.guidance} {if section.warning}<font color="red">(${section.warning})</font>{/if} 
		        {if (section.type==0 && section.length!=0 && !section.sameStop)}<br><a onclick="page_control.showWalkDetail(this,'${section.sectionId}')" class="traffic_close">步行详情</a>
		        {elseif section.type!=0}<br><a onclick="page_control.showStationDetail(this,'${section.sectionId}')" class="traffic_close">站点详情</a>{/if}
		        </td>
		    	<td class="dir_distance" style="padding-right: 12px;">{if section.length!=0 && !section.sameStop}  <strong>${section.length} ${section.lengthUnit}{/if}</strong></td>
		    </tr>
		    {/if}
		    {if section.type!=0}
		    <tr id="stationDetail_${section.sectionId}" style="display: none">
		    <td colspan="3" style="padding: 0px">
		    <table width="100%" style="cursor: default;">
		    {for stop in section.ptpStops}
		    {if stop_index!=0}
		    <tr><td style="padding-left:37px;{if stop_index==(section.ptpStops.length-1)}border-bottom:none{/if}"><a href="javascript:void(0)" onclick="map_control.select_address('ptpstop_${parseInt(section.from)+parseInt(stop_index)}','get_map',false)" onmouseover="map_control.showAddressTip('${stop.name}','${stop.latLon.lat}','${stop.latLon.lon}')" onmouseout="map_control.removeAddressTip()">${stop_index}.${stop.name}</td></tr>
		    {/if}
		    {/for}
		    </table>
		    </td>
		    </tr>
		    {/if}
		    {if section.type==0 && section.length>0}
		    <tr id="walkDetail_${section.sectionId}" style="display: none">
		    <td colspan="3" style="padding: 0px">
		    <table width="100%" style="cursor: default;">
		    <tr><td><input type="button" class="loader_icon"></td></tr>
		    </table>
		    </td>
		    </tr>
		    {/if}
	         {/for}
	         </tbody>
	         </table>            
			<ul class="list_dirResult">
				<li> 
					<div class="markicon"><input type="button" border="0" class="mp dir-${result.alphabetUpper.substring((parseInt(route_index)+1),(parseInt(route_index)+2)) }" onclick="map_control.select_address('${parseInt(route_index)+2}','get_map',false);return false;"></div>
					<div class="indent" onclick="map_control.select_address('${parseInt(route_index)+2}','get_map',false);return false;"><a href="javascript:void(0);" onclick="return false;">${route.dest.county}</a></div>                    
				</li>
			</ul>
		</div>
		{/for}
		{/if}
		
		{if result.oldroutes && result.oldroutes.length>route_index && result.oldroutes[route_index].errorCode>=0 && result.oldroutes[route_index].plans}
		{for plan in result.oldroutes[route_index].plans}
		<div style='display: none' id="ptp_route_plan_${plan.id}" name="ptp_route_plan_div" class="dir_content">
			<ul class="list_dirResult">
	        <li> 
				<div class="markicon"><input type="button" border="0" class="mp dir-${result.alphabetUpper.substring(route_index,(parseInt(route_index)+1)) }" onfocus="this.blur()" onclick="map_control.select_address('${parseInt(route_index)+1}','get_map',false);return false;"></div>
	        	<div class="indent" onclick="map_control.select_address('${parseInt(route_index)+1}','get_map',false);return false;"><a href="javascript:void(0);" onclick="return false;">${route.orig.county}</a></div>   
			</li>
			</ul>
	         <table cellspacing="0" cellpadding="0" class="dir_step">
	         <tbody>
	       	{for section in plan.section}
	       	{if section.length>=0}
		    <tr class="trline" id="${section.sectionId}" 
		    onmouseover="map_control.highLightSectionShow('${plan.id}','${section.sectionId}')" 
			onmouseout="map_control.highLightSectionHide('${plan.id}','${section.sectionId}')"
			onclick="map_control.focusSection('${plan.id}','${section.sectionId}')">
		        <td class="dir_digit" style="line-height: 10px">
		        {if (section.type==4 || section.type==5)}<input type="button" class="${result.metroIcon}">
		        {elseif section.type==0}<input type="button" class="walk_icon">
		        {else}<input type="button" class="bus_icon">
		        {/if}
		        </td>
		        <td class="dir_msg" style="line-height: 20px">${section.guidance} {if section.warning}<font color="red">(${section.warning})</font>{/if} {if (section.type==0 && section.length!=0 && !section.sameStop)}<br><a onclick="page_control.showWalkDetail(this,'${section.sectionId}')" class="traffic_close">步行详情</a>
		        {elseif section.type!=0}<br><a onclick="page_control.showStationDetail(this,'${section.sectionId}')" class="traffic_close">站点详情</a>{/if}
		        </td>
		    	<td class="dir_distance" style="padding-right: 12px;">{if section.type==0 && section.length!=0 && !section.sameStop}  <strong>${section.length} ${section.lengthUnit}{/if}</strong></td>
		    </tr>
		    {/if}
		    {if section.type!=0}
		    <tr id="stationDetail_${section.sectionId}" style="display: none">
		    <td colspan="3" style="padding: 0px">
		    <table width="100%" style="cursor: default;">
		    {for stop in section.ptpStops}
		    {if stop_index!=0}
		    <tr><td style="padding-left:37px;{if stop_index==(section.ptpStops.length-1)}border-bottom:none{/if}"><a href="javascript:void(0)" onclick="map_control.select_address('ptpstop_${parseInt(section.from)+parseInt(stop_index)}','get_map',false)" onmouseover="map_control.showAddressTip('${stop.name}','${stop.latLon.lat}','${stop.latLon.lon}')" onmouseout="map_control.removeAddressTip()">${stop_index}.${stop.name}</td></tr>
		    {/if}
		    {/for}
		    </table>
		    </td>
		    </tr>
		    {/if}
		    {if section.type==0 && section.length>0}
		    <tr id="walkDetail_${section.sectionId}" style="display: none">
		    <td colspan="3" style="padding: 0px">
		    <table width="100%" style="cursor: default;">
		    <tr><td><input type="button" class="loader_icon"></td></tr>
		    </table>
		    </td>
		    </tr>
		    {/if}
	         {/for}
	         </tbody>
	         </table>            
			<ul class="list_dirResult">
				<li> 
					<div class="markicon"><input type="button" border="0" class="mp dir-${result.alphabetUpper.substring((parseInt(route_index)+1),(parseInt(route_index)+2)) }" onclick="map_control.select_address('${parseInt(route_index)+2}','get_map',false);return false;"></div>
					<div class="indent" onclick="map_control.select_address('${parseInt(route_index)+2}','get_map',false);return false;"><a href="javascript:void(0);" onclick="return false;">${route.dest.county}</a></div>                    
				</li>
			</ul>
		</div>
		{/for}
		{/if}
	</div>
	{/for}
	</div>

{if result.rtnCode == 'MU_DIR_NF'}
<div class="warning_box">对不起，找不到驾驶路径。</div>
<div class="cell">
	<h3>建议： </h3>
	<ul class="info_list">
		<li class="map_icon">请检查您输入的信息是否正确。</li>
		<li class="map_icon">请尽量避免将途径点设置在无法行驶的位置上。</li>			
	</ul>		
</div>
{/if}

<div class="cell" id="route_result_car">
{if result.rtnCode == 'MU_DIR_OK'}
<p class="dir_title" id="get_route_title">驾车前往: ${result.q.addr[(result.q.addr.length-1)].name} (${result.routeStyleCn})</p>
     <br>
     <p id="direction_via_address" ><span class='revertRoute'><a href="javascript:void(0)" onclick="if(map_control)map_control.reverseRoute2();return false;">返程求路</a></span>
</p>

{if result.routes.length > 0}
<p>出租车参考费用 : <strong><span id="taxiCost"></span>  元</strong></p>
<h4 id="suggest_route_dlg_title" class="alter_route close gray" style="display:{if result.routes.length>1}block{else}none{/if};" onclick="page_control.toggleAlternateRoute();return false;">建议路线</h4>
<div id="suggest_route_dlg_content" class="clearboth">
	{for route in result.routes}
	<div class="dir_altroute {if route_index == 0} altroute_current{/if}" id="dir_altroute_${route.routeID}" 
		onclick="map_control.switchRoute(${route.routeID}, ${route_index });return false;" 
		onmouseover="mc12580.showGuidenceBubble(this,0,'${route.routeID}');map_control.preViewRouteShow(${route.routeID});" 
		onmouseout="mc12580.hideGuidenceBubble();map_control.preViewRouteHide(${route.routeID});">
		<table style="width:100%;" border="0" cellspacing="0" cellpadding="0">
			<tr>
				<td>
				<span class="route_name" style="text-decoration: none;">驾车路线${parseInt(route_index)+1}</span>
				<br/>
				<span style="padding-top:3px;" class="route_mile" id="route_mile_${route_index}" >${route.distance}</span>
				</td>
				<td class="right" >
				<span class="route_time" id="route_time_${route_index}">${route.duration}</span>
				<br/>
				<span style="float: right;padding-top:3px;">
					{if result.isShowCorrect == true}
					<a href="#" onclick="mc12580.correctForGD('${route.routeID}');">
						纠错
					</a>
					  <span class="weaken">|</span>  
					{/if}					
					<a href="javascript:void(0);" onclick="mc12580.sendDrivingMms('${route.routeID}');return false;" class="login_lockTip send_to_phone">
                    	发送
                   	</a>
                </span>
                </td>
               	<td width="1px">
               	</td>
			</tr>
		</table>
	</div>	
	{/for}
</div>
{/if}

{if result.prevRouteDist}
<div id="gotoPrevRouteSection" >
	<div id="origRouteInfo" style="float:left;">
	原先选中路线:${result.prevRouteDist }	${result.prevRouteDur} </div>
	<div id="" style="float:right;margin-right:10px">
		<a href="javascript:void(0);" onclick="map_control.backPrevRoute();return false;">恢复原路线</a>  
	</div>
</div>
{/if}

<div id="route_summary">
{for route in result.routes}
<div class="dir_content" id="routeContent${route.routeID}" {if route_index != 0} style="display: none"{/if}>
{for addr in result.addrs}
{if addr_index < (result.addrs.length-1)}
<table class="dir_step" cellspacing="0" cellpadding="0"><tbody>
	{if addr_index == 0 || result.isMulRoute == true}
	<tr>
		<td colSpan="3">
			<ul class="list_dirResult">
	     	<li> 
	        	<div class="markicon"><input onfocus="this.blur()" type="button" border="0" class="mp dir-${result.alphabetUpper.substring(addr_index,(parseInt(addr_index)+1)) }" /></div>
				<div class="indent"><a href="javascript:void(0);" onclick="map_control.select_address(1,'get_map', null, true, true);return false;">${addr}</a></div>   
			</li>
			</ul>
	   	</td>
	   	<td width="5"></td>
   	</tr>
    {/if}
    {for turn in route.turns[addr_index]}  
	<tr onclick="map_control.show_step_on_map(${parseInt(turn_index)+1});return false;" id="step_li_${route_index}_${parseInt(turn_index)+1}" class="trline" onmouseover="map_control.showDrivingHighlight('${route.routeID}','${turn_index}');" onmouseout="map_control.removeDrivingHighlight();">
		<td class="dir_digit">${turn.sequence}.</td>
		<td class="dir_msg">${turn.message}</td>
		
		<td class="dir_traffic_msg">		
		  		
		</td>
		<td>
		<a href="javascript:void(0);" class="new_icon new_del" onclick="map_control.avoidRoadBlock('${turn.trafficIds}');event.cancelBubble=true;" title="回避"/>
		</td>
  	</tr>
    {/for}
</tbody></table>
{/if}          
{/for}
<div class="list_dirResult_subsummary">${route.distance} - 大约 ${route.duration}</div>
<div class="clearboth"></div>
<ul class="list_dirResult">
	<li> 
		<div class="markicon"><input type="button" border="0"  class="mp dir-${result.alphabetUpper.substring(result.addrs.length-1,result.addrs.length) }" /></div>
		<div  class="indent"><a href="javascript:void(0);" onclick="map_control.select_address(2,'get_map', null, true, true);return false;">${result.addrs[(result.addrs.length-1)]}</a></div>                    
	</li>
</ul>
<div class="clearboth"></div>
{if result.isTfcValid && route.traffic}
<div style="display: none">路況：${route.traffic}</div>
{/if}
</div>
{/for}
</div>

{/if}
</div>

路况报告发送短彩复位

关闭

My Maps

Pedometer

地址本

浏览插件

Whereboutz

上海

城市列表

发送反馈

姓名:

电子邮件:

说明留言:

Tips and Info

Live Traffic
Historical Traffic
Day:

路况报告 发送短彩 复位

关闭