JSFiddle - React, Tailwind, and code Playground

HTML

<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?v=3&sensor=false&libraries=weather"></script>
<!-- CHECK ELEMENT ID also UPDATE CSS -->
<div id="map_canvas"></div>

CSS

html, body, #map_canvas {
    margin: 0;
    padding: 0;
    height: 100%
}

JavaScript

var geomap;

function drawTraders(map,options) {
    /*   var traders_uri = options.traders_uri || '';
    if ('' == traders_uri) {
        return false;
    }
*/
    // defaults
    var trader = {
        name: 'denis',
        geo: {
            lat: "49.014821",
            lon: "10.985072"
        }
    };

    /*  var image = new google.maps.MarkerImage(icon,
									      // This marker is 20 pixels wide by 32 pixels tall.
									      new google.maps.Size(25, 25),
									      // The origin for this image is 0,0.
									      new google.maps.Point(0,0),
									      // The anchor for this image is the base of the flagpole at 0,32.
									      new google.maps.Point(0, 32)
									  );
*/


    // HTML für Popup erzeugen
    var html = '<span>' + trader.name + '</span>';


    // Markierung setzen
    //                var marker = new GMarker(point, icon);
    var myLatlng = new google.maps.LatLng(trader.geo.lat, trader.geo.lon);

    var marker = new google.maps.Marker({
        position: myLatlng,
        map: map,
        //icon : image,
    });
    var infowindow = new google.maps.InfoWindow({
        content: html
    });


    google.maps.event.addListener(marker, 'click', function (evt) {
        infowindow.open(map, marker);
    });
    //   });
    //});

}


function initialize() {
    var mapOptions = {
        zoom: 4,
        size: new google.maps.Size(580, 440),
        center: new google.maps.LatLng(49.477643, 9.316406),
        mapTypeId: google.maps.MapTypeId.ROADMAP,
        mapTypeControl: true,
        mapTypeControlOptions: {
            style: google.maps.MapTypeControlStyle.VERTICAL_BAR,
            position: google.maps.ControlPosition.BOTTOM_CENTER,
        },
        panControl: true,
        panControlOptions: {
            position: google.maps.ControlPosition.TOP_LEFT,
        },
        zoomControl: true,
        zoomControlOptions: {
            style: google.maps.ZoomControlStyle.LARGE,
            position:...