Wie mehrere Icon-Markierung aus Richtung in Google ändern Karten

Question

Sory für mein Englisch, ich Route Richtung mit mehreren Marker in Google Maps erstellen möchten, ich versuche, aus diesem Tutorial Direction with multipe marker

jetzt i das Symbol Markierung ändern möchten A, ist der Standard-Marker, B, C, D wie dieser Bildschirm schießt

meine Frage ist, wie das Standardsymbol mit meinem Symbol zu ändern ... versuchen directionsDisplay.setOptions({ suppressMarkers: true }); das Symbol si verwendet nicht Appers .... das ist mein Code:

var geocoder; 
var map; 
var directionsDisplay; 
var directionsService = new google.maps.DirectionsService(); 
var locations = [ 
    ['Manly Beach', -33.80010128657071, 151.28747820854187, 2], 
    ['Bondi Beach', -33.890542, 151.274856, 4], 
    ['Coogee Beach', -33.923036, 151.259052, 5], 
    ['Maroubra Beach', -33.950198, 151.259302, 1], 
    ['Cronulla Beach', -34.028249, 151.157507, 3] 
]; 

function initialize() { 
    directionsDisplay = new google.maps.DirectionsRenderer(); 


    var map = new google.maps.Map(document.getElementById('map'), { 
    zoom: 10, 
    center: new google.maps.LatLng(-33.92, 151.25), 
    mapTypeId: google.maps.MapTypeId.ROADMAP 
    }); 
    directionsDisplay.setMap(map); 
    directionsDisplay.setOptions({ suppressMarkers: true }); 
    var infowindow = new google.maps.InfoWindow(); 

    var marker, i; 
    var request = { 
    travelMode: google.maps.TravelMode.DRIVING 
    }; 
    for (i = 0; i < locations.length; i++) { 
    marker = new google.maps.Marker({ 
     position: new google.maps.LatLng(locations[i][1], locations[i][2]), 
     icon:'images/dalamkota.png' 
    }); 

    google.maps.event.addListener(marker, 'click', (function(marker, i) { 
     return function() { 
     infowindow.setContent(locations[i][0]); 
     infowindow.open(map, marker); 
     } 
    })(marker, i)); 

    if (i == 0) request.origin = marker.getPosition(); 
    else if (i == locations.length - 1) request.destination = marker.getPosition(); 
    else { 
     if (!request.waypoints) request.waypoints = []; 
     request.waypoints.push({ 
     location: marker.getPosition(), 
     stopover: true 
     }); 
    } 

    } 
    directionsService.route(request, function(result, status) { 
    if (status == google.maps.DirectionsStatus.OK) { 
     directionsDisplay.setDirections(result); 
    } 
    }); 
} 
google.maps.event.addDomListener(window, "load", initialize); 

Irgendwas falsch mit meinem Code .... ???

Answer 1

Sie fehlen map: map Teil als Marker zu erstellen:

for (i = 0; i < locations.length; i++) { 
    marker = new google.maps.Marker({ 
     position: new google.maps.LatLng(locations[i][1], locations[i][2]), 
     icon:'http://s7.postimg.org/wg6bu3jpj/pointer.png', 
     map: map 
    }); 

JS Geige: http://jsfiddle.net/4mtyu/2017/