¿Cómo carga y usa la API de Google Maps usando Nextjs?
1 - ¿Cómo se carga la api? He intentado cargarlo en _document.js:
import { Html, Head, Main, NextScript } from 'next/document' import Script from 'next/script' const source = `https://maps.googleapis.com/maps/api/js?key=${process.env.NEXT_PUBLIC_GOOGLE_MAPS_API_KEY}&libraries=places` const Document = () => { return ( <Html> <Head> <Script type="text/javascript" src={source} strategy="beforeInteractive" /> </Head> <body> <Main /> <NextScript /> </body> </Html> ) } export default Document2 - ¿Cómo haces referencia a la API?
Algo como: ? window.google.maps.places.AutocompleteService().getPlacePredictions()
Pero me sale un error de que google no está definido
También he intentado usar bibliotecas npm pero ninguna parece funcionar. reaccionar-lugares-autocompletar usar-lugares-autocompletar