Geolocalización en PhoneGap

PhoneGap es un framework muy utilizado en la actualidad, con el cual se desarrollan aplicaciones en HTML5 para dispositivos móviles. En este sencillo tutorial aprenderemos a utilizar la geolocalización en PhoneGap, para esto vamos a utilizar el plugin oficial geolocation, el cual pueden encontrar en el sitio: http://docs.phonegap.com.

¿Cómo utilizar la geolocalización en PhoneGap?

Primero debemos instalar el plugin geolocation en nuestro proyecto, utilizando el siguiente comando desde la terminal:

cordova plugin add org.apache.cordova.geolocation

También se puede utilizar el comando phonegap en lugar de cordova. Luego para que funcione en nuestro proyecto simplemente debemos agregar el siguiente código Java Script.

// onSuccess Callback
// Este método recibe un objeto posición, el cual contiene
// la actual coordenada GPS
//
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');
};

// Recibe un objeto PositionError en caso de que falle
//
function onError(error) {
    alert('code: '    + error.code    + '\n' +
          'message: ' + error.message + '\n');
}

navigator.geolocation.getCurrentPosition(onSuccess, onError);

Al ejecutar el código anterior se mostrarán los datos GPS que figuran en el alert.

Bueno gente, espero que les sea de gran utilidad este tutorial en el cual se explica cómo usar la geolocalización en PhoneGap. Ante cualquier problema no duden en dejar un comentario.