JSFiddle - React, Tailwind, and code Playground

HTML

<?php
/**
 * Displays Google Map
 *
 * @package WordPress
 * @since 1.0
 * @version 1.0
 */


//Vars
$map_location_address = get_field('map_location_address', 'option');
$map_icon = get_field('map_icon', 'option');
$map_icon_retina = get_field('map_icon_retina', 'option');
$icon_width = get_field('icon_width', 'option');
$icon_height = get_field('icon_height', 'option');
$map_custom_style = get_field('map_custom_style', 'option');
$zoom_position = get_field('zoom_position', 'option');

?>


<section class="google-map">


	<?php if( !empty($map_location_address) ): ?>	
				
			
				<div id="google_map" class="contact-map">
					
				</div> <!--contact_map-->
					
				<script type="text/javascript">
				
						
						
						
						
						function initialize() {
							
							
					      var mapLadyCanvas = document.getElementById('google_map');
					      
					      var mapLadyOptions = {
					        center: new google.maps.LatLng(<?php echo $map_location_address['lat']; ?>, <?php echo $map_location_address['lng']; ?>),
					        <?php if( $zoom_position ): ?> zoom: <?php echo $zoom_position; ?><?php else :?>zoom: 15<?php endif; ?>,
					        draggable: true,
					        scrollwheel: false,
					        mapTypeControl: false,
					        scaleControl: false,
					        mapTypeId: google.maps.MapTypeId.ROADMAP
					      }
					    
					      
					       var mainmapLady = new google.maps.Map(mapLadyCanvas, mapLadyOptions)
					      
					     
					      <?php if( $map_icon ): ?>
						  
					      	 var url = '<?php echo $map_icon['url']; ?>';
					          var size = new google.maps.Size(<?php echo $icon_width; ?>, <?php echo $icon_height; ?>);
					       
					          if(window.devicePixelRatio > 1.5){
					              url = '<?php echo $map_icon_retina['url']; ?>';
					              size = new google.maps.Size(<?php echo $icon_width; ?>, <?php echo $icon_height; ?>);
					          }
					       
					          var image = {
					       ...