Geolocation script not working

Question

I am making a request to an app that I'm running on another server. I know my browser supports geolocation, because I've tried it elsewhere. Here is what I currently have:

<script>
    function getLocation(){
        if(navigator.geolocation){
            navigator.geolocation.getCurrentPosition(showPosition)
        }else{
            console.log("Geolocation is not supported");
        }
    }
    function showPosition(position){
        return position.coords.latitude+" "+position.coords.longitude;
    }

    (function () {
        var latlong = getLocation();
        console.log("Latlong " + latlong);
        var http = new XMLHttpRequest();
        http.open("POST", "http://api.example.com/", true);
        http.setRequestHeader("Content-type","application/x-www-form-urlencoded");
        var params = "location=" + latlong;
        http.send(params);
        http.onload = function() {
            alert(http.responseText);
        }
    })();
</script>

The request works, but the location param is set to undefined. Why is it not defined?

possible duplicate of [unable to cope with the asynchronous nature of navigator.geolocation](http://stackoverflow.com/questions/2707191/unable-to-cope-with-the-asynchronous-nature-of-navigator-geolocation) — Andreas, Jan 22 '15 at 20:27
[Using geolocation](https://developer.mozilla.org/en-US/docs/Web/API/Geolocation/Using_geolocation) — Andreas, Jan 22 '15 at 20:28

score 1 · Accepted Answer · answered Jan 22 '15 at 20:22

1

Function getCurrentPosition accepts three parameters like this.
navigator.geolocation.getCurrentPosition(success, error, options);

Simply put your output function needs to be in success.

Working fiddle

answered Jan 22 '15 at 20:22

JTC

3,344
3
28
46

score 0 · Answer 2 · answered Jan 22 '15 at 20:23

0

Move the Ajax request into the showPosition callback. At the moment you call params before it is filled.

answered Jan 22 '15 at 20:23

localghost

142
5

Geolocation script not working

2 Answers2