title: leaflet blank map on phonegap
body: <p>I have a phonegap problem with leaflet. I have a phonegap app which just displays a leaflet map.</p>
  
  <pre><code>&lt;html&gt;
  
  &lt;head&gt;
  &lt;meta charset="utf-8" /&gt;
  &lt;meta name="format-detection" content="telephone=no" /&gt;
  &lt;meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-    scale=1, minimum-scale=1, width=device-width, height=device-height, target-    densitydpi=device-dpi" /&gt;
  &lt;link rel="stylesheet" type="text/css" href="css/index.css" /&gt;
  &lt;meta name="viewport" content="width=device-width, initial-scale=1.0"&gt;
  &lt;link rel="stylesheet" href="leaflet/leaflet.css" /&gt;
  &lt;title&gt;Basic Leaflet Mobile Map&lt;/title&gt;
  &lt;/head&gt;
  
  &lt;body&gt;
  &lt;div class="app"&gt;
  &lt;div id="map"&gt;&lt;/div&gt;
  
  &lt;/div&gt;
  &lt;script src="leaflet/leaflet.js"&gt;&lt;/script&gt;
  &lt;script&gt;
  var map = L.map('map').setView([52.04, -0.73], 12);
  L.tileLayer('http://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
      maxZoom: 18
  }).addTo(map);
  &lt;/script&gt;
  &lt;script type="text/javascript" src="phonegap.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="js/index.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript"&gt;
  app.initialize();
  &lt;/script&gt;
  &lt;/body&gt;
  
  &lt;/html&gt;
  </code></pre>
  
  <p>Which seems to work perfectly when I do:</p>
  
  <pre><code>phonegap serve
  </code></pre>
  
  <p>and I look the page on chrome.</p>
  
  <p>But when I try to look my app via PhoneGap Developper, the map is not loaded... Any idea ? I have all buttons of leaflet tools (zoom, etc) but no map.</p>
  
  <p>Thanks</p>
  
  <p>PS: I have the same issue with openlayers.</p>