获取jvectormap的“jvm.Map不是构造函数”

时间:2016-04-13 03:39:16

标签: javascript jvectormap

我正在尝试在grails应用程序中使用jvectormap,并且已经在jvectormap网站上关注这些示例以开始使用。但是,我无法弄清楚为什么我得到“jvm.Map不是构造函数”的错误。我包含了所有必要的.css和.js文件,代码几乎是jvectormap网站上的逐字典。

<!DOCTYPE html>
<html>
    <head>
        <meta name="layout" content="main">
        <asset:stylesheet src="jquery-jvectormap-2.0.1.css"/>
        <asset:javascript src="jquery-jvectormap-2.0.1.min.js"/>
        <asset:javascript src="jquery-jvectormap-world-mill-en.js"/>    

    </head>
    <body>
        <div id="widthholder"><span></span></div>
        <div id="world-map" style="width: 600px; height: 400px"></div>
        <script>
            var gdpData = {
                "AF": 16.63,
                "AL": 11.58,
                "DZ": 158.97
            };          

            $(function(){
                map = new jvm.Map({
                    map: 'world_mill_en',
                    container: $('#world-map'),
                    series: {
                        regions: [{
                            values: gdpData,
                            scale: ['#C8EEFF', '#0071A4'],
                            normalizeFunction: 'polynomial'
                        }]
                    },
                    onRegionTipShow: function(e, el, code){
                      el.html(el.html()+' (GDP - '+gdpData[code]+')');
                    }
                });
            });

        </script>   
    </body>
</html>

1 个答案:

答案 0 :(得分:1)

答案就在这里 http://jvectormap.com/tutorials/data-visualization/

var mapObject = $('.map').vectorMap('get', 'mapObject');