Estoy recibiendo estos errores:
JavaScript
window.addEventListener("load", () => { let lon; let lat; if (navigator.geolocation) { navigator.geolocation.getCurrentPosition((postion) => { lat = postion.coords.latitude; lon = postion.coords.longitude; const api = `api.openweathermap.org/data/2.5/weather? lat=${lat}&lon=${lon}&appid=9268356eb17fbbe77a86201da74c9c46`; fetch(api) .then((response) => { return response.json(); }) .then((data) => { console.log(data);a }) .catch((err) => alert("Enable your location")); }); // else{ // alert("Geolocation is not supported by this browser.";); // } } });Intenta agregar https:// a la URL así
const api = `https://api.openweathermap.org/data/2.5/weather? lat=${lat}&lon=${lon}&appid=9268356eb17fbbe77a86201da74c9c46`;Su entorno de desarrollo local debe ser seguro, es decir, necesita usar https://localhost o https://127.0.0.1 para recuperar los datos de lat e lnt de su usuario, en este caso, los suyos.
Use esto para configurar la creación de un certificado https en su máquina local, https://github.com/FiloSottile/mkcert
Además, necesita este enlace como guía, https://www.section.io/engineering-education/how-to-get-ssl-https-for-localhost/
Referencia: https://developer.mozilla.org/en-US/docs/Web/API/Geolocation/getCurrentPosition
navigator.geolocation.getCurrentPosition debe estar en un entorno seguro, incluso si es localhost.