title: Google map marker sprite image position
body: <p>How can we position the sprite image as Google map marker. For eg: In css we are positioning the image like </p>
  
  <pre><code>background: url('../images/bodycss/pointer.png') 28px -32px;
  </code></pre>
  
  <p>Now how can I include the above code to the below google api-v3 function ?</p>
  
  <pre><code>function setMarkers(map, markers) {
  
      var google_image = new google.maps.MarkerImage("http://example.com/images/bodycss/pointer.png");
  
      for (var i = 0; i &lt; markers.length; i++) {
          var sites = markers[i];
          var siteLatLng = new google.maps.LatLng(sites[1], sites[2]);
          var marker = new google.maps.Marker({
              position: siteLatLng,
              map: map,
              title: sites[0],
              zIndex: sites[3],
              html: sites[4],
              icon: google_image
          });
  
          google.maps.event.addListener(marker, "mouseover", function () {
              infowindow.setContent(this.html);
              infowindow.open(map, this);
          });
      }
  }
  </code></pre>