jquery - 如何根据某些值动态更改 jvector map 标记大小？

Question

我正在关注http://jvectormap.com/maps/countries/usa/ map 来实现。它很简单并且有很好的文档记录。但是有一个区域选择 map ，它使用不同大小的标记，这里是链接 http://jvectormap.com/examples/usa-unemployment//我想在我的案例中实现:

 $('#vmap_usa').vectorMap({
  map: 'us_aea_en',
  markers:mapMarkers,
  hoverColor: false,
  color: '#c6c6c6',
    normalizeFunction: 'polynomial',
    hoverOpacity: 0.4,
    markerStyle: {
      initial: {
            fill: '#01a04e',
            stroke: '#01a04e',
            "fill-opacity": 0.6,
            "stroke-width": 1,
            "stroke-opacity": 1,
             r: 7  //*****I want to set this value at time of adding markers**
          },
          hover: {
            stroke: '#01a04e',
            "stroke-width": 2,
            cursor: 'pointer'
          }
        },

我使用以下方法添加标记:

    var mapObject = $('#vmap_usa').vectorMap('get', 'mapObject');
    mapObject.addMarkers(mapMarkers,[]);

我是新来的，所以请留下一些建议。谢谢。

Answer 1

谢谢我。我的问题得到了答案。这段代码对我有帮助。

 series: {
        markers: [{
          attribute: 'fill',
          min: 5,
          max: 200
        },{
          attribute: 'r',
          scale: [5, 15],
          values:mapMarkersValues,
          min: 5,
          max: 15
        }]
      },

mapMarkersValues 是一个数组，我在添加标记时动态推送了一些值。

this is what i needed