title: How to remove Google maps default pointers?
body: <p>I need to customize a map to look like this : </p>
  
  <p><a href="https://i.stack.imgur.com/nujkZ.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/nujkZ.jpg" alt="enter image description here"></a></p>
  
  <p>I was managed to add my own pointer icons and change the direction style to dots - but the default pointers are still appears....
  Here is my <a href="http://jsfiddle.net/roybarak/sfv80wnt/1/" rel="nofollow noreferrer">Fiddle</a></p>
  
  <p>Here what I've done so far :</p>
  
  <pre><code>    map = new google.maps.Map(document.getElementById('map-canvas'), 
      myOptions),
      directionsService = new google.maps.DirectionsService,
      directionsDisplay = new google.maps.DirectionsRenderer({
          map: map
      }),
      markerA = new google.maps.Marker({
          position: pointA,
          map: map,
          icon:'https://drive.google.com/uc?id=0B3RD6FDNxXbdVXRhZHFnV2xaS1E',
      }),
      markerB = new google.maps.Marker({
          position: pointB,
           map: map,
          icon:'https://drive.google.com/uc?id=0B3RD6FDNxXbdM3E5clBqWDY5MWM',
      });
  </code></pre>
  
  <p>I also would like to know how can i add the kilometers sum as a tooltip that keeps it's position relative to the route - like in the picture, any help will appreciated.</p>