JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js"></script>

	
<script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?key=AIzaSyA_8EgBawDq9vitseudnntxdDK3sz-fZlI&sensor=false"></script>



<body>

	
				<div class="overlays" ></div>
               <div id="gmap" class="google_map" style="width:100%;height:300px;"></div>
<div id="form">
<input type="checkbox" name="labs" value="tag-all" />Все<br />
<input type="checkbox" name="labs" value="tag" />tag1<br />
<input type="checkbox" name="labs" value="tag" />tag2<br />

</div>				   
			 

<script>

  
  var map;
  var pos=[];
  var html = [];
  var title = [];
  var image = [];	
   var tag = []; 
  var marker_list = [];
  var mapOptions = [];

	
 pos[ 0 ] = stringToLatLng(' 48.021847,37.801509 ');
title[ 0 ] ='Название 0';
image[ 0 ] = 'http://icons.iconarchive.com/icons/icons-land/vista-map-markers/32/Map-Marker-Bubble-Pink-icon.png';
tag[ 0 ] = 'tag0';
html[ 0 ] = '<div class="map-text" ids="0"><img src="images/close_03.png" alt="" width="13" height="12" class="block-close" onclick="this.parentNode.style.display = \'none\'">'+
                  '<h3>Заголовок 0</h3>'+
          '<p>Украина</p>'+
          '<p class="border-bottom">тел.:</p>'+
           '<p>Контакты</p>'+
                    '</div>';				
pos[ 1 ] = stringToLatLng(' 48.021847,37.801509 ');
title[ 1 ] ='Название 1';
image[ 1 ] = 'http://icons.iconarchive.com/icons/icons-land/vista-map-markers/32/Map-Marker-Bubble-Pink-icon.png';	
    tag[ 1 ] = 'tag1';
html[ 1 ] = '<div class="map-text" ids="1"><img src="images/close_03.png" alt="" width="13" height="12" class="block-close" onclick="this.parentNode.style.display = \'none\'">'+
                 '<h3>Заголовок 1</h3>'+
          '<p>Украина</p>'+
          '<p class="border-bottom">тел.:</p>'+
           '<p>Контакты</p>'+
                    '</div>';		
pos[ 2 ] = stringToLatLng(' 48.295425,38.017883 ');
title[ 2 ] ='Название 2';
image[ 2 ] =...