无法读取属性“ responseXML”的Google Map

Question

使用Google Chorme（最新版本）和Sublime Text。

嗨，我被我的个人项目打中了，我想将（公共汽车的）xml坐标转换为Google地图上的标记，这是我的代码：

<script type="text/javascript">

var xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function() {
    if (this.readyState == 4 && this.status == 200) {
        initMap(this);
    }
};
xhttp.open("GET", "https://applications002.brest-metropole.fr/WIPOD01/Transport/REST/getGeolocatedVehiclesPosition?format=xml&route_id=1&trip_headsign=Fort%20Montbarey", true);
xhttp.send();

function initMap(xml){
var xlat, xlon, inc, xmlDoc, GeoBus, marker;
xmlDoc = xml.responseXML; //line 48
xlat = xmlDoc.getElementsByTagName('Lat');
xlon = xmlDoc.getElementsByTagName('Lon');
    for (inc = 0; inc < xlat.length; inc++) {
      var latcode = xlat[inc].childNodes[0].nodeValue;
      var loncode = xlon[inc].childNodes[0].nodeValue;
      var GeoBus = {lat: latcode, lng: loncode};
      new google.maps.Marker({position: GeoBus, map: map});
    }
    var map = new google.maps.Map(document.getElementById('map'), {
          zoom: 4,
          center: {lat:48.3908449361675, lng:-4.48680591961381}
        });
}
</script>
<script async defer src="https://maps.googleapis.com/maps/api/js?key=AIzaSyDw8GYeGNJySG_KDkhBFj4uHadD6G1Ahy4&callback=initMap">

</script>

但是我得到这个问题：

Ligne1.html:48 Uncaught TypeError: Cannot read property 'responseXML' of undefined
    at initMap (Ligne1.html:48)
    at js?key=AIzaSyDw8GYeGNJySG_KDkhBFj4uHadD6G1Ahy4&callback=initMap:97
    at js?key=AIzaSyDw8GYeGNJySG_KDkhBFj4uHadD6G1Ahy4&callback=initMap:66
    at Object._.Vd (js?key=AIzaSyDw8GYeGNJySG_KDkhBFj4uHadD6G1Ahy4&callback=initMap:64)
    at fe (js?key=AIzaSyDw8GYeGNJySG_KDkhBFj4uHadD6G1Ahy4&callback=initMap:66)
    at js?key=AIzaSyDw8GYeGNJySG_KDkhBFj4uHadD6G1Ahy4&callback=initMap:147
    at Object.google.maps.Load (js?key=AIzaSyDw8GYeGNJySG_KDkhBFj4uHadD6G1Ahy4&callback=initMap:21)
    at js?key=AIzaSyDw8GYeGNJySG_KDkhBFj4uHadD6G1Ahy4&callback=initMap:146
    at js?key=AIzaSyDw8GYeGNJySG_KDkhBFj4uHadD6G1Ahy4&callback=initMap:147

感谢帮助！

Answer 1

xlat[inc].childNodes[0].nodeValue值不是数字，而是一个字符串-因此，使其成为数字-已解决...但是，在尝试添加标记后初始化地图-这是一个问题太

请参阅此小提琴以获取代码的有效版本（由于某些原因，它不会在此处的代码段中运行）

function initMap(xml) {
    var xlat, xlon, inc, xmlDoc, GeoBus, marker;
    xmlDoc = xml.responseXML; //line 48
    xlat = xmlDoc.getElementsByTagName('Lat');
    xlon = xmlDoc.getElementsByTagName('Lon');
    // initialise the map first
    var map = new google.maps.Map(document.getElementById('map'), {
        zoom: 12,
        center: {
            lat: 48.3908449361675,
            lng: -4.48680591961381
        }
    });
    for (inc = 0; inc < xlat.length; inc++) {
        var latcode = xlat[inc].childNodes[0].nodeValue;
        var loncode = xlon[inc].childNodes[0].nodeValue;
        var GeoBus = {
            lat: +latcode, // +latcode - makes it a Number
            lng: +loncode // +loncode - ditto
        };
        console.log(GeoBus);
        new google.maps.Marker({
            position: GeoBus,
            map: map
        });
    }
}