developing a custom geolocation feature in cordova to retrieve the current position

Question

developing a custom geolocation feature in cordova to retrieve the current position

I recently explored Cordova Geolocation examples and I'm facing difficulty in understanding how to retrieve the position data from its function so that I can utilize it multiple times from various locations.

Below is an illustration of retrieving the position:

    var onSuccess = function (position) {
        alert('Latitude: ' + position.coords.latitude + '\n' +
            'Longitude: ' + position.coords.longitude + '\n' +
            'Altitude: ' + position.coords.altitude + '\n' +
            'Accuracy: ' + position.coords.accuracy + '\n' +
            'Altitude Accuracy: ' + position.coords.altitudeAccuracy + '\n' +
            'Heading: ' + position.coords.heading + '\n' +
            'Speed: ' + position.coords.speed + '\n' +
            'Timestamp: ' + position.timestamp + '\n');
    };

    function onError (error) {
        alert('code: ' + error.code + '\n' +
            'message: ' + error.message + '\n');
    }

    navigator.geolocation.getCurrentPosition(onSuccess, onError);

Hence, my aim is to create a function that can return the position object acquired from 'onSuccess' whenever it is invoked.

javascript angularjs cordova

Answer 1

Answer №1

Perhaps the solution you're seeking is to utilize the bind method:

var getPosition
function onSuccess(position){
  getPosition = function(position){
    // perform actions with the position object afterwards
  }.bind(null, position);
}

// ... additional code or a timeout after the onSuccess function execution

if(getPosition)getPosition();

To demonstrate how the above code was intended to work:

// simulate cordova-geolocation-onSuccess call
onSuccess({x:2,y:5});

setTimeout(function(){

   if(getPosition)getPosition();

},2000);

I hope this clarifies things and addresses your query correctly.

Note: The bind method allows a function to be executed within a specific context (first parameter) and with predefined values for parameters (second, third... parameters).

In response to your comment below: You can also pass a callback function as a parameter to achieve the desired outcome:

function getUserPosition(callback) {
  function onSuccess(position) {
    callback(position);
  };
  $cordovaGeolocation.getCurrentPosition(options).then(onSuccess);
};

getUserPosition(function(position){
  // handle the position object here
});

However, if you require a function that truly returns a geolocation object, the initial solution provided must be utilized.

Answer 2

Perhaps the solution you're seeking is to utilize the bind method:

var getPosition
function onSuccess(position){
  getPosition = function(position){
    // perform actions with the position object afterwards
  }.bind(null, position);
}

// ... additional code or a timeout after the onSuccess function execution

if(getPosition)getPosition();

To demonstrate how the above code was intended to work:

// simulate cordova-geolocation-onSuccess call
onSuccess({x:2,y:5});

setTimeout(function(){

   if(getPosition)getPosition();

},2000);

I hope this clarifies things and addresses your query correctly.

Note: The bind method allows a function to be executed within a specific context (first parameter) and with predefined values for parameters (second, third... parameters).

In response to your comment below: You can also pass a callback function as a parameter to achieve the desired outcome:

function getUserPosition(callback) {
  function onSuccess(position) {
    callback(position);
  };
  $cordovaGeolocation.getCurrentPosition(options).then(onSuccess);
};

getUserPosition(function(position){
  // handle the position object here
});

However, if you require a function that truly returns a geolocation object, the initial solution provided must be utilized.

developing a custom geolocation feature in cordova to retrieve the current position

Answer №1

Similar questions

Angular2 Event:keyup triggers the input to lose focus

Utilize information from a JSON Array to populate a JavaScript Array

Enzyme in Action: Using React.js to Emulate a Click Event

Combining a pair of nested JSON arrays

Retrieve the value of an array in reactjs based on a specific condition

Chrome fails to read font family correctly

Difficulty interpreting description and metadata within a JSON object using JavaScript

Managing "unprocessed information" in a Node.js environment and transferring the information through a Node Express endpoint

HTML element DIV positioned above the iframe

Accessing the i and i+1 elements within a ng-repeat iteration

Run custom JavaScript code dynamically within a webpage

Automatically select a value in MUI AutoComplete and retrieve the corresponding object

Adjusting icons based on the length of the text

Error: Supabase and Next.js encountered a self-signed certificate within the certificate chain causing an AuthRetryableFetchError

Unable to forward page in EJS

swap out a method within a publicly available npm module

Steps to dynamically display or conceal a DIV using Bootstrap 5

What is the best way to pass an email as a Laravel parameter within a function using Angular?

Regenerate main JavaScript files in Gulp whenever partials are edited

What is the method for accessing a local XML file with $.ajax?