title: Google Places get LatLng
body: <p>I am using the Autocomplete method to get Place Suggestions and when I click the Place I want to choose, I want to extract the <code>Lat</code> and <code>Lng</code> which is placed under <code>place.geometry.location</code> as below.</p>
  
  <p><img src="https://i.stack.imgur.com/g5kdQ.jpg" alt="Firebug Screenshot"></p>
  
  <p>As per my observation, the keys <code>ib</code> and <code>jb</code> keep changing with every session. Is there any way I can extract the <code>Lat</code> and <code>Lng</code> predictably?</p>
  
  <pre class="lang-js prettyprint-override"><code>$(document).ready(function() {
  
      var mapOptions = {
          center : new google.maps.LatLng(-33.8688, 151.2195),
          zoom : 13,
          mapTypeId : google.maps.MapTypeId.ROADMAP
      };
      var map = new google.maps.Map(document.getElementById('map'), mapOptions);
  
      $('#searchTextField').bind('keydown keypress', function() {
          setTimeout(function() {
              var inputQuery = $('#searchTextField').val();
  
              if (inputQuery.length &gt;= 2) {
                  //console.log(inputQuery);
  
                  /*
                  var service = new google.maps.places.AutocompleteService();
  
                  service.getPlacePredictions({
                      input : inputQuery
                  }, callback);
                  */
  
                  var input = document.getElementById('searchTextField');
                  var options = {
                      types : ['geocode']
                  };
  
                  var autocomplete = new google.maps.places.Autocomplete(input, options);
  
                  // Acting on Selecting a place
                  google.maps.event.addListener(autocomplete, 'place_changed', function() {
                      //infowindow.close();
                      var place = autocomplete.getPlace();
  
                      console.log(place);
                      console.log(place.formatted_address);
                      console.log(place.name);
                      console.log(place.geometry.location);
                      console.log(place.geometry.location[0]);
  
                      // Show the map to the current location selected
                      if (place.geometry.viewport) {
                          map.fitBounds(place.geometry.viewport);
                      } else {
                          map.setCenter(place.geometry.location);
                          map.setZoom(17);
                          // Why 17? Because it looks good.
                      }
  
                      var marker = new google.maps.Marker({
                          position : place.geometry.location,
                          map : map,
                          draggable : true,
                      });
  
                      $.each(place.geometry.location, function(key, value) {
                          console.log(key + ": " + value);
                      }); 
                  });
              }
  
          }, 0);
  
      });
  });
  </code></pre>