JSFiddle - React, Tailwind, and code Playground

by fhv2016

HTML

<script src="http://api-maps.yandex.ru/2.0/?load=package.full&amp;lang=ru-RU"></script>
<script src="http://yandex.st/share/share.js"></script>
<div id="cityMap"/>

CSS

#cityMap {
    width: 600px;
    height: 400px;
}

JavaScript

ymaps.ready(init);

function init () {
    var myPlacemark, myMap = new ymaps.Map('cityMap', {
        center: [55.75, 37.62],
        zoom: 12,
        type: 'yandex#map'
        
    }, {
        
        searchControlProvider: 'yandex#search'
    });
    window.myObjects = ymaps.geoQuery({
        type: "FeatureCollection",
        features: [
            {
                type: 'Feature',
                geometry: {
                    type: 'Point',
                    coordinates: [55.752131, 37.601519]
                },
                properties: {
                    objectType: 'underground',
                    balloonContent: 'метро Арбатская, Филевская линия',
                    hintContent: "Метро арбатская"
                },
                options: {
                    preset: 'islands#blueDotIcon'
                }},
            {
                type: 'Feature',
                geometry: {
                    type: 'Point',
                    coordinates: [55.756533, 37.615309]
                },
                properties: {
                    objectType: 'underground',
                    balloonContent: 'метро Охотный РядСокольническая линия',
                    hintContent: "метро Охотный Ряд"
                },
                options: {
                    preset: 'islands#blueDotIcon'
                }}
             ]
    }).addToMap(myMap);
}