title: jquery mobile refresh to load map api v3
body: <p>I have to refresh one time the page to load the map.
  You can actually have a look in the link below:  </p>
  
  <p><strong><a href="http://metartestmobile.netau.net/template/listview.html" rel="nofollow">http://metartestmobile.netau.net/template/listview.html</a></strong>    </p>
  
  <p>When i move this line ( 
          <code>&lt;script src="http://code.jquery.com/jquery-1.11.0-beta2.js"&gt;&lt;/script&gt;</code> )  </p>
  
  <p>But i wanna use that line..  </p>
  
  <p>Here's is the file <code>listview.html</code> </p>
  
  <pre><code>&lt;html&gt;
          &lt;head&gt;
              &lt;meta name="viewport" content="width=device-width,initial-scale=1"&gt;
              &lt;link rel="stylesheet" href="themes/Bootstrap.css"&gt;
              &lt;link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.0/jquery.mobile.structure-1.4.0.min.css" /&gt;
              &lt;link rel="stylesheet" href="themes/jquery.mobile.icons.min.css" /&gt;
              &lt;script src="http://code.jquery.com/jquery-1.11.0-beta2.js"&gt;&lt;/script&gt;
              &lt;script src="http://code.jquery.com/mobile/1.4.0/jquery.mobile-1.4.0.min.js"&gt;&lt;/script&gt;
              &lt;meta http-equiv="Content-Type" content="text/html; charset=UTF-8"&gt;
          &lt;/head&gt;
          &lt;body&gt;
              &lt;div data-role="page" id="my-page" &gt;
                  &lt;div data-role="content" data-theme="a"&gt;
                      &lt;ul data-role="listview" data-inset="true" data-divider-theme="f"&gt;
                          &lt;li data-role="list-divider"&gt;Weather&lt;/li&gt;
                          &lt;li data-icon="arrow-r"&gt;&lt;a href="map.html" data-transition="flip" &gt;Humidity-Rain&lt;/a&gt;&lt;/li&gt;
                      &lt;/ul&gt;
  
                  &lt;/div&gt;
              &lt;/div&gt;
          &lt;/body&gt;
      &lt;/html&gt;
  </code></pre>
  
  <p>and the <code>map.html</code></p>
  
  <pre><code>&lt;html&gt;
  &lt;head&gt;
      &lt;script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"&gt;&lt;/script&gt;
      &lt;link rel="stylesheet" href="themes/Bootstrap.css"&gt;
  &lt;script type="text/javascript"&gt;
    var infowindow;
    var map;
    function initialize() {
      var myLatlng = new google.maps.LatLng(38.822590,24.653320);
      var myOptions = {
        zoom: 6,
        center: myLatlng,
        mapTypeId: google.maps.MapTypeId.ROADMAP
      }
      map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
      }
  &lt;/script&gt;
  &lt;/head&gt;
  &lt;body onload="initialize()"&gt;
      &lt;div data-role="content"&gt;
          &lt;div id="map_canvas" &gt;&lt;/div&gt;    
      &lt;/div&gt;
  
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>