JSFiddle - React, Tailwind, and code Playground

by Ed Bulikyan

HTML

<div id="map" style="width: 100%; height: 450px"></div>
<script type="text/javascript" src="https://api-maps.yandex.ru/2.0-stable/?load=package.standard,package.geoObjects,package.geoQuery&lang=ru-RU"></script>
<script>
ymaps.ready(init);
function init() {
    var myMap = new ymaps.Map("map", {
            center: [45.063149, 39.008900],
            zoom: 10
        });
 
    myMap.geoObjects.add(new ymaps.Circle([[45.063149, 39.008900], 7000], null, {
        fillColor: '#72C651',
        strokeColor: "#72C651",
        strokeOpacity: 0.6,
        fillOpacity: 0.6,
        strokeWidth: 1
    }));
}
</script>