JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://maps.googleapis.com/maps/api/js?sensor=false&amp;libraries=geometry,places&amp;ext=.js"></script>
<div id="map-canvas"></div>

CSS

html, body, #map-canvas {
            width: 100%;
            height: 100%;
        }

JavaScript

var geocoder;
var map;

function initialize() {
    //var markers = new Array();
    var markers = [];
/*    $.ajax({
        type: 'GET',
        url: './Content/TextFile/LongLat.txt',
        //filereader\filereader\Content\TextFile\LongLat.txt
        //  url: './distinctGimeiNo.txt',
        dataType: 'text',
    }).success(function (data) {
*/
    var infowindow = new google.maps.InfoWindow();

        var marker;
/*        var s2 = data.replace(/^.*$/, " ").replace(/\r\n/g, " ");
        var array = s2.split(/[ ]+/g);
        var test = [].concat.apply([], array.map(function (array) {
            return array.split(/\s+/);
        }))
*/        
// from http://stackoverflow.com/questions/29160608/how-to-replace-space-with
var rows = ["ID LONGITUDE LATITUDE", "0 77.139305 28.795975", "2 77.308929 28.486877", "4 73.820680 18.464110"];
var test = [].concat.apply([], rows.map(function (row) {
    return row.split(' ');
}))
        
        var col1 = [];
        var col2 = [];
        var col3 = [];
        var j = 0;
        // var currentLocation =
        var mapOptions = {
            zoom: 2,
            center: new google.maps.LatLng(73, 23),
            mapTypeId: google.maps.MapTypeId.ROADMAP
        }
        var map = new google.maps.Map(document.getElementById('map-canvas'), mapOptions);
        for (var i = 3; i <= test.length - 3; i = i + 3) {
            col1[j] = test[i];
            col2[j] = test[i + 1];
            col3[j] = test[i + 2];
            var myLatlng = new google.maps.LatLng(col3[j], col2[j]);
            marker = new google.maps.Marker({
                position: myLatlng,
                map: map,
                title: 'Hello World! ' + col1[j]
            });
            markers.push(marker);
            console.log("test2"+marker.getPosition().toUrlValue(6));
            j++;
        }

        function AutoCenter() {
            var bounds = new google.maps.LatLngBounds();
            for (var i = 0; i < markers.length; i++)...