title: Custom and waypoint markers in Google Maps
body: <p>I'm looking for some help. I have below Google Map code which is working fine. Only thing I need is a custom marker on the starting point: (51.943382, 6.463116) and no markers on the waypoints.
  Can this be done? I have tried several solutions from Stackoverflow, but my understanding of GMs code and programming skills are not sufficient enough to get what I want. 
  Thanks!</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
      &lt;head&gt;
  
          &lt;meta name="viewport" content="initial-scale=1.0, user-scalable=no"/&gt;
          &lt;meta http-equiv="content-type" content="text/html; charset=UTF-8"/&gt;
          &lt;title&gt;Google Maps JavaScript API v3 Example: Directions Waypoints&lt;/title&gt;
  
          &lt;link href="http://code.google.com/apis/maps/documentation/javascript/examples/default.css" rel="stylesheet" type="text/css" /&gt;
          &lt;script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"&gt;
          &lt;/script&gt;
          &lt;script type="text/javascript"&gt;
            var directionDisplay;
            var directionsService = new google.maps.DirectionsService();
            var map;
  
            function initialize() {
                directionsDisplay = new google.maps.DirectionsRenderer({
                });
  
  
                var myOptions = {
                    zoom: 10,
                    mapTypeId: google.maps.MapTypeId.ROADMAP,
                }
  
  
                map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
                directionsDisplay.setMap(map);
                calcRoute();
            }
  
            function calcRoute() {
  
                var waypts = [];
  
  
                stop = new google.maps.LatLng(51.943571, 6.463856)
                        waypts.push({
                            location:stop,
                            stopover:true});
                stop = new google.maps.LatLng(51.945032, 6.465776)
                        waypts.push({
                            location:stop,
                            stopover:true});
                stop = new google.maps.LatLng(51.945538, 6.469413)
                        waypts.push({
                            location:stop,
                            stopover:true});
                stop = new google.maps.LatLng(51.947462, 6.467941)
                        waypts.push({
                            location:stop,
                            stopover:true});
                stop = new google.maps.LatLng(51.945409, 6.465562)
                        waypts.push({
                            location:stop,
                            stopover:true});
                stop = new google.maps.LatLng(51.943700, 6.462096)
                        waypts.push({
                            location:stop,
                            stopover:true});
  
                start  = new google.maps.LatLng(51.943382, 6.463116);
                end = new google.maps.LatLng(51.943382, 6.463116);
  
                var request = {
                    origin: start,
                    destination: end,
                    waypoints: waypts,
                    optimizeWaypoints: true,
                    travelMode: google.maps.DirectionsTravelMode.WALKING
                };
  
                directionsService.route(request, function(response, status) {
                    if (status == google.maps.DirectionsStatus.OK) {
                        directionsDisplay.setDirections(response);
                        var route = response.routes[0];
  
                    }
                });
            }
          &lt;/script&gt;
      &lt;/head&gt;
      &lt;body onLoad="initialize()"&gt;
          &lt;div id="map_canvas" style="width:70%;height:80%;"&gt;&lt;/div&gt;
      &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>