javascript - 谷歌地图信息窗口打不开

Question

我正在尝试将信息窗口与谷歌地图引脚一起使用，但是当我单击引脚打开信息窗口时没有任何反应，我在控制台中没有收到任何错误，但该功能正在被触发，因为应该有运行时的日志。

我从本地 json 文件获取数据，尝试使用该文件填充列表。

我已阅读事件关闭，但我不确定这是否是我的问题。

    function test(markers){

      var gmarkers = [];
    var mapOptions = {
        center: new google.maps.LatLng(markers.map[0].lat, markers.map[0].lng),
        zoom: 2,
        mapTypeId: google.maps.MapTypeId.ROADMAP
    };
    var infoWindow = new google.maps.InfoWindow();
    var latlngbounds = new google.maps.LatLngBounds();
    var map = new google.maps.Map(document.getElementById("map"), mapOptions);
    var i = 0;
    var interval = setInterval(function () {
        var data = markers[i];
        var category = markers.map[i].category;
        var myLatlng = new google.maps.LatLng(markers.map[i].lat, markers.map[i].lng);
        var icon = "";
        switch (markers.map[i].type) {
            case "techstation":
            icon = "red";
            break;
            case "event":
            icon = "blue";
            break;
            case "virtual":
            icon = "yellow";
            break;
            default:
            icon = "red";
        }

        icon = "http://maps.google.com/mapfiles/ms/icons/" + icon + ".png";
        var marker = new google.maps.Marker({
            position: myLatlng,
            map: map,
            category: category,
            title: markers.map.title,
            icon: new google.maps.MarkerImage(icon)
        });
        gmarkers.push(marker);

        for (var z = 0; z < markers.map.length; z++) {
        var marker1 = markers.map[z];
        console.log(marker1.description);
        google.maps.event.addListener(marker1, 'click', function () {
          console.log("mouseover");
        infowindow.setContent(marker1.description);
        infowindow.open(map, marker1);
        });
        }

        latlngbounds.extend(marker.position);
        i++;
        if (i == markers.map.length) {
            clearInterval(interval);
            var bounds = new google.maps.LatLngBounds();
            map.setCenter(latlngbounds.getCenter());
            map.fitBounds(latlngbounds);
        }
      }, 80);

Answer 1

您的代码中有拼写错误。

您声明信息窗口

var infoWindow = new google.maps.InfoWindow(); // notice capital "W"  

而你使用

// notice lowercase "w"
infowindow.setContent(marker1.description);
infowindow.open(map, marker1);