title: how to use gmaps.js
body: <p>I have been playing around with gmaps.js lately. However, I can't get it work.</p>
  
  <p>Here's the code.</p>
  
  <p>In the header I imported these three files:</p>
  
  <p><a href="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js" rel="nofollow">http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js</a></p>
  
  <p><a href="http://maps.google.com/maps/api/js?sensor=true" rel="nofollow">http://maps.google.com/maps/api/js?sensor=true</a></p>
  
  <p>gmaps.js</p>
  
  <pre><code>&lt;div id="mouse_event_map"&gt;&lt;/div&gt;
  
  &lt;script type="text/javascript"&gt;
  /**
   * Mouse Events on Maps
   */
  $(document).ready(function(){
   var map = new GMaps({
      el: '#mouse_event_map',
      lat: 51.5073346,
      lng: -0.1276831,
      zoom: 12,
      zoomControl : true,
      zoomControlOpt: {
          style : 'SMALL',
          position: 'TOP_LEFT'
      },
      panControl : false,
      click: function(e){
        alert('Click event');
      },
      dragend: function(e){
        alert('Drag Event');
      }
    });
  });
  &lt;/script&gt;
  </code></pre>
  
  <p>
  </p>