单击任何标记时如何显示标记文本

Question

我正在创建一个 google 地图页面。我正在通过循环动态添加标记。我想在单击任何标记时显示。我怎样才能做到这一点？这是我的循环。

if(data.STATUS == STATUS.SUCCESS){
    console.log("Markers Received");
    deleteMarkers();
    for(var i=0; i<data.DATA.length; i++){
        addMarker({lat: data.DATA[i].LATITUDE, lng: data.DATA[i].LONGITUDE},data.DATA[i].INCIDENT);
    }
}

function deleteMarkers() {
    clearMarkers();
    markers = [];
}

function addMarker(location,incident) {
    var marker = new google.maps.Marker({
      position: location,
      map: map,
      title: incident
    });
    markers.push(marker);
}

function setMapOnAll(map) {
    for (var i = 0; i < markers.length; i++) {
      markers[i].setMap(map);
  }
}


function deleteMarkers() {
    clearMarkers();
    markers = [];
}

function clearMarkers() {
    setMapOnAll(null);
}

function showMarkers() {
    setMapOnAll(map);
}

首先我用这个函数删除了所有的标记。然后重置它们。此调用每分钟运行一次。我想在单击标记时显示 incident 。我怎样才能做到这一点？

Answer 1

希望，这对您有所帮助。

var obj = {
    infoWindow: new google.maps.InfoWindow(),
    marker: new google.maps.Marker({
            map: map,
            position: latLngObj,
            title: 'info name'
    })
};

google.maps.event.addListener(obj.marker, 'click', function() {
        obj.infoWindow.setContent("<div><b>" + obj.marker.title + "(" + distance + ")</b></div>");
        obj.infoWindow.open(map, obj.marker);
});