JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://maps.api.2gis.ru/2.0/loader.js"></script>
<div class="spisok_magazov_tovara">
  <div id="marker234" class="mgz_tvr">1</div>
  <div id="marker229" class="mgz_tvr">2</div>
  <div id="marker222" class="mgz_tvr">3</div>
  <div id="marker233" class="mgz_tvr">4</div>
  <div id="marker230" class="mgz_tvr">5</div>
</div>

<div class="dost_tov_v_mgz">
  <div id="gismap" style="width: 100%; height: 400px;"></div>
</div>

CSS

.act_shop_but{background-color: red;}

JavaScript

$(document).ready(function(){
 $(".spisok_magazov_tovara .mgz_tvr").click(function(){
  $(".mgz_tvr").removeClass("act_shop_but");
  $(this).addClass("act_shop_but");
  });
});

var mark234 = document.getElementById('marker234');
      var mark229 = document.getElementById('marker229');
      var mark222 = document.getElementById('marker222');
      var mark233 = document.getElementById('marker233');
      var mark230 = document.getElementById('marker230');
      

      DG.then(function(){
        var gismap,
            marker234,
            marker229,
            marker222,
            marker233,
            marker230,
           
            group;
//        var maplink;
        
        gismap = DG.map('gismap', {center: [55.750683, 37.617498],zoom: 9});
        
        marker234 = DG.marker([55.792377, 37.581065]).addTo(gismap).bindPopup('1')
        .on('click', function(){
        mark234.classList.add("act_shop_but");
        });
        
        marker229 = DG.marker([55.779084, 37.478441]).addTo(gismap).bindPopup('2')
        .on('click', function(){
        mark229.classList.add("act_shop_but");});
        
        marker222 = DG.marker([55.640889, 37.530732]).addTo(gismap).bindPopup('3')
        .on('click', function(){
        mark222.classList.add("act_shop_but");});
        
        marker233 = DG.marker([55.604805, 37.490165]).addTo(gismap).bindPopup('4')
        .on('click', function(){
        mark233.classList.add("act_shop_but");});
        
        marker230 = DG.marker([55.909433, 37.397131]).addTo(gismap).bindPopup('5')
        .on('click', function() {
        mark230.classList.add("act_shop_but");});
        

            mark234.onclick = function(){marker234.openPopup();};
            mark229.onclick = function(){marker229.openPopup();};
            mark222.onclick = function(){marker222.openPopup();};
            mark233.onclick = function(){marker233.openPopup();};
            mark230.onclick = function(){marker230.openPopup();};

...