For too long, I've been struggling to make the geolocation feature work.
The errors on my console are as follows:
Coordinates.js:69 Uncaught ReferenceError: module is not defined(anonymous function) @ Coordinates.js:69
geolocation.js:24 Uncaught ReferenceError: require is not defined(anonymous function) @ geolocation.js:24
Position.js:22 Uncaught ReferenceError: require is not defined(anonymous function) @ Position.js:22
PositionError.js:38 Uncaught ReferenceError: module is not defined(anonymous function) @ PositionError.js:38
whitelist.js:23 No Content-Security-Policy meta tag found. Please add one when using the cordova-plugin-whitelist plugin."
At the top of my HTML file:
<!doctype html> <html class=""> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>Study Time</title; <link href="resources/css/boilerplate.css" rel="stylesheet" type="text/css"> <!--<link href="resources/css/index.css" rel="stylesheet" type="text/css">--> <link href="vendors/jquery/slidemenu.hamburger.css" rel="stylesheet" type="text/css"> <link href="resources/css/index.css" rel="stylesheet" type="text/css"> <link href="resources/css/switch.css" rel="stylesheet" type="text/css"> <script src="cordova.js"></script> <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script> <!-- <script src="vendors/phonegap/micVolume.js"></script> --> <script src="vendors/phonegap/location/Coordinates.js"></script> <script src="vendors/phonegap/location/geolocation.js"></script> <script src="vendors/phonegap/location/Position.js"></script> <script src="vendors/phonegap/location/PositionError.js"></script> <script src="resources/js/location.js"></script> </head>
The contents of my location.js file are:
// onSuccess Callback
// This method accepts a Position object, which contains the
// current GPS coordinates
//
function getLoc() {
GPSLocation.getCurrentPosition(onSuccess, onError);
}
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');
};
// onError Callback receives a PositionError object
//
function onError(error) {
alert('code: ' + error.code + '\n' +
'message: ' + error.message + '\n');
}
In addition, I have the necessary java classes in src/android and
<gap:plugin name="org.apache.cordova.geolocation" />