I am getting these errors:
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.";);
// }
}
});
Try adding https:// to the URL like so
const api = `https://api.openweathermap.org/data/2.5/weather?
lat=${lat}&lon=${lon}&appid=9268356eb17fbbe77a86201da74c9c46`;Your local dev environment should be secure, i.e., you need to use https://localhost or https://127.0.0.1 to retrieve the lat and lnt data of your user, in this case, yourself's.
Use this to setup create a https certificate on your local machine, https://github.com/FiloSottile/mkcert
Besides, you need this link as a guide, https://www.section.io/engineering-education/how-to-get-ssl-https-for-localhost/
Reference: https://developer.mozilla.org/en-US/docs/Web/API/Geolocation/getCurrentPosition
navigator.geolocation.getCurrentPosition should be in a secure environment, even if it's localhost.