Javascript 强制停止以映射动画

当用户单击地图并在释放鼠标按钮之前将其拖动时，地图将继续移动一段时间。 有没有办法使滑动运动停止

运行下面的代码段，并在地图仍处于活动状态时单击按钮。工作完美

现在，在地图停止之前，将地图设置为运动并单击其中一个按钮。显示新管线时，地图动画将继续

我不想完全禁用拖动选项，就像这样

map.setOptions({ draggable: false });

我想强制停止地图的任何运动，这样它就不会传播到下一条显示的路线

函数initMap（）{
var directionsDisplay=新建google.maps.DirectionsRenderer；
var directionsService=新的google.maps.directionsService；
var map=new google.maps.map（document.getElementById（“map”）{
缩放：7，
中心：{lat:41.85，lng:-87.65}
});
方向显示.setMap（地图）；
var buttonClick=function（）{
计算显示路线（directionsService、directionsDisplay、this）；
};
var btnRoute1=document.getElementById（“btnRoute1”）；
btnRoute1.addEventListener（“单击”，按钮单击）；
var btnRoute2=document.getElementById（“btnRoute2”）；
btnRoute2.addEventListener（“单击”，按钮单击）；
控件[google.maps.ControlPosition.TOP_CENTER].push（btnRoute1）；
控件[google.maps.ControlPosition.TOP_CENTER].push（btnRoute2）；
}
功能计算和显示路线（方向服务、方向显示、单击按钮）{
var origin=clickedButton.getAttribute（“数据源”）；
var destination=clickedButton.getAttribute（“数据目的地”）；
方向服务.路线({
来源:来源,，
目的地：目的地，
travelMode：“驾驶”
}，功能（响应、状态）{
如果（状态==“正常”）{
方向显示。设置方向（响应）；
}否则{
窗口警报（“由于“+状态，指示请求失败”）；
}
});
}

html，正文{
身高：100%；
保证金：0；
填充：0；
}
#地图{
身高：100%；
}
钮扣{
利润率：10px；
}

芝加哥->圣路易斯
芝加哥->洛杉矶

如果您的地图在放开后仍在拖动，则听起来您的地图代码可能有问题。将您的代码添加到JSFIDLE中，这样我们就可以看到我们正在使用什么。问题是您何时触发dragend事件。我认为没有任何选项可以修改该行为或api事件，以了解何时释放鼠标按钮并强制地图停止平移