jVectorMap - 如何从标记中获取值并将其存储到变量中

Question

我设法使用jVectorMap和地图中的标记创建地图。

现在，当用户点击它时，如何从标记中获取值？

的jsfiddle链接：http://jsfiddle.net/fqqGs/78/

 $(function(){ 
     $('#map').vectorMap({ 
     map: 'us_aea_en', 
     zoomOnScroll: false, 
     hoverOpacity: 0.7, 
     markerStyle: { 
      initial: { 
      fill: '#F8E23B', 
      stroke: '#383f47' 
      } 
     }, 
markers: [ 
    {latLng: [41.50, -87.37], name: 'Chicago', newvalue: '300'}, 
      {latLng: [32.46, -96.46], name: 'Dallas', newvalue: '301'}, 
      {latLng: [36.10, -115.12], name: 'Las Vegas', newvalue: '302'}, 
      {latLng: [34.3, -118.15], name: 'Los Angeles', newvalue: '303'}, 
      {latLng: [40.43, -74.00], name: 'New York City', newvalue: '304'} 
     ], 
      onMarkerClick: function(event, index){ 
    var a = 2; 
var b=2+newval; //need to get the value from each markers and save the value to newval 
alert(b); 

} 
     }); 
    }); 

Answer 1

分配标记数组变量，你可以在地图上标记和onMarkerClick瓶盖内都分配引用匿名函数内。

的jsfiddle链接：http://jsfiddle.net/hansenmc/3Cf8r/

$(function() { 
     //assign markers to a variable 
     var mapMarkers = [ 
       {latLng: [41.50, -87.37], name: 'Chicago', newvalue: '300'}, 
       {latLng: [32.46, -96.46], name: 'Dallas', newvalue: '301'}, 
       {latLng: [36.10, -115.12], name: 'Las Vegas', newvalue: '302'}, 
       {latLng: [34.3, -118.15], name: 'Los Angeles', newvalue: '303'}, 
       {latLng: [40.43, -74.00], name: 'New York City', newvalue: '304'} 
     ]; 

     $('#map').vectorMap({ 
      map: 'us_aea_en', 
      zoomOnScroll: false, 
      hoverOpacity: 0.7, 
      markerStyle: { 
       initial: { 
        fill: '#F8E23B', 
        stroke: '#383f47' 
       } 
      }, 
      markers: mapMarkers, 
      onMarkerClick: function (event, index) { 
       var a = 2; 
       //retrieve marker by the index and parse the string value as an integer 
       var newval = parseInt(mapMarkers[index].newvalue); 
       var b = 2 + newval; //need to get the value from each markers and save the value to newval 
       alert(b); 
      } 
     }); 
    });