如何删除谷歌地图路线方向上的默认AB标记

fry*_*taz 34 javascript google-maps

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);
 }
});
Run Code Online (Sandbox Code Playgroud)

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

tva*_*son 89

尝试使用DirectionsRenderer上的suppressMarkers选项来防止显示路径上的标记.这应该将您已直接添加到地图的标记保留在原位,但不显示与路径关联的标记.

directionsDisplay.setMap(map);
directionsDisplay.setOptions( { suppressMarkers: true } );
Run Code Online (Sandbox Code Playgroud)

  • `var DirectionDisplay = new google.maps.DirectionsRenderer({ polylineOptions:{strokeColor:"#4a4a4a",strokeWeight:5}, suppressMarkers:true });` (8认同)

Vai*_*nor 5

directionsDisplay.setOptions({
polylineOptions: {
            strokeWeight: 4,
            strokeOpacity: 1,
            strokeColor:  'red' 
        }
});
Run Code Online (Sandbox Code Playgroud)