JSONデータがGoogleマップに表示されない

Question

Googleマップに表示する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

ですGoogleマップにマーカーを表示します。 jsonファイルは常に更新されます。

ありがとうございます。

Answer 1

APIロードのコールバックが正しくありません。 jsonは機能ではありません。