jvectormap添加具有不同半径的标记

Question

我正在尝试创建一个jvectormap并使用通过ajax接收到的标记填充它。 现在，我可以将标记放置在地图上，但是我很想根据通过ajax接收到的另一个值来更改标记的半径。

$.ajax({
            url: "/map",
            type: 'post',
            dataType: 'json',
            data: {
                _csrf : 'token'
            },
            success: function (data) {
                var mapObj = new jvm.Map({
                    container: $('#todaymap'),
                    map: 'it_merc_en',
                    normalizeFunction: 'polynomial',        
                    markerStyle: {
                        initial: {
                            fill: '#F8E23B',
                            stroke: '#383f47',
                            r: 3,
                        },
                        hover: {
                            fill: '#383f47',
                            stroke: '#383f47'
                        }
                    },
                    backgroundColor: '#383f47',
                    markers: [],
                    series: {
                        markers: [{
                            attribute: 'r',
                            scale: [3,10]
                        }],
                    }
                });
                $('#todaymap div:first-child').hide();

                var mapMarkers = [];
                var mapMarkersValues = [];
                mapMarkers.length = 0;
                mapMarkersValues.length = 0;
                for (var i = 0, l= data.length; i < l; i++) {
                    coords= Array();
                    coords[0]= data[i].lat;
                    coords[1]= data[i].lng;

                    console.log(data[i].count);
                    mapMarkers.push({name: data[i].name, latLng: coords});
                }
                mapObj.addMarkers(mapMarkers, []);  
            }
        }); 

我要使用的字段是data[i].count ，根据出现次数计数，其值为0到6。 我在网上找不到任何有用的东西。 有人对如何做有想法吗？

Answer 1

我刚刚在自己的地图实现中测试了一种类似的方法，但是我的版本设置为更改使用创建地图时已经设置的标记，它使用：

mapObj.markers[markerNumber].element.config.style.initial.r = scaleValue;
mapObj.applyTransform();

因此，要执行此操作，您将不得不在mapObj.addMarkers行之后使用数据的另一个循环将其添加，然后在此辅助循环之后使用applyTransform（）来使用更改后的标记信息重绘/刷新地图，这应该是这样的我想像的工作：

for (var i = 0, l= data.length; i < l; i++) {
    mapObj.markers[i].element.config.style.initial.r = data[i].count;
}
mapObj.applyTransform();

编辑：再次查看代码并尝试创建初始标记后，我想您实际上可以将信息添加到mapMarkers数组中，如下所示：

mapMarkers.push({name: data[i].name, latLng: coords, r:data[i].count});