Uncaught (в обещании) TypeError: Невозможно прочитать свойство 'length' из неопределенного

Question

Я использую xammp в первый раз, когда сервер работает нормально, затем выключаю сервер и снова запускаю сервер и выполняю сценарий, где у меня были ошибки.

Uncaught (в обещании) TypeError: Невозможно прочитать свойство 'length' с неопределенным значением

Я пытаюсь сначала запустить xmlhttp, а затем нарисовать карту Google.

var myObj={};


var xmlhttp = new XMLHttpRequest();
xmlhttp.onreadystatechange = function() {
  if (this.readyState == 4 && this.status == 200) {

    myObj = JSON.parse(this.responseText);
    console.log(myObj);

    }

};
xmlhttp.open("POST", "tPHP.php", true);
xmlhttp.send();



function initMap() {} 
$(() => {
  initMap = function() {

    var map = new google.maps.Map(document.getElementById('map'), {
      zoom: 17,
      center: {lat: 8.650263, lng: -82.944570}
    });

    pintaMapa(map);
  }
})




function pintaMapa(map) {
  var datos= myObj["Posiciones"];
 // console.log(datos);
  var image = {
    url: 'iconoHospital.png',
    scaledSize : new google.maps.Size(50, 50),

  };

  for (var i = 0; i < datos.length; i++) {
    var marker = new google.maps.Marker({
      position: {lat: parseFloat( datos[i].latitud), lng:parseFloat(datos[i].longitud)},
     map: map,
     title: datos[i].nombre,
     id: datos[i].id,
     direccion:"Barrio el invu "+ datos[i].nombre,
     icon: image
    });
  }
}

Answer 1

Решение:

   function initMap() {

    var map = new google.maps.Map(document.getElementById('map'), {
      zoom: 17,
      center: {lat: 8.650263, lng: -82.944570}
    });


    datoss("tPHP.php",function (data){
     var myObj = JSON.parse(data.responseText);


  var datos= myObj["Posiciones"];

 console.log(datos);
  var image = {
    url: 'iconoHospital.png',
    scaledSize : new google.maps.Size(50, 50),

  };

  for (var i = 0; i < datos.length; i++) {
    var marker = new google.maps.Marker({
      position: {lat: parseFloat( datos[i].latitud), lng:parseFloat(datos[i].longitud)},
     map: map,
     title: datos[i].nombre,
     id: datos[i].id,
     direccion:"Barrio el invu "+ datos[i].nombre,
     icon: image
    });

    google.maps.event.addListener(marker, 'click', function () {
      alert(this.direccion);
    });

  }

  });

  }


  function datoss(url,callback) {

    var xmlhttp = new XMLHttpRequest();

    xmlhttp.onreadystatechange = function() {
      if (xmlhttp.readyState == 4) {
        xmlhttp.onreadystatechange = doNothing;
        callback(xmlhttp, xmlhttp.status);
      }
    };

    xmlhttp.open('GET', url, true);
    xmlhttp.send();
  }


  function doNothing() {}