JSFiddle - React, Tailwind, and code Playground

by Alex Baumgertner

HTML

<!-- Этот блок кода нужно вставить в ту часть страницы, где вы хотите разместить карту (начало) -->
<div class="round" id="ymaps-map-id_136118518543792641868" style="width: 450px; height: 450px;"></div>
<script type="text/javascript">
function fid_136118518543792641868(ymaps) {
    var map = new ymaps.Map("ymaps-map-id_136118518543792641868", {
        center: [30.21499443914789, 59.94612650994607],
        zoom: 16,
        type: "yandex#map"
    });
};
</script>
<script type="text/javascript" src="http://api-maps.yandex.ru/2.0-stable/?lang=ru-RU&coordorder=longlat&load=package.full&wizard=constructor&onload=fid_136118518543792641868"></script>
<!-- Этот блок кода нужно вставить в ту часть страницы, где вы хотите разместить карту (конец) -->

CSS

.round {
border: 3px solid white;
border-radius: 50%;
overflow: hidden;
}