Currently, I am in the process of developing an AngularJS application that I plan to convert into a mobile app using Cordova. My goal is to incorporate Cordova's geolocation plugin into the app, but I have encountered an issue where it returns undefined. I have already added Android as a platform and made necessary adjustments to the permissions in both the manifest and config.xml files.
AndroidManifest.xml
<uses-permission android:name="android.permission.ACCESS_COARSE_LOCATION" />
<uses-permission android:name="android.permission.ACCESS_FINE_LOCATION" />
<uses-permission android:name="android.permission.ACCESS_LOCATION_EXTRA_COMMANDS" />
android/res/xml/config.xml
<feature name="Geolocation">
<param name="android-package" value="org.apache.cordova.geolocation.GeoBroker" />
</feature>
<feature name="Geolocation">
<param name="android-package" value="org.apache.cordova.GeoBroker" />
</feature>
<plugin name="Geolocation" value="org.apache.cordova.GeoBroker" />
Within my Angular app.js file, I have created the module and within the module.run function, I am attempting to call the geolocation with the following code:
$rootScope.onSuccess = function(position) {
alert('right here');
$rootScope.pos= {
latitude: position.coords.latitude,
longitude: position.coords.longitude,
timestamp: position.timestamp
}
};
$rootScope.onError = function(error) {
alert('code: ' + error.code + '\n' +
'message: ' + error.message + '\n');
}
navigator.geolocation.getCurrentPosition($rootScope.onSuccess(), $rootScope.onError());
What puzzles me is that although it successfully enters the onSuccess function (as evidenced by the alert popup), I am encountering the following error in my logcat:
Uncaught TypeError: Cannot read property 'coords' of undefined at file:///android_asww/scripts/app.js:80
I suspect there may be something crucial that I am overlooking. Any guidance or insights would be greatly appreciated.