JSFiddle - React, Tailwind, and code Playground

by Alexandr Loginov

HTML

<script src="//yandex.st/jquery/1.8.3/jquery.min.js"></script>
<script src="https://api-maps.yandex.ru/2.1/?lang=ru-RU"></script>
<body >
  <div id='order-fld-2'>

  </div>
</body>

JavaScript

$(function(){
ymaps.ready(init);
function init() {
  ymaps.geolocation.get({provider:"browser"})
.then(function (res)  {
    var g = res.geoObjects.get(0);

    $("#order-fld-2")
      .html(g.getCountry() + ', ' + g.getAdministrativeAreas()[0] + ', ' + g.getLocalities()[0]);
  })
   .catch(function (err) {
    console.log('Не удалось установить местоположение', err);
  });
}
});