JSFiddle - React, Tailwind, and code Playground

by murr2015

HTML

<script src="https://api-maps.yandex.ru/2.0-stable/?load=package.standard,package.geoObjects,package.geoQuery&amp;lang=ru-RU"></script>
<body>
    <div id="map" style="width:400px; height:300px"></div>
</body>

CSS

body { font-family: Arial; font-size: 11pt; }

JavaScript

var myMap;
var pointArray = [];
ymaps.ready(init);

function init () {
    myMap = new ymaps.Map('map', {
        center: [55.674, 37.601],
        zoom: 11
    });
    
    
    addMarker([55.69, 37.5],'Точка 1','Адрес 1','Текст 1');
    addMarker([55.68, 37.56],'Точка 2','Адрес 2','Текст 2');
} //конец Init

	function addMarker(coordPosition,Naim, Adres,Text){
		myPlacemark = new ymaps.Placemark(coordPosition, {
            balloonContentHeader: '<b>'+Naim+'</b><br />'+Adres,
			balloonContentBody: Text,
            Naim: Naim,
            Adres: Adres,
            Text: Text,
			// Свойства
			// Текст метки
			//iconContent: 'Точка'+index
			hintContent: coordPosition


		}, {
			// Опции
			// Иконка метки будет растягиваться под ее контент
			//preset: 'twirl#blueStretchyIcon'
            preset: 'mystyle#userIcon'
		});
        
        myPlacemark.events.add('click', function (e){
            e.preventDefault();
            console.log('Отработали с e.preventDefault()');
        });
        
        
        myPlacemark.events.remove('click');
    	myPlacemark.events.remove('dblclick');
    
    	myPlacemark.events.add('click', function(){
        	console.log('Отработали БЕЗ e.preventDefault()');
    	});
        
        pointArray.push(myPlacemark);
		myMap.geoObjects.add(myPlacemark);	
    }