title: Can't get map to appear with gmaps.js
body: <p>Sorry to bother you with sthg that simple but I really can't see what's wrong. 
  I'm working on a website, I have HTML5&amp;CSS3 knowledges but not much jQuery/javascript ones. I wanted to put in a gmap window like in my portfolio and so I tried to use this one : <a href="http://hpneo.github.io/gmaps/examples/basic.html" rel="nofollow">http://hpneo.github.io/gmaps/examples/basic.html</a> .</p>
  
  <p>But all I've got on my webpage is a white and desperately empty square where my map should be. I've checked if it "appears" by writing background-color:red in the map div, and it does appear red.</p>
  
  <p>I linked these files in the header :</p>
  
  <pre><code>&lt;script src="jQuery/gmaps.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=true"&gt;&lt;/script&gt;
  &lt;script src="http://code.jquery.com/jquery.min.js"&gt;&lt;/script&gt; 
  &lt;script type="text/javascript" src="jQuery/script.js"&gt;&lt;/script&gt;
  </code></pre>
  
  <p>My map is in there :</p>
  
  <pre><code>&lt;section&gt;
     &lt;h1&gt; Où nous trouver ? &lt;/h1&gt;
          &lt;p&gt; [Page en construction] &lt;/p&gt; 
          &lt;div id="basicmap"&gt;&lt;/div&gt;
      &lt;/section&gt;
  </code></pre>
  
  <p>My script.js :<div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>$(document).ready(function(){
   
      $(".diaporama").diaporama({
          animationSpeed: "slow",
          delay:2
      });
  });
   
  $(document).ready(function(){
   var map = new GMaps({
      div: 'basicmap',
      lat: 47.441396,
      lng: -2.196303,
      width: '500px',
      height: '500px',
      zoom: 12,
      zoomControl : true,
      zoomControlOpt: {
       style : 'SMALL',
       position: 'TOP_LEFT'
      },
      panControl : false,
      });
     map.addMarker({
      lat: 47.441396,
      lng: -2.196303,
      title: 'Résidence Les Ajoncs'
     });
   
  });
  
  $(function() {
  
      $("#submit").hide();
  
      $("#page-changer select").change(function() {
          window.location = $("#page-changer select option:selected").val();
      })
  
  });</code></pre>
  </div>
  </div>
  </p>
  
  <p>And finally a bit of my CSS :</p>
  
  <pre><code>#basicmap
  {
      display: block;
      width: 500px;
      height: 500px;
      margin: 0 auto;
      -moz-box-shadow: 0px 5px 20px #ccc;
      -webkit-box-shadow: 0px 5px 20px #CCC;
      box-shadow: 0px 5px 20px #CCC;
  }
  </code></pre>
  
  <p>(Sorry I think I've messed up a bit with the code insertions method in this post haha.)</p>
  
  <p>I may be tired or it's something I don't know about (because I haven't got a lot of web programming knowledge and I was a bit in a hurry), idk, but I've ran out of ideas to solve this problem.</p>
  
  <p>Soooo. Many thanks in advance if you can save me \°/</p>