JSFiddle - React, Tailwind, and code Playground
by Sergey khorev
HTML
<div class="map-app"><div class="map-app-loading" style="display: none;"></div><div class="line-loader map-loader" style="display: none;"></div><div class="map-wrap" id="map"><ymaps class="ymaps-2-1-72-map" style="width: 1200px; height: 500px;"><ymaps class="ymaps-2-1-72-map ymaps-2-1-72-i-ua_js_yes ymaps-2-1-72-map-bg ymaps-2-1-72-islets_map-lang-ru" style="width: 1200px; height: 500px;"><ymaps class="ymaps-2-1-72-inner-panes"><ymaps class="ymaps-2-1-72-events-pane ymaps-2-1-72-user-selection-none" unselectable="on" style="height: 100%; width: 100%; top: 0px; left: 0px; position: absolute; z-index: 3000; cursor: url("https://api-maps.yandex.ru/2.1.72/build/release/images/cursor/grab.cur") 16 16, url("https://api-maps.yandex.ru/2.1.72/build/release/images/cursor/grab.cur"), move;"></ymaps><ymaps class="ymaps-2-1-72-ground-pane" style="top: 0px; left: 0px; position: absolute; transform: translate3d(0px, 0px, 0px) scale(1, 1); z-index: 601;"><ymaps style="z-index: 150; position: absolute;"><canvas height="756" width="1456" style="position: absolute; width: 1456px; height: 756px; left: -128px; top: -128px;"></canvas></ymaps></ymaps><ymaps class="ymaps-2-1-72-copyrights-pane" style="height: 0px; bottom: 0px; right: 0px; top: auto; left: 0px; position: absolute; z-index: 6002;"><ymaps><ymaps class="ymaps-2-1-72-copyright ymaps-2-1-72-copyright_logo_no" style=""><ymaps class="ymaps-2-1-72-copyright__fog">…</ymaps><ymaps class="ymaps-2-1-72-copyright__wrap"><ymaps class="ymaps-2-1-72-copyright__layout"><ymaps class="ymaps-2-1-72-copyright__content-cell"><ymaps class="ymaps-2-1-72-copyright__content"><ymaps class="ymaps-2-1-72-copyright__text">© Яндекс</ymaps><ymaps class="ymaps-2-1-72-copyright__agreement"> <a class="ymaps-2-1-72-copyright__link" target="_blank" href="https://yandex.ru/legal/maps_termsofuse/?lang=ru">Условия использования</a></ymaps></ymaps></ymaps><ymaps class="ymaps-2-1-72-copyright__logo-cell"><a...