getting variable value from inside function js

Question

I am trying to get user current location and pass those latitude/longitude coordinates to a map. The map will be used as a website background image.

I was partially successful with this code:

  navigator.geolocation.getCurrentPosition(showPosition);

    function showPosition(position) {
        xss =position.coords.latitude + 
        "," + position.coords.longitude; 


  }
var position = [32.5590985,35.8415147];

Now I want the value of xss to be inside this variable:

var position = [32.5590985,35.8415147];

basically I was trying to get the values from the function but without success.

How should I go about getting a value from inside the function?

HTML

<div id="googlemaps"></div>

JS Code

    navigator.geolocation.getCurrentPosition(showPosition);

    function showPosition(position) {
        xss =position.coords.latitude + 
        "," + position.coords.longitude; 


  }
var position = [32.5590985,35.8415147];

function initialize() {

    var myOptions = {
        zoom: 17,
        streetViewControl: false,
        scaleControl: false,
        mapTypeId: google.maps.MapTypeId.ROADMAP
    };

    map = new google.maps.Map(document.getElementById('googlemaps'),
        myOptions);


    latLng = new google.maps.LatLng(position[0], position[1]);

    map.setCenter(latLng);

    marker = new google.maps.Marker({
        position: latLng,
        map: map,
        draggable: false,
        animation: google.maps.Animation.DROP
    });


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

yes but i want to get the xss as is it inside the position var @Igor — Usf Ahmed Subehi
– Usf Ahmed Subehi, Commented Jun 6, 2014 at 18:16
inside it it should be latitude and longitude of the user current position to show it on map, take another look at the question i added a code for testing @Igor — Usf Ahmed Subehi
– Usf Ahmed Subehi, Commented Jun 6, 2014 at 18:19

Arnelle Balane · Accepted Answer · 2014-06-06 17:57:00Z

1

How about you set the value of position variable from inside the showPosition function?

var position;

navigator.geolocation.getCurrentPosition(showPosition);

function showPosition(pos) {
  position = [pos.coords.latitude, pos.coords.longitude];
}

answered Jun 6, 2014 at 17:57

Arnelle Balane

5,4951 gold badge28 silver badges32 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

Usf Ahmed Subehi Over a year ago

didn't work out i try to added an alert(position); outside the function and it gave me undefinded but inside the function it work good and that's keep the same problem please take a look at the question again i added a demo code

Arnelle Balane Over a year ago

well, yeah , because getCurrentPosition is an asynchronous function and your alert statement gets executed before getCurrentPosition even finished :(

Usf Ahmed Subehi Over a year ago

Worked Perfect like charm Thank You

Community · Accepted Answer · 2017-05-23 11:51:24Z

0

Assuming navigator.geolocation.getCurrentPosition is asynchronous, this looks like a classic "Get results from an asynchronous request" problem. Please see https://stackoverflow.com/a/14220323/380487 for a detailed answer.

edited May 23, 2017 at 11:51

CommunityBot

11 silver badge

answered Jun 6, 2014 at 18:40

nrabinowitz

55.7k10 gold badges152 silver badges169 bronze badges

2 Comments

Usf Ahmed Subehi Over a year ago

i was trying to do such a thing

navigator.geolocation.getCurrentPosition(showPosition);              function showPosition(position) {             xss = "[" +position.coords.latitude + "," + position.coords.longitude +"]";              return xss;         }      var position = showPosition(position);

but it didn't work also

nrabinowitz Over a year ago

Did you read the answer I linked to? If navigator.geolocation.getCurrentPosition is async, you will never be able to access values from inside the function in subsequent synchronous code.

Collectives™ on Stack Overflow

getting variable value from inside function js

2 Answers 2

3 Comments

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

3 Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related