JSFiddle - React, Tailwind, and code Playground

by Max Zima

HTML

<script src="http://api-maps.yandex.ru/2.1-dev/?load=package.full&amp;lang=ru-RU&amp;coordorder=longlat&amp;mode=debug"></script>
<div id="ya_map"></div>

<!-- Не правильно построен js массив обязательно указывай id -->

CSS

#ya_map {
    width: 400px;
    height: 300px;
}

JavaScript

var myMap = null;
var objectManager = null;

ymaps.ready(function () {
    myMap = new ymaps.Map('ya_map', {
            center: [82.905117,54.989659],
            zoom: 9,
            controls: ['geolocationControl', 'zoomControl']
          });
    
     var json = {
  "type": "FeatureCollection",
  "features": [
      {
        "type": "Feature",
        "geometry": {
          "type": "Point",
          "coordinates": [82.958676,55.042529]
        },
        "properties": {
          "balloonContent": "<div style=\"text-align:center\"><img src=\"http://karta-otdyha.loc/bundles/appweb/images/ajax_loader_green_48.gif?v1\" title=\"Загрузка\"></div>",
          "hintContent": "Новосибирский санаторий"
           ,"typeTourism_1": 651
        },
        "options": {
          "preset": "islands#blueIcon"
        }
      } ,
      {
        "type": "Feature",
        "geometry": {
          "type": "Point",
          "coordinates": [82.905117,54.989659]
        },
        "properties": {
          "balloonContent": "<div style=\"text-align:center\"><img src=\"http://karta-otdyha.loc/bundles/appweb/images/ajax_loader_green_48.gif?v1\" title=\"Загрузка\"></div>",
          "hintContent": "Новосибирский зоопарк",
          "typeTourism_1": 651
        },
        "options": {
          "preset": "islands#blueIcon"
        }
      }

                    ,
      
    
      {
        "type": "Feature",
        "geometry": {
          "type": "Point",
          "coordinates": [
            82.840573,
            55.116588
          ]
        },
        "properties": {
          "balloonContent": "<div style=\"text-align:center\"><img src=\"http://karta-otdyha.loc/bundles/appweb/images/ajax_loader_green_48.gif?v1\" title=\"Загрузка\"></div>",
          "hintContent": "q2"
                            },
        "options": {
          "preset": "islands#blueIcon"
        }
      }

                    ,
      
    
      {
        "type": "Feature",
        "geometry": {
   ...