animate symbol

Animate a symbol on a map. example: https:developers.google.commapsdocumentationjavascriptexamplesoverlay-symbol-animate

var line;

function initialize() {
  var mapOptions = {
    center: new google.maps.LatLng(20.291, 153.027),
    zoom: 6,
    mapTypeId: google.maps.MapTypeId.TERRAIN
  };

  var map = new google.maps.Map(document.getElementById(\'map-canvas\'),
      mapOptions);

  var lineCoordinates = [
    new google.maps.LatLng(22.291, 153.027),
    new google.maps.LatLng(18.291, 153.027)
  ];

  var lineSymbol = {
    path: google.maps.SymbolPath.CIRCLE,
    scale: 8,
    strokeColor: \'#393\'
  };

  line = new google.maps.Polyline({
    path: lineCoordinates,
    icons: [{
      icon: lineSymbol,
      offset: \'100%\'
    }],
    map: map
  });

  animateCircle();
}

function animateCircle() {
    var count = 0;
    window.setInterval(function() {
      count = (count + 1) % 200;

      var icons = line.get(\'icons\');
      icons[0].offset = (count  2) + \'%\';
      line.set(\'icons\', icons);
  }, 20);
}

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