app.js

let latitude ,longitude ="";

if(navigator.geolocation)
{
    navigator.geolocation.getCurrentPosition(onSuccess,onError);
}
else
{
    alert("Tarayici konum bilgisini alamiyor");
}

 function onSuccess(position)
 {
    latitude=position.coords.latitude;
    longitude=position.coords.longitude;

    initMap();

    const api_key = "YOUR_API_KEY_HERE";
    const url = `https://api.opencagedata.com/geocode/v1/json?q=${latitude}+${longitude}&key=${api_key}`;

    fetch(url)
    .then(response => response.json())
    .then(result=>{
        
        let details=result.results[0].components;

        let {country ,postcode ,province}=details;

        document.getElementById("results").innerHTML=`
           <p>Ülke: ${country}</p>
           <p>Posta kodu :${postcode}</p>
           <p>Bölge:${province}</p>
        `;
    });

 }
  
function onError(error)
{
    if(error.code==1)
    {
        alert("kullanici erişim iznini reddeti");

    }
    else if( error.code==2)
    {
        alert("konum alinamadi");
    }
    else{
        alert("bir hata oluştu");
    }
}
 let map;

 function initMap()
 {
    map= new google.maps.Map(document.getElementById("map"),{
        center:{lat:latitude,lng:longitude},
        zoom:8,
    });

    const marker= new google.maps.Marker({
        position:{lat:latitude,lng:longitude},
        map:map,
    });
 }
 

//ben html ve css için google cloud platformdan bir api almam ve bunum içinde orada proje açmam gerek.