title: MarkerClusterer V3 no errors but not working
body: <p>Ok so I developed the following code to use Google Maps with Marker Clusterer.
  I used the example on the website and slightly modified it for my json data.
  My issue here is, I am not getting any errors but its not working either.
  What am I doing wrong here?</p>
  
  <p>Thanks</p>
  
  <pre><code>&lt;head&gt;
      &lt;style type="text/css"&gt;
          body {
              margin: 0;
              padding: 10px 20px 20px;
              font-family: Arial;
              font-size: 16px;
          }
  
          #map-container {
              padding: 6px;
              border-width: 1px;
              border-style: solid;
              border-color: #ccc #ccc #999 #ccc;
              -webkit-box-shadow: rgba(64, 64, 64, 0.5) 0 2px 5px;
              -moz-box-shadow: rgba(64, 64, 64, 0.5) 0 2px 5px;
              box-shadow: rgba(64, 64, 64, 0.1) 0 2px 5px;
              width: 600px;
          }
  
          #map {
              width: 600px;
              height: 400px;
          }
      &lt;/style&gt;
  
      &lt;script src="http://maps.google.com/maps/api/js?sensor=false"&gt;&lt;/script&gt;
      &lt;script src="http://google-maps-utility-library-v3.googlecode.com/" +
          "svn/trunk/markerclusterer/src/markerclusterer.js"&gt;
      &lt;/script&gt;
  
      &lt;script type="text/javascript"&gt;
          var data = {
              "users": [ 
                  { "latitude":"48.4048403957642",
                      "longitude":"2.68452644348145" },
                  { "latitude":"48.4050236871384",
                      "longitude":"2.68512690051361"},
                  { "latitude":"48.4048403957642",
                      "longitude":"2.68452644348145"},
                  { "latitude":"48.7570941168018",
                      "longitude":"2.16670989990234"},
                  { "latitude":"48.404922961092",
                      "longitude":"2.70020564018949"},
                  { "latitude":"48.8739279353421",
                      "longitude":"2.32875823974609"},
                  { "latitude":"48.4048403957642",
                      "longitude":"2.68452644348145"},
                  { "latitude":"41.0349860434783",
                      "longitude":"28.9774059609177"}
              ]
          };
  
          function initialize() {
              var center =
                  new google.maps.LatLng(48.404840395764175,
                      2.6845264434814453);
  
              var map = new google.maps.Map(document.getElementById('map'), {
                  zoom: 3,
                  center: center,
                  mapTypeId: google.maps.MapTypeId.ROADMAP
              });
  
              var markers = [];
              for (var i = 0; i &lt; data.length; i++) {
                  var location = data.users[i];
                  var latLng =
                      new google.maps.LatLng(location.latitude,
                          location.longitude);
                  var marker = new google.maps.Marker({ position: latLng });
                  markers.push(marker);
              }
  
              var markerCluster = new MarkerClusterer(map, markers);
          }
  
          google.maps.event.addDomListener(window, 'load', initialize);
      &lt;/script&gt;  
  &lt;/head&gt;
  &lt;body&gt;
      &lt;div id="map-container"&gt;&lt;div id="map"&gt;&lt;/div&gt;&lt;/div&gt;
  </code></pre>