title: How to integrate arrows as a marker in google map?
body: <p>I implemented google map in jsp. everything is fine. our project is ITS(Intelligent Transport System). Here every time we have to track the vehicle and show its position and direction of vehicle in map.For that we used map and create markers according to <code>lat</code> and <code>lng</code> values we are getting. We use a <code>Bus</code> icon to show a vehicle but its not looking good. So we thought to change it to arrow (like Navigation in smartphone). </p>
  
  <p>The code for creating marker is,</p>
  
  <pre><code>function createMarker(point, number,vn,position) {
  var busimage="";
  if(position=="same")
   {
       busimage="Resources/travel_bus1.png";
   }else if(position=="notsame")
       {
       busimage="Resources/travel_bus3.png";
       }
  
            var marker = new google.maps.Marker({
                position: point,
                map: map,
                raiseOnDrag: true,
                icon:busimage,
               // animation: google.maps.Animation.DROP,
                draggable: false,
                zIndex: number,
                id:vn
            });
  
  var html = number;
  
  var infowindow = new google.maps.InfoWindow({
      content: 'Latitude: ' + point.lat() +
      '&lt;br&gt;Longitude: ' + point.lng()  + '&lt;br&gt;BusNo : '+ marker.get("id"), 
      maxwidth: 1000
  });
  </code></pre>
  
  <p>So now we have to change bus icon to <code>arrow</code> icon and also we have to show the direction of the vehicle is moving. I have searched some online resources but it was useless. I am getting only implementing map in jsp. So can anyone help me to add arrow in map according to lat lng I am getting along with the direction. If you know any online resource also help full to me. Thank you . . </p>