JSFiddle - React, Tailwind, and code Playground
HTML
<div id="map"></div>
CSS
</style>
<script type="text/javascript" src="https://api-maps.yandex.ru/2.1/?lang=ru_RU&mode=debug"></script>
<style>
html, body, #map {
width: 100%; height: 100%; padding: 0; margin: 0;
}
JavaScript
ymaps.ready(init);
var moscowPolygon,myMap;
function init() {
myMap = new ymaps.Map("map", {
center: [55.751574, 37.573856],
zoom: 9,
type: 'yandex#map',
behaviors: ['drag'],
controls: ['zoomControl']
});
var myCollection = new ymaps.GeoObjectCollection();
Placemark = new ymaps.Placemark([55.732879,37.562146],{},{preset:'islands#circleDotIcon',iconColor:'#8DA9CE',draggable:false,hideIconOnBalloonOpen:false});
var contentballoon = '<h3>LeHome - флагманский магазин</h3>';
contentballoon += '<p><b>Адрес:</b> г. Москва, Б.Саввинский пер., дом 12, стр.8<br>';
contentballoon += '<b>Телефон:</b> +7 (495) 649-63-00<br>';
contentballoon += '<b>Время работы:</b> в будние дни с 11 до 21, в выходные дни с 11 до 20</p>';
Placemark.properties.set('balloonContentBody',contentballoon);
myCollection.add(Placemark);
Placemark = new ymaps.Placemark([55.702455,37.355767],{},{preset:'islands#circleDotIcon',iconColor:'#8DA9CE',draggable:false,hideIconOnBalloonOpen:false});
var contentballoon = '<h3>Интерьеры LeHome в ТК "3 кита"</h3>';
contentballoon += '<p><b>Адрес:</b> Московская обл., Одинцовский р-н, Одинцово, Можайское ш., 2 км. от МКАД, ТК "З кита", 4 этаж<br>';
contentballoon += '<b>Телефон:</b> +7 (495) 649-63-00<br>';
contentballoon += '<b>Время работы:</b> в будние и выходные дни с 10 до 21</p>';
Placemark.properties.set('balloonContentBody',contentballoon);
myCollection.add(Placemark);
Placemark = new ymaps.Placemark([55.822599,37.387613],{},{preset:'islands#circleDotIcon',iconColor:'#8DA9CE',draggable:false,hideIconOnBalloonOpen:false});
var contentballoon = '<h3>Интерьеры LeHome в ТЦ "Твой дом" Мякинино</h3>';
contentballoon += '<p><b>Адрес:</b> г. Москва, 65-66 км. МКАД, ТЦ "Твой дом", 4 этаж.<br>';
contentballoon +=...