anchor.diff:  
     <div class="row">
       <div class="columns large-10">
  -      <div id="map-container">
  -        <div id="map-canvas"></div>
  +      <h1>Map of Seattle Premier Attractions</h1>
  +      <div style='width: 800px;'>
  +        <div id="map" style='width: 800px; height: 400px;'></div>
         </div>
       </div>
       <div class="columns large-2">
  
positive.code:   <script src='//google-maps-utility-library-v3.googlecode.com/svn/tags/markerclustererplus/2.0.14/src/markerclusterer_packed.js' type='text/javascript'></script>
    <script type="text/javascript"
      src="https://maps.googleapis.com/maps/api/js?key=AIzaSyBYsbaTUCmS5U25KSWi21-C-Xgk5K7LwIU"></script>
  
    <!-- <script type="text/javascript">
    //   function initialize() {
    //     var mapOptions = {
    //       center: { lat: 47.6062100, lng: -122.3320700},
    //       zoom: 11
    //     };
    //     var map = new google.maps.Map(document.getElementById('map-canvas'),
    //         mapOptions);
    //   }
    //   google.maps.event.addDomListener(window, 'load', initialize);
    // </script> -->
  </head>
  <body>
  
  
negative.code:     </div>
    </div>
  
      <script type="text/javascript">
      handler = Gmaps.build('Google');
      handler.buildMap({ provider: {}, internal: {id: 'map'}}, function(){
        markers = handler.addMarkers([
          {
            "lat": 47.619982,
            "lng": -122.349114,
            "picture": {
              "url": "http://dl.dropbox.com/s/vdec1gfsy12vawg/1965555_10152084572071977_132984942113953610_o.jpg?dl=0",
              "width":  100,
              "height": 60
            },
            "infowindow": "Hi! I'm the Space Needle. Check me out!"
          }
        ]);
        handler.bounds.extendWith(markers);
        handler.fitMapToBounds();
        handler.getMap().setZoom(12);
        handler.getMap().setCenter({lat: 47.606, lng: -122.332})
      });
      </script>
  
  </body>
  </html>
  