title: check if map markers are within selected bounds
body: <p>I have a map with various markers and i need to be able to draw a rectangle on the map and select the markers which are within the rectangle bounds.</p>
  
  <p>So far i have found some great info here: <a href="https://stackoverflow.com/questions/5927413/how-to-get-markers-inside-an-area-selected-by-mouse-drag">How to get markers inside an area selected by mouse drag?</a></p>
  
  <p>I have implemented the keymapzoom plugin ok. like so</p>
  
  <pre><code>    $('#dispatcher').gmap3({action:'get'}).enableKeyDragZoom({
          boxStyle: {
            border: "dashed black",
            //backgroundColor: "red",
            opacity: 0.5
          },
          paneStyle: {
            backgroundColor: "gray",
            opacity: 0.2
          }
    });
  var dz = $('#dispatcher').gmap3({action:'get'}).getDragZoomObject();
  google.maps.event.addListener(dz, 'dragend', function (bnds) {
    alert(bnds);
  });
  </code></pre>
  
  <p>This gives me the following
  ((<strong>lat,long</strong>),(<strong>lat,long</strong>)) format from the alert(bnds);</p>
  
  <p>I need to know how i can now check if any markers are within this?</p>
  
  <p>I already have an object that is storing the markers for another reason. like:</p>
  
  <pre><code>    markers[name] = {};
      markers[name].lat = lati;
      markers[name].lng = longi;
  </code></pre>
  
  <p>which might be useful?</p>
  
  <p>I don't understand how to use the GLatLngBounds and containsLatLng(latlng:GLatLng) as suggested.</p>