JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE html> 
<html>  
<head>  
   <meta http-equiv="content-type" content="text/html; charset=UTF-8"/>  
   <title>Google Maps Test</title>  
   <script src="http://maps.google.com/maps/api/js?sensor=false"  
           type="text/javascript"></script>  
</head>  
<body>  
   <div id="map" style="width: 600px; height: 400px;"></div>  

   <script type="text/javascript">  



    </script>  
</body>  
</html>

JavaScript

var arrAddress = new Array();

arrAddress[0] = "kelbergen, Amsterdam";
arrAddress[1] = "Kraailookstraat, Amsterdam";
arrAddress[2] = "krootstraat, Amsterdam";

var optionMap = {
    zoom: 16,
    MapTypeId: google.maps.MapTypeId.ROADMAP,
};

var map = new google.maps.Map(document.getElementById('map'), optionMap);

var geocoder = new google.maps.Geocoder();

var latlngbounds = new google.maps.LatLngBounds();

asyncLoop(arrAddress.length, function(loop) {
    geocoder.geocode({
        'address': arrAddress[loop.iteration()]
    }, function(results, status) {
        if (status == google.maps.GeocoderStatus.OK) {
            var marker = new google.maps.Marker({
                map: map,
                position: results[0].geometry.location
            });

            latlngbounds.extend(results[0].geometry.location);

        }

        loop.next();
    });
}, function() {
    map.fitBounds(latlngbounds);
});

function asyncLoop(iterations, func, callback) {
    var index = 0;
    var done = false;
    var loop = {
        next: function() {
            if (done) {
                return;
            }

            if (index < iterations) {
                index++;
                func(loop);

            } else {
                done = true;
                callback();
            }
        },

        iteration: function() {
            return index - 1;
        },

        break: function() {
            done = true;
            callback();
        }
    };
    loop.next();
    return loop;
}