title: Google maps with JQuery Mobile and jquery-ui-map
body: <p>I'm using the jQuery UI Map libary (<a href="https://code.google.com/p/jquery-ui-map/" rel="nofollow">https://code.google.com/p/jquery-ui-map/</a>) to display a map on my html5 mobile website, however i'm only getting a grey square no matter what i try.</p>
  
  <p>My code:</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;head&gt;
    &lt;meta charset="utf-8"&gt;
    &lt;meta name="viewport" content="initial-scale=1.0, user-scalable=no"&gt;
    &lt;meta name="apple-mobile-web-app-capable" content="yes"&gt;
    &lt;meta name="apple-mobile-web-app-status-bar-style" content="black"&gt;
    &lt;title&gt;test&lt;/title&gt; 
    &lt;link rel="stylesheet" href="https://d10ajoocuyu32n.cloudfront.net/mobile/1.3.1/jquery.mobile-1.3.1.min.css"&gt;
    &lt;script src="https://d10ajoocuyu32n.cloudfront.net/jquery-1.9.1.min.js"&gt;&lt;/script&gt;
    &lt;script src="https://d10ajoocuyu32n.cloudfront.net/mobile/1.3.1/jquery.mobile-1.3.1.min.js"&gt;&lt;/script&gt;
    &lt;script type="text/javascript" src="https://local url/js/jquery-ui.js"&gt;&lt;/script&gt;
    &lt;script type="text/javascript" src="https://local url/js/jquery.ui.map.full.min.js"&gt;&lt;/script&gt;
    &lt;script type="text/javascript" src="https://maps.google.com/maps/api/js?sensor=true"&gt;&lt;/script&gt;
  &lt;/head&gt;
  &lt;body&gt;
  &lt;div data-role="page" id="main"&gt;
  
    &lt;div data-role="content"&gt;
      &lt;p&gt;
        TEST SITE
      &lt;/p&gt;
      &lt;p&gt;
          &lt;canvas id="map_canvas" style="width:50%;height:50%"&gt;&lt;/canvas&gt;    
      &lt;/p&gt;
    &lt;/div&gt;
  
  &lt;/div&gt;
  
  &lt;script&gt;
  $(document).ready(function()
  {
      $('#map_canvas').gmap();
      $('#map_canvas').gmap({ 'center': '42.345573,-71.098326' });               
      $('#map_canvas').gmap({ 'zoom': 8 });
              $('#map_canvas').gmap('refresh');
  });
  &lt;/script&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>The result i get is this:</p>
  
  <p><a href="http://upload.mattie-systems.nl/uploads/28217-knipsel.png" rel="nofollow">http://upload.mattie-systems.nl/uploads/28217-knipsel.png</a></p>
  
  <p>Any help would be greatley appreciated!</p>