地理位置-异步回调无法处理错误-Javascript

Question

myFn.getMyCurrentPosition(data, function(data){ //Async call, need to use data like a callback - this section doesnt work. How can I use the current position coords and use it in a different function like a successfull callback?

var myFn = {
    this.localVar : null, 
    mysuccess : function (position) {
        this.myLocalVar = position.coords.latitude + ','+ position.coords.longitude; 
        return this.myLocalVar; 
    }, 
    myerror : function (error) {     
        return null; 
    }, 
    getMyCurrentPosition : function() {
        if(navigator && navigator.geolocation) { 
            //WORKS - mysuccess sets data asyncrhonously. 
            return navigator.geolocation.getCurrentPosition(this.mysuccess, this.myerror);          
        }
    }, 
    myInitializer : function(){
        //Initialize map, marker etc. for google maps API
        myFn.getMyCurrentPosition( function(){ //Async call, need to use data like a callback 
            //This code never runs! 
            if(this.myLocalVar){
                //doSomethingAfterCall - using this.myLocalVar, map, etc.;

            }
        });
    }
}

Update: TRIED THIS:

var myFn = {
    mysuccess: function (position) {
        myFn.myInitializer(); 
    }, 
    myerror: function (error) { 
        myFn.myInitializer(); 
    }, 

     myInitializer : function(){
        //Initialize map, marker etc. for google maps API
    }, 
    onLoadSet : function(){
        navigator.geolocation.getCurrentPosition(this.mysuccess, this.myerror);
    }

} 

myFn.onLoadSet(); 

Get this error: Failed to execute 'getCurrentPosition' on 'Geolocation': The callback provided as parameter 1 is not a function.

Answer 1

When you call myFn.getMyCurrentPosition , you pass it two arguments ( data and a function).

When you defined it:

 function() { 

You didn't tell it to accept any arguments (and you didn't use the arguments object either).

You need to actually use the arguments you pass to it if you want anything to be done with them.

Answer 2

Try something like the new Permission api
I have built a extended version/polyfill of it with support for requesting & querying the state of the geolocation all promisify: browser-su

/***************
 *    query    *
 ***************/
su.query({
    name: 'geolocation'
}).then(permission => {
    console.log(permission) // {state, onchange}
    console.log(permission.state) // granted, prompt or denied
})


/***************
 *   request   *
 ***************/
su.request({
    name: 'geolocation',
    timeout: 5000 // Optional
}).then(position => {
    console.log(position)
} err => {
    console.log(err.name, err.message)
    // RequestDeniedError       User blocked access to geolocation
    // RequestDismissedError    User dismissed access to geolocation
    // RequestTimeoutError      Timeout expired
    // RequestUnavailableError  Position is unavailable
    // RequestUnsupportedError  This client dose not seem to have geolocation support
})

Firefox will also soon have support for revoking permission

Answer 3

This is what worked. I tried the other approach but probably messed up something in my syntax. It was a couple of issues: The JS needs to reference variable myFn.method instead of this.method for the myInitializer call within success/error callbacks. Because locationSuccess/error are expected callbacks, this.locationSucess works in the callback for getcurrentPosition.

var myFn = {
    locationSuccess: function (position) {
        myFn.myInitializer(position.coords); 
    }, 
    locationError: function (error) {  
        myFn.myInitializer();  
    }, 

     myInitializer : function(data){
        //Initialize map, marker etc. for google maps API
       //if(data) { doSomething(); }
       //else { doSomethingElse(); }

    }, 
    onLoadSet : function(){
        navigator.geolocation.getCurrentPosition(this.locationSucess, this.locationError, {timeout:1000});
    }

};

myFn.onLoadSet(); 

Another issue is known: Add a timeout as third parameter for the

navigator.geolocation.getCurrentPosition(this.locationSuccess, this.locationError, {**timeout:1000**});