Google Maps JavaScript API-切换路由可见性,而不是清除它
我正在使用GoogleMapsJavaScriptAPI在地图上显示驾驶路线 我有一个代码,可以完全清除地图上的路线: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
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;
}