jvectormaps customize onMarkerClick

Question

Ich zeichne erfolgreich eine Karte mit jvectormaps, wo der Benutzer auf einen Marker klickt Ich habe einen Alarm auszulösen.

Ich würde gerne in der Lage sein, ein benutzerdefiniertes Element innerhalb der Marker-Array hinzufügen, die als eine Datensatz-ID dienen würde. Kann jemand die alert(id); Zeile im folgenden Code ändern, damit er auf die ID des aktuellen Markers zugreift?

Hier ist das gesamte Skript:

$(function(){ 
    var markers = [ 
     {id: 1, latLng: [33.44838, -112.07404], name: 'Phoenix, AZ', style: {r: 12, fill: '#76c043'}}, 
     {id: 2, latLng: [39.73924, -104.99025], name: 'Denver, CO', style: {r: 30, fill: '#ffdd85'}}, 
     {id: 3, latLng: [37.33821, -121.88633], name: 'San Jose, CA', style: {r: 30, fill: '#f58a78'}} 
     ]; 

    var map = new jvm.Map({ 
    container: $('.map'), 
    map: 'us_aea_en', 
    labels: { 
     regions: { 
     render: function(code){ 
      var doNotShow = ['US-RI', 'US-DC']; 

      if (doNotShow.indexOf(code) === -1) { 
      return code.split('-')[1]; 
      } 
     }, 
     offsets: function(code){ 
      return { 
      'CA': [-10, 10], 
      'ID': [0, 40], 
      'OK': [25, 0], 
      'LA': [-20, 0], 
      'FL': [45, 0], 
      'KY': [10, 5], 
      'VA': [15, 5], 
      'MI': [30, 30], 
      'AK': [50, -25], 
      'HI': [25, 50] 
      }[code.split('-')[1]]; 
     } 
     } 
    }, 
    backgroundColor:'#D3D3D3', 
    zoomButtons:false, 
    markers: markers, 
    regionsSelectable: false, 
    markersSelectable: false, 
    markersSelectableOne: false, 
    onMarkerClick: function(event, id){ 
     alert(id); 
    }, 
     onRegionLabelShow: function (e, el, code) { 
       e.preventDefault(); 
     } 
    }); 
}); 

ich fügte der id: 1, id:2, id:3 Stücke im Array Marker, jetzt habe ich es nur Hilfe benötigen Zugriff.

Answer 1

Zugriff einfach Ihren Marker lokaler Variable durch lokale ID:

onMarkerClick: function(event, id){ 
    alert(markers[id].id); 
},