Maps

import { Client } from '@googlemaps/google-maps-services-js';
const client = new Client();

const response = await client.geocode({
  params: { address: 'Googleplex, Mountain View, CA', key: process.env.GOOGLE_MAPS_API_KEY },
});
const { lat, lng } = response.data.results[0].geometry.location;
console.log(`Lat: ${lat}, Lng: ${lng}`);

const res = await fetch(
  `https://geocode.search.hereapi.com/v1/geocode?q=Times+Square+New+York&apiKey=${process.env.HERE_API_KEY}`
);
const { items: [place] } = await res.json();
console.log(`${place.title}`);
console.log(`Lat: ${place.position.lat}, Lng: ${place.position.lng}`);

import mapboxgl from 'mapbox-gl';
mapboxgl.accessToken = process.env.MAPBOX_ACCESS_TOKEN;

const map = new mapboxgl.Map({
  container: 'map',
  style: 'mapbox://styles/mapbox/streets-v12',
  center: [126.978, 37.566], // Seoul
  zoom: 11,
});

const res = await fetch(
  'https://nominatim.openstreetmap.org/search?q=Eiffel+Tower+Paris&format=json&limit=1',
  { headers: { 'User-Agent': 'MyApp/1.0 (contact@example.com)' } }
);
const [result] = await res.json();
console.log(`${result.display_name}`);
console.log(`Lat: ${result.lat}, Lng: ${result.lon}`);

// Stadia Maps tile URL (use in Leaflet/MapLibre)
const tileUrl = `https://tiles.stadiamaps.com/tiles/alidade_smooth/{z}/{x}/{y}.png?api_key=${process.env.STADIA_API_KEY}`;

// Geocoding
const res = await fetch(
  `https://api-beta.stadiamaps.com/geocoding/v1/search?text=Berlin&api_key=${process.env.STADIA_API_KEY}`
);
const { features: [place] } = await res.json();
console.log(place.properties.label);