Question

这是我的JQuery：

<script>
    $(document).ready(function () {
        var countries = $("[id*='Country_DropDownList'] option").map(function () {
                    return this.value + ":'#004B85'";
        }).get();

        $('#map').vectorMap({
            map: 'world_mill',
            backgroundColor: 'transparent',
            zoomOnScroll: false,
            regionsSelectable: true,
            regionsSelectableOne: true,
            regionStyle: {
                initial: { fill: '#787878' },
                selected: { fill: '#bd8b3b' }
            },

            series: {
                regions: [{
                    values: countries,
                    attribute: 'fill'
                },
                {attribute: 'fill-opacity'}]
            },
            onRegionClick: function (event, code) {
                $("#<%=Country_DropDownList.ClientID%>").val(code);
                __doPostBack('<%= Country_DropDownList.UniqueID %>', '');
            }
        });
    });
</script>

var countries基本上是在检索Country_dropdownlist值，并为每个国家/地区值返回country value:'#004B85'，如下所示：

All: '#004B85',AF: '#004B85',AT: '#004B85',FO: '#004B85',GB: '#004B85',MY: '#004B85',NL: '#004B85',US: '#004B85'

我正在做动态地图着色。当我将变量countries传递到values下的regions时，它没有按预期工作，它应该根据{{1}中的国家/地区代码为所有国家/地区着色}。但是，当我将var countries的内容更改为：

var countries

工作正常。相关国家是彩色的。我可以知道我在IN:'#33250B',DK:'#000FFF'中做错了什么吗？谢谢！

JVectorMap与下拉列表中的数组不起作用

0 个答案: