JSFiddle - React, Tailwind, and code Playground

JavaScript

function initialize() {
    
            var waStyle = [
                {
                    featureType: "all",
                    stylers: [
                        { saturation: -100 }
                    ]
                }
            ];
      
            var myMap = new google.maps.StyledMapType(waStyle,{name: "My Site"});
        
            var img = new google.maps.MarkerImage("/themes/site/img/site_pin.png");
      
            var myLatlng = new google.maps.LatLng(41.08916,29.022322);
      
            var mapOptions = {
                zoom: 16,
                center: myLatlng,
                disableDefaultUI: true,
                mapTypeControlOptions: {
                    mapTypeIds: [google.maps.MapTypeId.ROADMAP, 'map'],
                }
            };
      
            var map = new google.maps.Map(document.getElementById('map'), mapOptions);
      
            var point = new google.maps.LatLng(41.08916,29.022322);
            var marker = new google.maps.Marker({
                position: point,
                map: map,
                animation: google.maps.Animation.DROP,
                icon: img
            })
      
            map.mapTypes.set('map', siteMap);
            map.setMapTypeId('map');
        }
    
        function loadScript() {
            var script = document.createElement("script");
            script.type = "text/javascript";
            script.src = "http://maps.googleapis.com/maps/api/js?sensor=false&callback=initialize";
            document.body.appendChild(script);
        }
    
        window.onload = loadScript;