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: [53.90415, 27.591976],
        zoom: 17,
        behaviors: ["scrollZoom","drag"]
    });
    myMap.controls
    // Кнопка изменения масштаба.
    .add('zoomControl', {
        left: 5,
        top: 5
    })
    // Список типов карты
    .add('typeSelector')
    // Стандартный набор кнопок
    .add('mapTools', {
        left: 35,
        top: 5
    });

    var myPlacemark = new ymaps.Placemark([53.904613, 27.587963], {
        // Чтобы балун и хинт открывались на метке, необходимо задать ей определенные свойства.
        balloonContentHeader: "Наш адрес: ",
        balloonContentBody: "г. Минск, ул. Чапаева, 3",
        balloonContentFooter: "Телефон: +3 752 938 814 19"
    });
    // Открываем балун на карте (без привязки к геообъекту).

    myMap.geoObjects.add(myPlacemark);

    // Как раскрыть?
    myPlacemark.balloon.open();
}
//