JSON数据不显示在谷歌地图

我有一些JSON数据，我想出现在谷歌地图上。但问题是它什么也没显示。JSON数据将从索引文件所在的服务器加载。当我试图调试问题时，我得到了一些我不理解的错误。下面是我的数据:

  var map, infowindow; ////
       var json = $.getJSON( "file.json", function( json ) {
   function initialize() {
          var mapOptions = {
    ////
  };
        map = new google.maps.Map(document.getElementById('map-canvas'), mapOptions);
          
         var bounds = new google.maps.LatLngBounds();
          
          var responses = json.ResponseData;
          
         for(var i = 0; i <= responses.length; i++) {
    // Adding a new marker for the object
    var position =
      new google.maps.LatLng( responses.CoordinateY, responses.CoordinateX ); ////
    bounds.extend( position ); ////
    var marker = new google.maps.Marker({
      position: position, ////
      map: map,
      draggable: true,
      animation: google.maps.Animation.DROP,
      title: responses.BuildingName
    });
    
    // Adding a new info window for the object
    var clicker = addClicker(marker, responses.BuildingName); ////
  }  map.fitBounds( bounds ); ////
  
  // Adding a new click event listener for the object
  function addClicker(marker, content) {
    google.maps.event.addListener(marker, 'click', function() {
      
      if (infowindow) {infowindow.close();}
      infowindow = new google.maps.InfoWindow({content: content});
      infowindow.open(map, marker);
      
    });
  }
     }        
         
google.maps.event.addDomListener(window, 'load', initialize);
});

<script async defer
        src="https://maps.googleapis.com/maps/api/js?key=AIzaSyB6U22yg_ty9a4LFvJi6E0rYCyGwYt04Xk&callback=json">
    </script>
   <script src="https:////cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<div id="map-canvas"></div>

json数据文件链接为json data

这里是html文件的链接html

问题是我想在谷歌地图上显示标记。json文件将一直更新。

谢谢