title: How to make a simple google map page show in IntelXDK
body: <p>I am trying to make a simple page where a google map is displayed, centered on the current location.</p>
  
  <p>I have been able to sucessfully get the lat/long with the following, from where I also store it in localStorage. :</p>
  
  <pre><code>var geooptions = {timeout: 10000, maximumAge: 11000, enableHighAccuracy: true };
  var geofail = function(){
    alert("Geolocation failed. \nPlease enable GPS in Settings.");
  };
  var geosuc = function(p){
    localStorage.lat = p.coords.latitude;
    localStorage.lon = p.coords.longitude; 
    localStorage.latlon = p.coords.latitude + ', ' + p.coords.longitude;    
  };
  var getLocation = intel.xdk.geolocation.watchPosition(geosuc,geofail,geooptions);
  var stopGeolocation = function(){
          intel.xdk.geolocation.clearWatch(geolocationWatchTimer);
  }
  </code></pre>
  
  <p>When I try to draw the map with this, nothing happens - I have a div with id="page_4":</p>
  
  <pre><code>function drawMap() {
      //Creates a new google maps object
      var latlng = new google.maps.LatLng(localStorage.lat, localStorage.lon);
      myLatLng = latlng;
      var mapOptions = {
          center: latlng,
          mapTypeId: google.maps.MapTypeId.ROADMAP,
          zoomControl: true,
          zoomControlOptions: {
              style: google.maps.ZoomControlStyle.SMALL,
              position: google.maps.ControlPosition.LEFT_TOP
          },
      };
      var mymap = new google.maps.Map(document.getElementById("page_4"), mapOptions);
  }
  </code></pre>