JSFiddle - React, Tailwind, and code Playground

by AJIEKCEU

HTML

<script src="https://api-maps.yandex.ru/2.1/?lang=ru_RU"></script>
<div id="map"></div>
<script>
var myMap, ymaps;
			// Инициализировать карту
			function init() {
				var body = $('body'),
					myMap = document.getElementById("map");

				if (!myMap) return;

				myMap = new ymaps.Map(myMap, {
					center: [53.940944, 27.596874],
					zoom: 7,
					controls: []
				});

				myMap.controls.add("zoomControl", {});
				myMap.behaviors.disable('scrollZoom');
        
        var data = {
					'points': [
          	{
							"infoPoint": '<div class="ttl">Какойто текст о месте</a>',
							"coords": [53.510657, 26.699385]
						},
          	{
							"infoPoint": '<div class="ttl">Какойто текст о месте</a>',
							"coords": [53.664479, 26.458647]
						},
						{
							"infoPoint": '<div class="ttl">Какойто текст о месте</a>',
							"coords": [53.442658, 26.570570]
						},
						{
							"infoPoint": '<div class="ttl">Какойто текст о месте</a>',
							"coords": [53.447578, 26.478903]
						}
					]
				};
        
        var objects = [];
        function createPlacemark(item) {
					var place = new ymaps.Placemark(
						item.coords,
						{
							balloonContent: item.infoPoint
						},
            {
              preset: 'islands#dotIcon',
              iconColor: '#735184'
            }
					);
          //Map.geoObjects.add(place);
          objects.push(place);
				}
        
        //var result = ymaps.geoQuery(objects).addToMap(myMap);
        //ymaps.geoQuery(ongectPlace).addToMap(myMap)

				data.points.forEach(function(item, index){
						createPlacemark(item);
				});
        
				var multiRoute = new ymaps.multiRouter.MultiRoute(
				  {
				    referencePoints: [[53.902496, 27.561481], [53.451143, 26.474315]],
				    params: {
				      results: 1,
				      routingMode: 'auto'
				    }
				  },
				  {
				    routeStrokeWidth: 5,
				    routeStrokeColor: '#c51216',
				    routeActiveStrokeWidth: 5,
				    routeActiveStrokeColor:...

CSS

#map{
height: 500px;
}