删除线路

此示例是一个自驾车搜索。搜索从西单到搜狐网络大厦，的驾车路线。并显示在地图上。点击 清除结果按钮清除线路。

关键代码

new sogou.maps.Marker({'map':map,'position':new sogou.maps.Point(12954750,4833500),'title':'不许删我！！',label:{visible:true}})
function callback(result){
	var option={'map':map,'drivingResult':result};
	var dRenderer=new sogou.maps.DrivingRenderer(option);
	sogou.maps.event.addDomListener(document.getElementById('remove'),'click',function(){dRenderer.removeRoute()});
}
var request={
     'map':map,       
     'destination':'搜狐网络大厦',
     'origin':'西单',
     'tactic':2       //驾车策略。 0： 距离短；1 ：时间短 默认策略 （不选为1）；2 ：不走高速

}
var nav=new sogou.maps.Driving();
nav.route(request,callback);

代码解析

首先要先初始化一个自驾车实例，设置请求参数。调用route方法。

var request={
     'map':map,       
     'destination':'搜狐网络大厦',
     'origin':'西单',
     'tactic':2       //驾车策略。 0： 距离短；1 ：时间短 默认策略 （不选为1）；2 ：不走高速

}
var nav=new sogou.maps.Driving();
nav.route(request,callback);

接下来将查询结果返回给回调函数，显示到地图上，为清除结果按钮添加侦听事件。

function callback(result){
	var option={'map':map,'drivingResult':result};
	var dRenderer=new sogou.maps.DrivingRenderer(option);
	sogou.maps.event.addDomListener(document.getElementById('remove'),'click',function(){dRenderer.removeRoute()});
}

完整代码

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>删除线路</title>
<style type="text/css">
#map{position:absolute;width:500px; height:600px;}
</style>
<script type="text/javascript" src="http://api.go2map.com/maps/js/api_v2.5.1.js"></script>
</head>

<body>
    <div id="map" style="float:left"></div>
	<input type='button' value='清除结果' id='remove'/>
</body>
<script>

var myLatLng = new sogou.maps.Point(12957062,4827187);
var myOptions = {
  zoom: 10,
  center: myLatLng
};
var map = new sogou.maps.Map(document.getElementById("map"), myOptions);
new sogou.maps.Marker({'map':map,'position':new sogou.maps.Point(12954750,4833500),'title':'不许删我！！',label:{visible:true}})
function callback(result){
	var option={'map':map,'drivingResult':result};
	var dRenderer=new sogou.maps.DrivingRenderer(option);
	sogou.maps.event.addDomListener(document.getElementById('remove'),'click',function(){dRenderer.removeRoute()});
}
var request={
     'map':map,       
     'destination':'搜狐网络大厦',
     'origin':'西单',
     'tactic':2       //驾车策略。 0： 距离短；1 ：时间短 默认策略 （不选为1）；2 ：不走高速

}
var nav=new sogou.maps.Driving();
nav.route(request,callback);
</script>
</html>

运行代码