0

我需要您在 jVectorMap 安装方面的帮助。请看一下项目：

这里

向下滚动到左下列，然后尝试将鼠标悬停或单击任何国家/地区。

我初始化 jVectorMap 的代码是：

$.ajax({
    type: "POST",
    url: "worldmapdata.php",
    dataType: "json",
    data: dataString,
    cache: false,
    success: function(html)
    {
        var mapData;
        mapData = html;
        $('#world-map').html('');
        $('#world-map').vectorMap({
            map: 'world_mill_en',
            backgroundColor: '#a5bfdd',
            regionsSelectable: true,
            focusOn: {
                x: 0.4,
                y: 0.3,
                scale: 2.61464672130868
            },
            regionStyle: {
                initial: {
                    fill: 'white',
                    "fill-opacity": 1,
                    stroke: 'none',
                    "stroke-width": 0,
                    "stroke-opacity": 1
                },
                hover: {
                    "fill-opacity": 0.8
                },
                selected: {
                    fill: 'yellow'
                },
                selectedHover: {
                }
            },
            series: {
                regions: [{
                    values: mapData,
                    scale: ['#C8EEFF', '#0071A4'],
                    normalizeFunction: 'polynomial'
                }]
            },
            onRegionOver: function(e, el, code){
                el.html(el.html()+' (GDP - '+mapData[code]+')');
            }
        }).trigger('create');
    }
});

很高兴获得解决此问题的正确方向的提示。

4

2 回答 2

0

您合并的 javascript 有问题或导致冲突。我从 HTML 文件http://www.yapeople.com/Hans+Spitzer/js/g=js_on（

我什至使用您的 jVectorMap 初始化代码（没有冲突的 js）设置了一个jsfiddle，它按预期工作。

尝试仅使用 jQuery 和 jVectorMap 构建合并的 JS，并继续添加库/框架，直到它中断。这已经让您知道是哪个代码导致了冲突。

于 2013-11-16T11:00:30.593 回答
0

@Mike：谢谢你的回答，它帮助我解决了问题......它是 jquery.validate.js 插件。我不知道为什么，但现在我只是禁用了这个插件来让地图工作。

此致，

英格玛

于 2013-11-16T12:06:47.143 回答