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?