JSFiddle - React, Tailwind, and code Playground

by Elena Shevchuk

HTML

<script src="http://api-maps.yandex.ru/2.0-stable/?load=package.standard&lang=ru-RU" type="text/javascript"></script>
<div id="map"></div>

CSS

#map {
    height: 400px;
}

JavaScript

ymaps.ready(init);

function init() {
    var myMap = new ymaps.Map("map", {
        center: [59.772612, 30.623918],
        zoom: 17,
        behaviors: ["scrollZoom","drag"]
    });
    myMap.controls
    // Кнопка изменения масштаба.
    .add('zoomControl', {
        left: 5,
        top: 5
    })
    // Список типов карты
    .add('typeSelector')
    // Стандартный набор кнопок
    .add('mapTools', {
        left: 35,
        top: 5
    });
    
    myMap.balloon.open(myMap.getCenter(), "Содержимое балуна", {
        // Опция: не показываем кнопку закрытия.
        closeButton: false,
        shadow: false
    });
}
//