JSFiddle - React, Tailwind, and code Playground

by Aleksey Karagodnikov

HTML

<script src="//api-maps.yandex.ru/2.1-dev/?lang=ru-RU&amp;load=package.full"></script>
<div id="YMapsID"></div>

CSS

#YMapsID {
    width: 500px;
    height: 400px;
}

JavaScript

ymaps.ready(function () {
    var myMap = new ymaps.Map('YMapsID', {
        center: [55.733835, 37.588227],
        zoom: 12
        // Обратите внимание, что в API 2.1 по умолчанию карта создается с элементами управления.
        // Если вам не нужно их добавлять на карту, в ее параметрах передайте пустой массив в поле controls.
        // controls: []
    });

    ymaps.geocode('Заневский пр-т, 67 к.2', {
        /**
         * Опции запроса
         * @see http://api.yandex.ru/maps/doc/jsapi/2.x/ref/reference/geocode.xml
         */
        // boundedBy: myMap.getBounds(), // Сортировка результатов от центра окна карты
        // strictBounds: true, // Вместе с опцией boundedBy будет искать строго внутри области, указанной в boundedBy
        kind: 'house',
        results: 1 // Если нужен только один результат, экономим трафик пользователей
    }).then(function (res) {
        // Выбираем первый результат геокодирования.
        var firstGeoObject = res.geoObjects.get(0),
            // Координаты геообъекта.
            coords = firstGeoObject.geometry.getCoordinates(),
            // Область видимости геообъекта.
            bounds = firstGeoObject.properties.get('boundedBy'),
            // Своя метка для геообъекта
            myPlacemark = new ymaps.Placemark(coords, {
                balloonContentBody: [
                    '<address>',
                    '<strong>Офис Яндекса в Москве</strong>',
                    '<br/>',
                    'Режим работы: 10:00 - 18:00',
                    '<br/>',
                    'Адрес: 119021, Москва, ул. Льва Толстого, 16',
                    '<br/>',
                    'Подробнее: <a href="http://company.yandex.ru/">http://company.yandex.ru/<a>',
                    '</address>'].join('')
            }, {
                iconLayout: 'default#image',
                iconImageHref: 'http://i.imgur.com/QunsBmZ.png',
                iconImageSize: [25, 25],
                iconContentOffset: [0, 0],
     ...