使用javascript在Google地图中隐藏和显示方向线

使用javascript在Google地图中隐藏和显示方向线,javascript,google-maps-api-3,Javascript,Google Maps Api 3,我正在使用directionDisplay.setMap(null)删除方向线,但我还想再次显示方向线。。如何操作?要再次显示地图,请调用directionDisplay.setMap(地图)地图必须在全局范围内(与方向显示一样) var方向显示; var directionsService=new google.maps.directionsService(); var映射; 函数初始化(){ directionsDisplay=new google.maps.DirectionsRende

我正在使用directionDisplay.setMap(null)删除方向线,但我还想再次显示方向线。。如何操作?

要再次显示地图,请调用
directionDisplay.setMap(地图)
<代码>地图必须在全局范围内(与方向显示一样)

var方向显示;
var directionsService=new google.maps.directionsService();
var映射;
函数初始化(){
directionsDisplay=new google.maps.DirectionsRenderer();
var chicago=new google.maps.LatLng(41.850033,-87.6500523);
变量映射选项={
缩放:7,
中心:芝加哥
};
map=new google.maps.map(document.getElementById('map-canvas'),mapOptions);
方向显示.setMap(地图);
calcRoute();
}
函数toggleRoute(){
if(directionsDisplay.getMap()!=null){
directionsDisplay.setMap(空);
}否则{
方向显示.setMap(地图);
}
}
函数calcRoute(){
var start=document.getElementById('start').value;
var end=document.getElementById('end').value;
var请求={
来源:start,
目的地:完,
travelMode:google.maps.travelMode.DRIVING
};
路由(请求、功能(响应、状态){
if(status==google.maps.directionstatus.OK){
方向显示。设置方向(响应);
}
});
}
google.maps.event.addDomListener(窗口“加载”,初始化)
html,
身体,
#地图画布{
身高:100%;
边际:0px;
填充:0px
}
#面板{
位置:绝对位置;
顶部:5px;
左:50%;
左边距:-180px;
z指数:5;
背景色:#fff;
填充物:5px;
边框:1px实心#999;
}

开始:
芝加哥
圣路易斯
密苏里州乔普林
俄克拉荷马城
阿马里洛
盖洛普
亚利桑那州弗拉格斯塔夫
维诺娜
金门
巴斯托
圣贝纳迪诺
洛杉矶
完:
芝加哥
圣路易斯
密苏里州乔普林
俄克拉荷马城
阿马里洛
盖洛普
亚利桑那州弗拉格斯塔夫
维诺娜
金门
巴斯托
圣贝纳迪诺
洛杉矶

调用
directionDisplay.setMap(map)
(其中map是代码中的google.maps.map对象,您尚未提供)。