I've actually steered away from using the coordinate.formatter for formatting from a point to a string. I personally only use it for converting the other way from a string to a point.
The rationale was that we wanted a bit more control over the formatting - For example presenting DDM as 54°16.544' S, 36°26.348' W instead of 54 16.544S 36 26.348W.
export type DisplayFormat = 'DD' | 'DMS' | 'DDM';
export const BLANK_COORDINATES = {
DD: '--.-° N, --.-° E',
DMS: '--°--\'--\" N, --°--\'--\" E',
DDM: "--°--.--' N, --°--.--' E",
} as const;
// Utility functions for coordinate conversions
export function decimalToDMS(degree: number, isLat: boolean) {
const absolute = Math.abs(degree);
const degrees = Math.floor(absolute);
const minutesNotTruncated = (absolute - degrees) * 60;
const minutes = Math.floor(minutesNotTruncated);
const seconds = ((minutesNotTruncated - minutes) * 60).toFixed(2);
const direction = isLat ? (degree >= 0 ? 'N' : 'S') : degree >= 0 ? 'E' : 'W';
return `${degrees}°${minutes}'${seconds}" ${direction}`;
}
export function decimalToDDM(degree: number, isLat: boolean) {
const absolute = Math.abs(degree);
const degrees = Math.floor(absolute);
const minutes = ((absolute - degrees) * 60).toFixed(3);
const direction = isLat ? (degree >= 0 ? 'N' : 'S') : degree >= 0 ? 'E' : 'W';
return `${degrees}°${minutes}' ${direction}`;
}
export function formatLatitude(latitude: number) {
const direction = latitude >= 0 ? 'N' : 'S';
const absoluteValue = Math.abs(latitude).toFixed(2);
return `${absoluteValue}° ${direction}`;
}
export function formatLongitude(longitude: number) {
const direction = longitude >= 0 ? 'E' : 'W';
const absoluteValue = Math.abs(longitude).toFixed(2);
return `${absoluteValue}° ${direction}`;
}
export function formatCoordinate(
lat: number | nullish,
lon: number | nullish,
format: DisplayFormat,
displayPlaceholder: boolean = false,
) {
if (!isDefined(lat) || !isDefined(lon))
return displayPlaceholder ? BLANK_COORDINATES[format] : null;
switch (format) {
case 'DD':
return `${formatLatitude(lat)}, ${formatLongitude(lon)}`;
case 'DMS':
return `${decimalToDMS(lat, true)}, ${decimalToDMS(lon, false)}`;
case 'DDM':
return `${decimalToDDM(lat, true)}, ${decimalToDDM(lon, false)}`;
default:
return null;
}
}
