Question

好的，昨天我问了一个类似的问题 - 但我又需要帮助，因为我重新安排了我的代码。

如您所见 - 有一张地图和一个复选标记框。我想要复选标记框来控制国家/地区的颜色。

例如：选中（加载时检查）我希望它突出显示地图上的某些国家/地区。如果未选中则以不同的颜色显示它们。

        new jvm.WorldMap({
        map: 'world_mill_en',
        container: $('#mymap'),
        backgroundColor: '#314F73',
        zoomMax: 40,
        markers: markers,
        markerStyle: {
            initial: {
                fill: '#ffffff'
            }
        },
        series: {
            regions: [{
                scale: {
                    '1': '#B1C9C0',
                        '2': '#41a62a'
                },
                attribute: 'fill',
                values: data1['countriesvisited']
            }]
        }
    });
});
$(document).ready(function () {
    $('#myForm').fancyfields();
    var mapObject = $('#mymap').jvm.WorldMap('get', 'mapObject');
    $("#Checkbox1").fancyfields("bind", "onCheckboxChange", function (input, isChecked) {
        if (isChecked) {
            console.log(mapObject.series.regions[0]);
            mapObject.series.regions[0].setScale({
                '1': '#ffffff',
                    '2': '#000000'
            });
        } else {
            mapObject.series.regions[0].setScale({
                '1': '#000000',
                    '2': '#ffffff'
            });
        }
    });
});

所以使用上面的代码：

在加载时它会加载所有：带有COLOR＃B1C9C0的'1'参数国家/地区 '2'参数国家/地区颜色为＃41A62A

复选标记上的

：带有COLOR #ffffff的'1'参数国家/地区 '2'参数国家/地区颜色＃000000

取消选中： '1'参数国家/地区为COLOR＃000000 带有COLOR #ffffff

的'2'参数国家/地区

那就是我想要的。我不确定我是否正确地从地图中获取信息。

请帮忙！

复选标记按钮控制图

0 个答案: