I am working HTML/JavaScript app that reads gps coordinates from the device. The issue I am having is that I get the following error:
Uncaught TypeError: Failed to execute 'getCurrentPosition' on 'Geolocation': The callback provided as parameter 1 is not a function.
Here is the JavaScript:
var app = {
  position: null,
  // Application Constructor
  initialize: function() {
    alert("app.initialize invoked");
    console.log("Initializing google map");
    $(document).ready(this.onDeviceReady); 
  },
  // Execute on success - when calling this function invoke with this. prefixed
  onSuccess: function() 
  {
    alert("app.onSuccess invoked");
    var lat = geolocation.coords.latitude;
    var lng = geolocation.coords.longitude;
    localStorage.setItem("Latitude", lat);
    localStorage.setItem("Longitude", lng);
    alert("lat: " + lat + "long: " + lng);
  },
  // Execute on failure - when calling this function invoke with this. prefixed
  onError: function() 
  {
    alert("Code: " + error.message);
  },
  // Execute on deviceReady - when calling this function invoke with this. prefixed
  onDeviceReady: function() 
  {
    alert("app.onDeviceReady invoked");
    var options = { enableHighAccuracy: true };
    alert("app.onDeviceReady invoked +2");
    //<------------------- vv Does not work vvv -------------------
    navigator.geolocation.watchPosition(this.onSuccess, this.onError, options);
    alert("app.onDeviceReady invoked +3");
  },
  // Attach google map to div
  showGoogleMap: function() 
  {
  } 
};
function onLoad() {
  alert("onLoad invoked");
  app.initialize();
}
So it doesn't like the way I am registering the callback function - this.onSuccess. How should I fix this? Any ideas?
Thanks
                        
The answer to my question is to NOT use this when calling the onSuccess and onError function. The correct invocation is:
This was pointed out by Kerry Shotts:
https://groups.google.com/forum/#!topic/phonegap/TIjA3TPpQt0