Google map API v3 方向的自定义图标答案

【问题标题】：Custom icon for Google map API v3 directionsGoogle map API v3 方向的自定义图标
【发布时间】：2012-11-17 23:46:50
【问题描述】：

我知道如何更改标准 google map api v3 上的图标。有没有办法改变地图上的图标和方向？

<script type="text/javascript">
  var directionDisplay;
  var directionsService = new google.maps.DirectionsService();
  var map;

  function initialize(){
    directionsDisplay = new google.maps.DirectionsRenderer();
    var mapOptions={
      center: new google.maps.LatLng(-34.397, 150.644),
      zoom: 11,
      mapTypeId: google.maps.MapTypeId.ROADMAP
    };

    var map = new google.maps.Map(document.getElementById("map_canvas"),mapOptions);
      directionsDisplay.setMap(map);
      directionsDisplay.setPanel(document.getElementById("directionsPanel")
    );

    var marker = new google.maps.Marker({
      position: map.getCenter(),
      map: map,
      icon: 'marker/image.png',
      title: 'Click to zoom'
    });

    google.maps.event.addListener(marker, 'click', function(){
      map.setZoom(15);
      map.setCenter(marker.getPosition());
    });

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

  function calcRoute() {
    var start = document.getElementById("start").value;
    var end = '-34.397, 150.644';
    var request = {
        origin:start, 
        destination:end,
        travelMode: google.maps.DirectionsTravelMode.DRIVING
    };
    directionsService.route(request, function(response, status) {
      if (status == google.maps.DirectionsStatus.OK) {
        directionsDisplay.setDirections(response);
      }
    });
  }
</script>

上面的代码显示带有我的自定义图标标记的地图，但是当我生成方向而不是在我的自定义标记顶部时，我看到另一个带有字母 B 的标准绿色制造商。

如何覆盖它？

【问题讨论】：

标签： google-maps-api-3

【解决方案1】：

您需要做的是使用DirectionsRenderer 的suppressMarkers 选项，这将阻止它添加任何标记。

Example with custom icons，根本不使用 DirectionsRenderer，它是在该选项可用之前。

【讨论】：