Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/469.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Google Maps JavaScript API-切换路由可见性,而不是清除它_Javascript_Google Maps Api 3_Routes_Toggle_Visibility - Fatal编程技术网

Google Maps JavaScript API-切换路由可见性,而不是清除它

Google Maps JavaScript API-切换路由可见性,而不是清除它,javascript,google-maps-api-3,routes,toggle,visibility,Javascript,Google Maps Api 3,Routes,Toggle,Visibility,我正在使用GoogleMapsJavaScriptAPI在地图上显示驾驶路线 我有一个代码,可以完全清除地图上的路线: directionsDisplayD.setDirections({routes: []}); 有没有办法只切换其可见性?将对象的map属性设置为null以隐藏方向。将其设置回您的地图对象以重新显示方向 函数initMap(){ var directionsService=新的google.maps.directionsService; var directionsDisp

我正在使用GoogleMapsJavaScriptAPI在地图上显示驾驶路线

我有一个代码,可以完全清除地图上的路线:

directionsDisplayD.setDirections({routes: []});

有没有办法只切换其可见性?

将对象的
map
属性设置为
null
以隐藏方向。将其设置回您的
地图
对象以重新显示方向

函数initMap(){
var directionsService=新的google.maps.directionsService;
var directionsDisplay=新建google.maps.DirectionsRenderer;
var map=new google.maps.map(document.getElementById('map'){
缩放:7,
中心:{
拉脱维亚:41.85,
液化天然气:-87.65
}
});
方向显示.setMap(地图);
计算显示路线(方向服务、方向显示);
google.maps.event.addDomListener(document.getElementById(“btn”),“单击”,函数(evt){
如果(directionsDisplay.getMap()!=null)directionsDisplay.setMap(null);
else directions display.setMap(映射);
});
}
函数calculateAndDisplayRoute(方向服务、方向显示){
方向服务.路线({
来源:“纽约州纽约市”,
目的地:“新泽西州特伦顿”,
travelMode:“驾驶”
},功能(响应、状态){
如果(状态=='OK'){
方向显示。设置方向(响应);
}否则{
window.alert('由于'+状态,指示请求失败);
}
});
}
html,
身体{
身高:100%;
保证金:0;
填充:0;
}
#地图{
身高:100%;
}
#浮动面板{
位置:绝对位置;
顶部:10px;
左:25%;
z指数:5;
背景色:#fff;
填充物:5px;
边框:1px实心#999;
文本对齐:居中;
字体系列:“机器人”,“无衬线”;
线高:30px;
左侧填充:10px;
}