Platform-aware directions URL helper JS

getDirectionsUrl.js

/**
 * @typedef {'web' | 'ios' | 'android'} Platform
 */

/**
 * @returns {Platform}
 */
export function getPlatform() {
  if (typeof window === 'undefined') return 'web';
  const ua = window.navigator.userAgent.toLowerCase();
  if (/android/.test(ua)) return 'android';
  if (/iphone|ipad|ipod/.test(ua) || (window.navigator.platform === 'MacIntel' && window.navigator.maxTouchPoints > 1)) return 'ios';
  return 'web';
}

/**
 * @param {{ latitude: number, longitude: number }} location
 * @returns {string}
 */
export function getDirectionsUrl(location) {
  const lat = location.latitude;
  const lng = location.longitude;
  const platform = getPlatform();
  if (platform === 'ios') {
    return `maps://?daddr=${lat},${lng}`;
  } else if (platform === 'android') {
    return `geo:${lat},${lng}?q=${lat},${lng}`;
  }
  return `https://www.google.com/maps/dir/?api=1&destination=${lat},${lng}`;
}