Google map Geocoder how I can return values in new google.maps.LatLng?

Question

I have this code:

function getLatLong(address) {
        var geocoder = new google.maps.Geocoder();
        var result = "";
        geocoder.geocode( { 'address': address }, function(results, status) {
             if (status == google.maps.GeocoderStatus.OK) {
                 result[lat] = results[0].geometry.location.Pa;
                 result[lng] = results[0].geometry.location.Qa;
             } else {
                 result = "Unable to find address: " + status;
             }
             storeResult(result);
            });
      }





        directionsDisplay = new google.maps.DirectionsRenderer();
        var directionsService = new google.maps.DirectionsService();

        var request = {
          origin: new google.maps.LatLng(getLatLong()[0],getLatLong()[1]), 
          destination: new google.maps.LatLng(59.79530896374892,30.410317182540894), 
          travelMode: google.maps.DirectionsTravelMode.DRIVING /
        };

        directionsService.route(request, function(response, status) {
            if (status == google.maps.DirectionsStatus.OK) {
                directionsDisplay.setDirections(response);
            }
        });

        map = new google.maps.Map(document.getElementById("map"));
        directionsDisplay.setMap(map);

How I can return values origin: new google.maps.LatLng() ? Problem callback, how I can save values in global vars? Please Help fix it. Im have no ideas.

`location.Pa`, `location.Qa` are not stable variable names, they are generated by the closure compiler and can and do change with each release of the API. — geocodezip, Oct 26 '16 at 11:28

score 0 · Accepted Answer · edited May 23 '17 at 12:33

The geocoder is asynchronous, you can't return values from the callback function, you need to use them when/where they are available (in the callback function).

reference: How do I return the response from an asynchronous call?

One option, make the directions service call in the callback function of the Geocoder:

function getLatLong(address) {
  var geocoder = new google.maps.Geocoder();
  geocoder.geocode({
    'address': address
  }, function(results, status) {
    if (status == google.maps.GeocoderStatus.OK) {
      var request = {
        origin: results[0].geometry.location,
        destination: new google.maps.LatLng(59.79530896374892, 30.410317182540894),
        travelMode: google.maps.DirectionsTravelMode.DRIVING
      };

      directionsService.route(request, function(response, status) {
        if (status == google.maps.DirectionsStatus.OK) {
          directionsDisplay.setDirections(response);
        } else {
          alert("directions failed:" + status)
        }
      });
    } else {
      result = "Unable to find address: " + status;
    }
  });
}

proof of concept fiddle

code snippet:

var geocoder;
var map;
var directionsDisplay;
var directionsService;

function initialize() {
  map = new google.maps.Map(
    document.getElementById("map"), {
      center: new google.maps.LatLng(37.4419, -122.1419),
      zoom: 13,
      mapTypeId: google.maps.MapTypeId.ROADMAP
    });
  directionsDisplay = new google.maps.DirectionsRenderer();
  directionsService = new google.maps.DirectionsService();
  map = new google.maps.Map(document.getElementById("map"));
  directionsDisplay.setMap(map);
  getLatLong("St. Petersburg, Russia");

}
google.maps.event.addDomListener(window, "load", initialize);

function getLatLong(address) {
  var geocoder = new google.maps.Geocoder();
  geocoder.geocode({
    'address': address
  }, function(results, status) {
    if (status == google.maps.GeocoderStatus.OK) {
      var request = {
        origin: results[0].geometry.location,
        destination: new google.maps.LatLng(59.79530896374892, 30.410317182540894),
        travelMode: google.maps.DirectionsTravelMode.DRIVING
      };

      directionsService.route(request, function(response, status) {
        if (status == google.maps.DirectionsStatus.OK) {
          directionsDisplay.setDirections(response);
        } else {
          alert("directions failed:" + status)
        }
      });
    } else {
      result = "Unable to find address: " + status;
    }
  });
}

html,
body,
#map {
  height: 100%;
  width: 100%;
  margin: 0px;
  padding: 0px
}

<script src="https://maps.googleapis.com/maps/api/js"></script>
<div id="map"></div>

Are how I Can do 2 adresses? origin: results[0].geometry.location, destination: results[1].geometry.location ? — BlogSER, Oct 26 '16 at 12:43

Google map Geocoder how I can return values in new google.maps.LatLng?

1 Answers1