RichMarker：附加點擊事件偵聽器的標誌器陣列

Question

這是我的代碼塊，我pushRichMarkers入陣：

// Populate markers array 
for (let i = 0; i < FOUND_OBJECTS_TEST.length; i++) { 

    let richMarker = new RichMarker({ 
     position: new google.maps.LatLng(FOUND_OBJECTS_TEST[i].latitude, FOUND_OBJECTS_TEST[i].longitude), 
     map: mainMap, 
     draggable: false, 
     flat: true, 
     anchor: RichMarkerPosition.MIDDLE, 
     content: `<figure class="marker_place" data-id="${FOUND_OBJECTS_TEST[i].id}"><img src="svg/map/ic_cat_${FOUND_OBJECTS_TEST[i].type}.svg"><figcaption class="marker_place_caption">${FOUND_OBJECTS_TEST[i].caption}</figcaption></figure>`, 
    }); 

    markers.push(richMarker); 
} 

如何我還附上一個click事件監聽每個標記，所以，當它會被點擊我會得到這個標記的值data-id值？

編輯 我可以添加event listener像這樣的標記：

// Populate markers array 
for (let i = 0; i < FOUND_OBJECTS_TEST.length; i++) { 
    let richMarker = new RichMarker({ 
      ..... 
     }); 

    google.maps.event.addListener(richMarker, 'click', function(event) { 
     let id = $(this).data('id'); // returns undefined 
     console.log(`clicked on marker ${id}`); 
     console.log(this); 
    }); 

    markers.push(richMarker); 
} 

但我不能得到標記的data-id ...它記錄clicked on marker undefined。

Answer 1

您可以添加數據ID作爲的屬性，然後使用this檢索它在點擊監聽功能。

// Populate markers array 
for (let i = 0; i < FOUND_OBJECTS_TEST.length; i++) { 
    let richMarker = new RichMarker({ 
    marker_id: FOUND_OBJECTS_TEST[i].id, 
     ..... 
    }); 

    google.maps.event.addListener(richMarker, 'click', function(event) { 
    console.log(`clicked on marker `+ this.marker_id); 
    console.log(this); 
    }); 

    markers.push(richMarker); 
} 

Answer 2

k = markers.push(richMarker); 

google.maps.event.addListener(markers[k-1], 'click', function (event) { 
        // you code eg: 
        alert('ok'); 
      });