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

Question

Googleマップマーカーに表示するJSONデータをロードします。 JSONデータをサーバーから呼び出すためにJQuery getJSONメソッドを使用しました。しかし、地図は表示されていますが、マーカーは表示されません。ここではコード

var map; 
 
    
 
    function initialize() { 
 
    
 
     var mapProp = { 
 
       center: new google.maps.LatLng(28.003389000000, -82.429500000000), 
 
       zoom: 5, 
 
       mapTypeId: google.maps.MapTypeId.ROADMAP 
 
      }; 
 

 
     map = new google.maps.Map(document.getElementById("map"), mapProp); 
 
     $.getJSON('http://tripleclickstudio.com/json/file.json?callback=?', function (json1) { 
 
    
 
      $.each(json1.ResponseData, function (key, data) { 
 

 
       var latLng = new google.maps.LatLng(data.CoordinateY, data.CoordinateX), 
 
        marker = new google.maps.Marker({ 
 
         position: latLng, 
 
         map: map, 
 
         title: data.BuildingName 
 
        }), 
 
        details = data.BuildingName + ", " + data.Location + "."; 
 
       
 
      }); 
 

 
     }); 
 
    } 
 
    var infowindow = new google.maps.InfoWindow(); 
 
    function bindInfoWindow(marker, map, infowindow, strDescription) { 
 
     
 
     google.maps.event.addListener(marker, 'click', function() { 
 
      infowindow.setContent(strDescription); 
 
      infowindow.open(map, marker); 
 
     }); 
 
     bindInfoWindow(marker, map, infowindow, details); 
 
    } 
 

 
    google.maps.event.addDomListener(window, 'load', initialize); 
 

<script src="https://maps.googleapis.com/maps/api/js"></script> 
 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div id="map" style="border: 2px solid #3872ac;"></div>

だこれが私のJSONファイルJSONファイルのリンクです。ですから、JSONのデータ座標をGoogleマップのマーカーとして表示したいと思います。だから、誰かが私にしたミスとそれを解決するために何が必要かを教えてくれれば、そうだ。ありがとう

Answer 1

json URLから?callback=?を削除するだけです。

その構文はJSON Pであり、ファイルの内容はJSONです。