Как вариант...
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<script src="https://api-maps.yandex.ru/2.0-stable/?load=package.standard&lang=ru-RU" type="text/javascript"></script>
<style>
</style>
<script>
window.onload = function () {
const o = ymaps.geolocation;
document.getElementById("city").innerHTML = o.city;
document.getElementById("region").innerHTML = o.region;
document.getElementById("country").innerHTML = o.country;
}
</script>
</head>
<body>
<div id="city"></div>
<div id="region"></div>
<div id="country"></div>
</body>
</html>