Javascript 控制地图的复选标记按钮

Javascript 控制地图的复选标记按钮,javascript,jquery,map,jsfiddle,Javascript,Jquery,Map,Jsfiddle,好的,我昨天问了一个类似的问题——但我需要再次帮助,因为我重新整理了代码 请看这里: 如你所见,有一张地图和一个复选框。我想要复选框来控制国家的颜色 例如:在加载时选中,我希望它突出显示地图上的某些国家。当取消选中时,以不同的颜色显示它们 new jvm.WorldMap({ map: 'world_mill_en', container: $('#mymap'), backgroundColor: '#314F73',

好的,我昨天问了一个类似的问题——但我需要再次帮助,因为我重新整理了代码

请看这里:

如你所见,有一张地图和一个复选框。我想要复选框来控制国家的颜色

例如:在加载时选中,我希望它突出显示地图上的某些国家。当取消选中时,以不同的颜色显示它们

        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'
            });
        }
    });
});
因此,使用上述代码:

加载时,它将加载所有: 颜色为B1C9C0的“1”参数国家/地区 颜色为41A62A的“2”参数国家/地区

在复选标记上: 带有颜色FFFF的“1”参数国家/地区 颜色为000000的“2”参数国家/地区

取消选中时: 颜色为000000的“1”参数国家/地区 带有颜色FFFF的“2”参数国家/地区

这就是我想要它做的。我不确定我从地图上得到的信息是否正确


请帮忙

$'mymap'。jvm在JSFIDDLE中未定义,那么我应该引用什么来获取mapobjects?