Question

我正在做地图选择而我正在使用mapster但是当我运行时我得到了这个错误

//区域名称与每个区域显示的文本的交叉引用 var xref = { Flamborough：'Flamborough，Ontario人口：22,333'， Dundas：'Dundus，Ontario人口：24,702'， Acanster：'Ancaster，Ontario人口：33,000'， Glanbrook：'Glanbrook，Ontario人口：77,774'， StoneyCreek：'Stoney Creek，Ontario人口：62,292'，汉密尔顿：'汉密尔顿，安大略省人口：490,268' };

var image = $("#hamilton_map");

image.mapster(
{
    fillOpacity: 0.4,
    fillColor: "d42e16",
    stroke: true,
    strokeColor: "3320FF",
    strokeOpacity: 0.8,
    strokeWidth: 2,
    singleSelect: true,
    mapKey: 'name',
    listKey: 'name',
    onClick: function (e) {
        // update text depending on area selected
        $('#selections').html(xref[e.key]);


            areas: [
                {
                    key: "Flamborough",
                    fillColor: "EE82EE"
                },
                {
                    key: "Dundas",
                    fillColor: "EE82EE"
                },
                {
                    key: "Acanster",
                    fillColor: "EE82EE"
                },
                {
                    key: "Glanbrook",
                    fillColor: "EE82EE"
                },
                {
                    key: "Hamilton",
                    fillColor: "EE82EE"
                },
                {
                    key: "StoneyCreek",
                    fillColor: "EE82EE"
                }
            ]
    }
});

这就是我所拥有的

Answer 1

我也面临着同样的问题，我只是将其添加到我的Js函数中。

$(document).ready(function() {
$('img').mapster(initial_opts)
.mapster('set',true,'CA', {
    fill: true,
    fillColor: '00ff00'
})
.mapster('snapshot')
.mapster('rebind',basic_opts);

}）;

    var image = $("#hamilton_map");
    $(document).ready(function() {
    image.mapster(
    {
        fillOpacity: 0.4,
        fillColor: "d42e16",
        stroke: true,
        strokeColor: "3320FF",
        strokeOpacity: 0.8,
        strokeWidth: 2,
        singleSelect: true,
        mapKey: 'name',
        listKey: 'name',
        onClick: function (e) {
            // update text depending on area selected
            $('#selections').html(xref[e.key]);


                areas: [
                    {
                        key: "Flamborough",
                        fillColor: "EE82EE"
                    },
                    {
                        key: "Dundas",
                        fillColor: "EE82EE"
                    },
                    {
                        key: "Acanster",
                        fillColor: "EE82EE"
                    },
                    {
                        key: "Glanbrook",
                        fillColor: "EE82EE"
                    },
                    {
                        key: "Hamilton",
                        fillColor: "EE82EE"
                    },
                    {
                        key: "StoneyCreek",
                        fillColor: "EE82EE"
                    }
                ]
        }
    })
    });

如何修复Uncaught TypeError：mapster不是函数？

1 个答案: