Question

我正在关注http://jvectormap.com/maps/countries/usa/地图来实施。它也很简单，也很有文件记录。但是有一个区域选择地图，它使用不同大小的标记，这里是链接 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贴图的标记大小？

1 个答案: