Javascript 谷歌地图点击路线事件

我试着在我点击路线的任何地方画一个圆圈。我在寻找如何使路线可点击的解决方案，但找不到任何有帮助的。。。下面是我的代码。当我单击路线时，没有出现错误，但没有创建圆

directionsDisplay = new google.maps.DirectionsRenderer(rendererOptions);

//direction service request here...

google.maps.event.addListener(directionsDisplay, 'click', function(event) {

var routeClick = new google.maps.Circle({
  center: event.latLng, //center where you click
  radius: 500,
  strokeColor: "#0000FF",
  strokeOpacity: 0.8,
  strokeWeight: 2,
  fillColor: "#0000FF",
  fillOpacity: 0.4
});

routeClick.setMap(map);

});

更新：

基于Geocodezip脚本和官方API示例创建自己的方向多段线的工作代码

然后在directionService请求中我添加了

directionService.route(request, function(result, status) {
  var path = result.routes[0].overview_path;  
  drawPath(path);
});

---

上没有“单击”事件

您可以自己渲染多段线，并向其添加单击事件侦听器，或向地图添加单击侦听器

代码片段：

var infowindow=new google.maps.infowindow（）；
var directions=new google.maps.DirectionsService（）；
var renderer=new google.maps.directionsrender({
抑制多段线：对，
infoWindow:infoWindow，
});
var映射；
函数初始化（）{
变量映射选项={
缩放：13，
中心：新google.maps.LatLng（40.7482333，-73.8681295），
mapTypeId:google.maps.mapTypeId.ROADMAP
};
map=new google.maps.map（document.getElementById（'map'），mapOptions）；
google.maps.event.addDomListener（document.getElementById（'go'），'click'，
路线）；
var input=document.getElementById（'from'）；
var autocomplete=new google.maps.places.autocomplete（输入）；
autocomplete.bindTo（'bounds'，map）；
路线（）；
}
函数路径（）{
var请求={
来源：document.getElementById（'from'）。值，
目的地：美国纽约州纽约市51街10022号，
travelMode:google.maps.Directions travelMode.WALKING
};
var panel=document.getElementById（'panel'）；
panel.innerHTML=''；
方向。路线（请求、功能（响应、状态）{
if（status==google.maps.directionstatus.OK）{
设置方向（响应）；
setMap（map）；
设置面板（面板）；
渲染方向多段线（响应）；
log（renderer.getDirections（））；
}否则{
renderer.setMap（null）；
setPanel（null）；
}
});
}
var多段线选项={
strokeColor:“#C83939”，
频闪不透明度：1，
冲程重量：4
};
var多段线=[]；
函数renderDirectionsPolylines（响应）{
对于（var i=0；i
directionService.route(request, function(result, status) {
  var path = result.routes[0].overview_path;  
  drawPath(path);
});