jquery - Json 値が取得されない

Question

ローカル json ファイルを使用して、GeoMap の位置を Google マップに表示しています。マップは正しく表示できますが、マークされた位置は表示されません。助けてください

これは私のコードです

var json;

$(document).ready(function(){
var map; var infowindow;
 var jsonData = '[{ "id" : "1" , "Lat" : "-36.847043" ,"Lng" :"174.761543"},{ "id" : 
"2" 
  , "Lat" : "-37.791174" ,"Lng" :"175.297813"},{ "id" : "3" ,  "Lat" : "-38.679988" 
 ,"Lng" :"176.077843"},{ "id" : "4" , "Lat" : "-41.297257" ,"Lng" :"174.759483"} ]';
    //alert(jsonData);
     json = $.parseJSON(jsonData);
   });

   function InitializeMap() {
var Lat="-36.847043";
var Lng="174.761543";
    var latlng = new google.maps.LatLng(Lat,Lng);
    var myOptions =
    {
        zoom: 8,
        center: latlng,
        mapTypeId: google.maps.MapTypeId.ROADMAP
      };
      map = new google.maps.Map(document.getElementById("map"), myOptions);
     }

function markicons() {
   InitializeMap();

var ltlng = [];

alert(json);
console.log(json.Lat);
    for (var i=0; i <=json.length; i++)
    {
    alert(LatLng);
    ltlng.push(new google.maps.LatLng(json[i].Lat, json[i].Lng));
    }


    //ltlng.push(new google.maps.LatLng(-36.847043, 174.761543));
   // ltlng.push(new google.maps.LatLng(-37.791174,175.297813));
   // ltlng.push(new google.maps.LatLng(-38.679988,176.077843));
   // ltlng.push(new google.maps.LatLng(-41.297257,174.759483));

    map.setCenter(ltlng[0]);
    for (var i = 0; i <= ltlng.length; i++) {
        marker = new google.maps.Marker({
            map: map,
            position: ltlng[i]
        });

        (function (i, marker) {

            google.maps.event.addListener(marker, 'click', function () {

                if (!infowindow) {
                    infowindow = new google.maps.InfoWindow();
                }

                infowindow.setContent("Message" + i);

                infowindow.open(map, marker);

            });

        })(i, marker);

    }

}

window.onload = markicons; 

これは、私がそれをコンソールするときの私のエラーです:

Uncaught ReferenceError: LatLng が定義されていません

ヘルプ - よろしくお願いします