JSFiddle - React, Tailwind, and code Playground

by borcagos

HTML

<html>
<head>
    <script src="https://api-maps.yandex.ru/2.1/?apikey=<ваш API-ключ>&lang=ru_RU" type="text/javascript">
    </script>
</head>

<body>
    <div id="map" style="width: 600px; height: 400px"></div>
</body>

</html>

CSS

/*        html, body, .map {
            width: 100%;
            height: 100%;
            margin: 0;
            padding: 0;
        }
   */

JavaScript

ymaps.ready(init);
    function init(){ 
        // Создание карты.    
        var myMap = new ymaps.Map("map", {
            // Координаты центра карты.
            // Порядок по умолчанию: «широта, долгота».
            // Чтобы не определять координаты центра карты вручную,
            // воспользуйтесь инструментом Определение координат.
            center: [55.76, 37.64],
            // Уровень масштабирования. Допустимые значения:
            // от 0 (весь мир) до 19.
            zoom: 7
        });
        
        
        gjs = 
`
{
  "geoShape": [
    {
      "field_id": "BL-03-01-04-0016",
      "field_after": "BL-01-03-04-0016",
      "field_bounds": {
        "type": "Polygon",
        "coordinates": [
          [
            [
              38.167657,
              51.13339
            ],
            [
              38.167727,
              51.13045
            ],
            [
              38.166858,
              51.129134
            ],
            [
              38.166418,
              51.128823
            ],
            [
              38.165838,
              51.128148
            ],
            [
              38.165677,
              51.127837
            ],
            [
              38.165817,
              51.127398
            ],
            [
              38.167276,
              51.126804
            ],
            [
              38.168596,
              51.127041
            ],
            [
              38.170141,
              51.127182
            ],
            [
              38.170484,
              51.127
            ],
            [
              38.171503,
              51.126804
            ],
            [
              38.173209,
              51.127723
            ],
            [
              38.174089,
              51.128425
            ],
            [
              38.174346,
              51.128877
            ],
            [
              38.174765,
              51.13047
            ],
            [
   ...