Untitled

<!DOCTYPE html>
<html>
  <head>
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no">
    <meta charset="utf-8">
    <title>Simple markers</title>
    <style>
      html, body, #map-canvas {
        height: 100%;
        margin: 0px;
        padding: 0px
      }
    </style>
    <script src="https://maps.googleapis.com/maps/api/js?v=3.exp"></script>
    <script>
function WMarker2(l,g, map) {
        google.maps.Marker.call(this, {
            position: new google.maps.LatLng(l, g),
            //animation: google.maps.Animation.DROP,
            map: map,
            title: 'sp_name'
    });
}

WMarker2.prototype = new google.maps.Marker({});
WMarker2.prototype.constructor = WMarker2;

//var m1,m2,m3;

function initialize() {
  var myLatlng1 = new google.maps.LatLng(-25.363882,131.044922);
  var myLatlng2 = new google.maps.LatLng(-23.363882,133.044922);
  var mapOptions = {
    zoom: 3,
    center: myLatlng2
  }
  var map = new google.maps.Map(document.getElementById('map-canvas'), mapOptions);
  var marker = new google.maps.Marker({
      position: myLatlng2,
      //map: map,
      title: 'Hello World!'
  });

  setTimeout(function(){
    var m1 = new WMarker2(-9, 134, map);
  }, 7000);
  setTimeout(function(){
    var m2 = new WMarker2(-18, 167, map);
    }, 2000);
  setTimeout(function(){
    var m3 = new WMarker2(-22, 167, map);
   }, 3000);
  setTimeout(function(){
    var m4 = new WMarker2(-24, 167, map);
   }, 4000);
  setTimeout(function(){
    var m5 = new WMarker2(-27, 167, map);
   }, 5000);
  setTimeout(function(){
    var m6 = new WMarker2(-29, 167, map);
   }, 6000);
}

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

    </script>
  </head>
  <body>
    <div id="map-canvas"></div>
  </body>