JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://api-maps.yandex.ru/2.1/?lang=ru_RU"></script>
<div id="contact__map1"></div>
<div id="contact__map2"></div>

CSS

#contact__map1, #contact__map2 {
  width: 100%;
  height: 200px;
  margin: 50px 0;
}

JavaScript

ymaps.ready(init);

function init() {
    var kalug = [55.888786, 37.632664]; // координаты точки 1
    var altuf = [55.659074, 37.522773]; // координаты точки 2
    var myMap1 = new ymaps.Map('contact__map1', {
        center: kalug,
        zoom: 14
    });
    var myMap2 = new ymaps.Map('contact__map2', {
        center: altuf,
        zoom: 14
    });
    var myPlacemark1 = new ymaps.Placemark(kalug, {
        
    }, {
        preset: 'twirl#redIcon'
    });
    var myPlacemark2 = new ymaps.Placemark(altuf, {
        
    }, {
        preset: 'twirl#redIcon'
    });
    myMap1.geoObjects.add(myPlacemark1);
    myMap2.geoObjects.add(myPlacemark2);
}