JSFiddle - React, Tailwind, and code Playground

by fedosov

HTML

<script src="http://maps.googleapis.com/maps/api/js?sensor=false"></script>
<div id="log"></div>

CSS

body {
    font: 12px "Tahoma", sans-serif;
}

JavaScript

jQuery(function($)
{
    var schools = 
    [
        'Abelsvej 98, 4100, Ringsted',
        'Prstevej 19, 4100, Ringsted',
        'Haraldsvej 77, 4100, Ringsted',
    ];
    var schoolslat = [null, null, null]
    var $log = $("#log");
    
    for (var i = 0; i < schools.length; i++) 
    {
        (function(i){
            var address = schools[i];
            $log.append("<div>Requesting '"+address+"' @i="+i+"</div>");
            var geocoder = new google.maps.Geocoder();
            geocoder.geocode({ 'address': address }, function (results, status) 
            {
                var location = results[0].geometry.location;
                schoolslat[i] = location.lat() + ', ' + location.lng();
                $log.append("<div>Got result '"+schoolslat[i]+"' @i="+i+"</div>");
            });
        }(i));
    }
});