如何删除谷歌地图路线方向上的默认 A B 标记答案

【问题标题】：How to remove default A B markers on google maps route direction如何删除谷歌地图路线方向上的默认 A B 标记
【发布时间】：2011-03-16 21:32:55
【问题描述】：

var directionsService = new google.maps.DirectionsService();
var directionsDisplay = new google.maps.DirectionsRenderer();

var startMarker = new google.maps.Marker({ position: start, map: map, icon: 'start.png' });
var stopMarker = new google.maps.Marker({ position: stop, map: map, icon: 'stop.png' });

directionsDisplay.setMap(map);

var request = {
 origin: start, 
 destination: stop,
 travelMode: google.maps.DirectionsTravelMode.DRIVING
};

directionsService.route(request, function(response, status) {
 if (status == google.maps.DirectionsStatus.OK) {
  directionsDisplay.setDirections(response);
 }
});

嗨，这个脚本显示了从起点到终点的路线，我使用自定义图标，但默认绿色 A 和 B 也会出现。问题是如何删除默认的 A 和 B 标记，这样我只会看到我的自定义标记？

【问题讨论】：

Removing Directions markers from the Google Maps API V3的可能重复

标签： javascript google-maps

【解决方案1】：

尝试使用 DirectionsRenderer 上的 suppressMarkers 选项来防止显示路线上的标记。这应该会保留您直接添加到地图的标记，但不会显示与路线关联的标记。

directionsDisplay.setMap(map);
directionsDisplay.setOptions( { suppressMarkers: true } );

【讨论】：

非常感谢您的回复，您能帮我设置笔触颜色吗？默认情况下它的粗体小花，但我想要正常的红色我尝试了方向Display.polylineOptions({strokeColor:'#000000'});但这不起作用
var directionsDisplay = new google.maps.DirectionsRenderer({ polylineOptions:{strokeColor:"#4a4a4a",strokeWeight:5}, suppressMarkers:true });
好消息！它有效！我开始遇到数百万个问题，因为您无法处理这两点 - 事件和 infoWindow。所以，我压制它们，在这两个尾部位置绘制新标记，将图标图像更改为与它们相同的图像，然后......等等！现在我可以完全控制“点”A 和“B”。谢谢@tvanfosson
@tvanfosson 但如果 suppressMarkers 为真，则拖动功能会变得不稳定。你能看到我的帖子吗 - stackoverflow.com/q/45769485/1513701

【解决方案2】：

directionsDisplay.setOptions({
polylineOptions: {
            strokeWeight: 4,
            strokeOpacity: 1,
            strokeColor:  'red' 
        }
});

【讨论】：

【解决方案3】：

map = new google.maps.Map(document.getElementById("mapCanvas"), mapOptions);
directionsRenderer.setMap(map); 
directionsRenderer.setOptions( { suppressMarkers: true } );

【讨论】：