JavaScript - Accessing variables from another function

Question

I´m new to StackOverflow, so if I make a mistake, please be lenient with me.

I have a problem. When I am trying to access to a variable from another function, it results "null".

function initAutocomplete() {
    var latitude = 0;
    var longitude = 0;
    var geocoder = new google.maps.Geocoder();
    var address = document.getElementById("geocode").value;
    geocoder.geocode({ 'address': address }, 
    function getCoordinates(results, status) {
        //if (status == google.maps.GeocoderStatus.OK) {
             latitude = results[0].geometry.location.lat();
             longitude = results[0].geometry.location.lng();

        } 
    //}
    );
    var uluru = {lat: latitude, 
    lng: longitude};
    var map = new google.maps.Map
    (document.getElementById('map'), 
    {
      center: uluru,
      zoom: 17,
      mapTypeId: 'roadmap'
    });
}

What's the connection with php and html? Please remove those tags. — KIKO Software
– KIKO Software, Commented Jan 29, 2018 at 10:03
@Keith I want to get latitude and longitude from function getCoordinates() in the var uluru — Yung-LX
– Yung-LX, Commented Jan 29, 2018 at 11:01

Professor Abronsius · Accepted Answer · 2018-01-29 10:15:51Z

latitude and longitude for uluru are fully populated in the geocoding callback function which is not necessarily going to make them available when the function loads so instead you could use the callback to set the map center when those values are available.

function initAutocomplete() {
    var latitude = 0;
    var longitude = 0;
    var uluru = {lat: latitude, lng: longitude };

    var geocoder = new google.maps.Geocoder();
    var address = document.getElementById("geocode").value;

    geocoder.geocode({'address':address}, function getCoordinates( results, status ) {
        if( status == google.maps.GeocoderStatus.OK ) {
            latitude = results[0].geometry.location.lat();
            longitude = results[0].geometry.location.lng();

            map.setCenter( new google.maps.LatLng( latitude,longitude ) ;
        } 
    });

    var map = new google.maps.Map(document.getElementById('map'), {
        center: uluru,
        zoom: 17,
        mapTypeId: 'roadmap'
    });
}

IcanMakeIt · Accepted Answer · 2018-01-29 10:18:50Z

0

Simple example of accessing variables:

<script>
var a = 10;
var c;

function aa() {
  document.write("func aa ");
  var b = 20;
  c = b;
  document.write(a + b);
}

function bb() {
  document.write("func bb ");
  document.write(c);
}

aa();
document.write(" ");
bb();

answered Jan 29, 2018 at 10:18

IcanMakeIt

597 bronze badges

Comments

Luca Rainone · Accepted Answer · 2018-01-29 10:24:53Z

0

From doc of Google Geocoding Service

Accessing the Geocoding service is asynchronous

This means that your function is called after the inizialization of uluru object.

You should inizialize the map and uluru object inside the function getCoordinates

answered Jan 29, 2018 at 10:24

Luca Rainone

16.5k2 gold badges45 silver badges54 bronze badges

Collectives™ on Stack Overflow

JavaScript - Accessing variables from another function

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related