如何为Google Maps API directionService使用现有的标记而不是定义新的标记？

Question

我正在使用谷歌地图API来显示一个位置的方向。

在页面加载时，我在地图上设置了一个标记：（仅供参考：我没有包括坐标，但你可以假设它们是定义好的）

var destination = [xxx, yyy, 11, xxx, yyy]; //x-coord,y-coord,zoom,x-center,x-center
var dublin = [xxx, yyy, 11, xxx, yyy]; //x-coord,y-coord,zoom,x-center,x-center
var directionsService = new google.maps.DirectionsService();
var directionsDublin;

function initialize() {

  directionsDublin = new google.maps.DirectionsRenderer();
  var centerMap = new google.maps.LatLng(destination[3],destination[4]);

  map = new google.maps.Map(document.getElementById('map-canvas'), {
    mapTypeId: google.maps.MapTypeId.ROADMAP,
    center: centerMap,
    zoom: destination[2]
  });

  marker1 = new google.maps.Marker({
      position: new google.maps.LatLng(destination[0], destination[1]),
      map: map
  });
  marker1.setAnimation(google.maps.Animation.DROP);
}

function callback(results, status) {
  if (status == google.maps.places.PlacesServiceStatus.OK) {
    for (var i = 0; i < results.length; i++) {
      createMarker(results[i]);
    }
  }
}

function createMarker(place) {
  var placeLoc = place.geometry.location;
  var marker = new google.maps.Marker({
    map: map,
    position: place.geometry.location
  });

  google.maps.event.addListener(marker, 'click', function() {
    infowindow.setContent(place.name);
    infowindow.open(map, this);
  });
}

google.maps.event.addDomListener(window, 'load', initialize);

$(document).ready(function() {

  $( "#tNorth" ).on( "click", function() {

    if ($("#north").css('display') != 'none') {
      //set zoom and center
      map.setZoom(destination[2]);
      map.setCenter(new google.maps.LatLng(destination[3], destination[4]));
      //remove the route
      directionsDublin.setMap(null);
      //remove the text
      $("#north").css('display':'none');
    }
    else {
      //create travel route
      var request2 = {
        origin: new google.maps.LatLng(dublin[0], dublin[1]),
        destination: new google.maps.LatLng(destination[0], destination[1]),
        travelMode: google.maps.DirectionsTravelMode.DRIVING
      };
      //display route on map
      directionsDublin.setMap(map);
      directionsService.route(request2, function(result, status) {
        if (status == google.maps.DirectionsStatus.OK) {
          directionsDublin.setDirections(result);
        }
      });
      //add the text
      $("#north").css('display':'block');
    }
  });
});

但是，当路由显示时，它会在页面上放置2个新标记。由于目标标记已经在页面上，它将被新标记覆盖。是否有一种方法可以代替定义destination:newgoogle.maps.latlng(destination[0],destination[1])，而是定义类似于destination:marker1的东西？？

这会比互相展示两个标记好...

Answer 1

在DirectionRenderOptions中使用{suppressmarkers：true}可防止DirectionsRenderer向地图添加标记（它仍将显示路线）

directionsDublin = new google.maps.DirectionsRenderer({suppressMarkers:true});