<script>
    var map;
    var area = {lat: 5.365722, lng: 100.3158698};
    var marker, i;

    function initMap(locations) {
        map = new google.maps.Map(document.getElementById('map'), {
            zoom: 12,
            center: penang
        });




    }

    getEvent();
    function getEvent() {
        $.ajax({
            type: "POST",
            url: 'CallData.php',
            data: "",
            contentType: "application/json; charset=utf-8",
            dataType: "json",
            success: function(data1){
                updateMap(data1);
            },
            complete: function (data1) {
                setTimeout(getEvent, 1000);
                console.log(data1);
            }
        });




    }



    markersarray = [];

    function updateMap(locations) {
    var infowindow = new google.maps.InfoWindow();
    for (var i=0; i<locations.length; i++)
    {


    marker = new google.maps.Marker({
        position: new google.maps.LatLng(locations[i][2], locations[i][3]),
        map: map,
        icon : locations[i][0]

        });


markersarray.push(marker);
        google.maps.event.addListener(marker, 'click', (function(marker, i) {
        return function() {
            infowindow.setContent(locations[i][1]);
            infowindow.open(map, marker);
        }
        })(marker, i));


    }


  }
</script>