如何使用jvectormap添加带有系列的标记?

时间:2015-02-03 16:11:29

标签: javascript jquery jvectormap

我正在尝试将标记添加到地图中。标记具有值,因此每个标记具有不同的值。我希望圆圈具有不同的半径,具体取决于这些值。这就是我的工作:

geochart.removeAllMarkers();
for (var i=0; i<selected_locations.length; i++) {
  loc = selected_locations[i];
  geochart.addMarker(i, locations_data[loc], addedSeries[i] || {}) ;
}

addedSeries是一个数组,如[12,0,0,610]

selected_locations是一个数组,如["11", "12", "5", "2"]

locations_data是一个数组,就像

一样
{
 ...
 "11": {"latLng": [37.89,-4.78], "name": "Location A"},
 "12": {"latLng": [37.18,-3.59], "name": "Location B"},
 ...
}

geochartjvm.Map个实例。

我得到的当前行为是正在创建标记,但半径始终相同。

有任何线索吗?

1 个答案:

答案 0 :(得分:1)

如果您浏览代码很容易,但有点棘手。我似乎需要添加一个值列表,一个值列在series的{​​{1}}部分上声明的每个标记类型。这是我的map

map

所以我就是这样解决的:

var geochart = new jvm.Map({
  container: $('.spain-map'),
  map: 'es_mill_en',
  markers: markers,
  series: {
    markers: [{
      attribute: 'r',
      scale: [5, 20],
      values: [...]
    },{
      attribute: 'fill',
      scale: ['#00CC00', '#CC0000'],
      values: [...]
    }]
  }
});