CSVファイルのデータからGoogle Maps JavaScriptでヒートマップを作成する

Question

前提・実現したいこと

WordPressの固定ページ内にヒートマップをGoogle Maps JavaScript APIを用いて表示させようとしています。ヒートマップの作成に関わる位置情報データはWordPressと同じサーバ内の/csv_data/mobile_log.csvに保存されております。以下のソースコードをWordPressのカスタムHTMLブロック内に記述して表示させるようにします。

発生している問題・エラーメッセージ

MAPが表示されません。

該当のソースコード

<div class="googlemap">
        <div id="map" style="margin:0; width:auto; max-width:2000px; height:auto; height:800px;"></div>
        <script>
            function incsv(){
                var xmlHttp = new new XMLHttpRequest();
                xmlHttp.open("GET", "/csv_data/mobile_log.csv", true);
                xmlHttp.send();
                xmlHttp.onload = function (){
                    var csvData = xmlHttp.responseText;
                    convertCSVtoArray(csvData);
                    var array = [];
                    for(var i = 13;i< csvData.length;i++){

                    var tempArray = [];

                    tempArray.push(csvData[i][1]);
                    tempArray.push(csvData[i][5]);
                    tempArray.push(csvData[i][6]);
                    tempArray.push(csvData[i][13]);
                    tempArray.push(csvData[i][14]);

                    if(csvData[i][6] < -90){
                    tempArray.push("1");
                    }


                    array.push(tempArray);
                    }
                    var arraylat = 0;
                    var arraylng = 0;
                    var arrayweight = 0;
                    
                    var Tojson = [];
                    for(var i = 0; i < array.length; i++){
                        arraylat = array[i][3];
                        arraylng = array[i][4];
                        arrayweight = array[i][5];

                        Tojson.push({lat: arraylat, lng: arraylng, weight:arrayweight});

                    }

                    var heatMapData = JSON.stringify(Tojson);

                }
            }
            var mapcenter = new google.maps.LatLng(36.816326, 135.832326);

            map = new google.maps.Map(document.getElementById('map'), {
                center: mapcenter,
                zoom: 13,
                mapTypeId: 'satellite'
            });

            var heatmap = new google.maps.visualization.HeatmapLayer({
                data: heatMapData
            });
            heatmap.setMap(map);
        </script>
    </div>
    <script type="text/javascript" src="//maps.googleapis.com/maps/api/js?key=APIKEY&libraries=visualization&callback=initMap">
    </script>