Subsection 1.1.1: Getting the Current Device Position

// Geolocation options

const geolocationOptions = {

enableHighAccuracy: true, // Requests the most accurate location available.

timeout: 5000, // Sets a timeout for location retrieval.

maximumAge: 0, // Ensures that a fresh position is requested each time.

};

// Function to handle successful geolocation retrieval

function handleGeolocationSuccess(position) {

const coordinates = position.coords;

// Display latitude, longitude, and accuracy

console.log("Your current position is:");

console.log(Latitude: ${coordinates.latitude});

console.log(Longitude: ${coordinates.longitude});

console.log(Accuracy: ${coordinates.accuracy} meters.);

}

// Function to handle geolocation error

function handleGeolocationError(error) {

console.warn(ERROR(${error.code}): ${error.message});

}

// Reference to hold the current location

const currentLocation = ref(null);

// Get the current location using geolocation

navigator.geolocation.getCurrentPosition(handleGeolocationSuccess, handleGeolocationError, geolocationOptions);

The navigator.geolocation.getCurrentPosition() method accepts up to three parameters:

1. Success Callback: This function is executed with a GeolocationPosition object upon successful location retrieval, providing access to the necessary data.
2. Error Callback: This optional function runs when the location retrieval fails, providing information about the error encountered.
3. Options Object: This optional parameter allows the specification of certain options for the position data retrieval.

By obtaining the user's latitude and longitude, we can accurately determine their location on the globe. This information can then be utilized in various APIs to convert the coordinates into a more recognizable format.

However, it is vital to remember that the user must grant permission for location access, as this is a fundamental requirement for safeguarding their privacy.

The Geolocation API is widely compatible with modern web browsers.