如何根据某些值动态更改 jvector 映射标记大小？

Question

我正在按照http://jvectormap.com/maps/countries/usa/地图实施。它很简单，也有据可查。但是有一个使用不同大小标记的区域选择图，这里是link 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

如何根据某些值动态更改 jvector 映射标记大小？

How can I dynamically change jvector map's marker size according to Some Value?

jquery

jvectormap