jquery.vmap.js

这是个很好用的地图插件, adminLTE的插件包中有集成。

我应为最近做一个管理系统, 安利同事layui失败后, 选择了adminLTE搭建前端。

根据adminLTE中的演示默认是美国地图。

使用思路

4793284702374093287409

查看了代码，查了下想换成中国地图的就需要更改 map 为 cn_mill 修改后没有效果。

    // World map by jvectormap
    $('#world-map').vectorMap({
        map              : 'cn_mill',
        backgroundColor  : 'transparent',
        regionStyle      : {
            initial: {
                fill            : 'rgba(255, 255, 255, 0.7)',
                'fill-opacity'  : 1,
                stroke          : 'rgba(0,0,0,.2)',
                'stroke-width'  : 1,
                'stroke-opacity': 1
            }
        },
        series           : {
            regions: [{
                values           : visitorsData,
                scale            : ['#ffffff', '#0154ad'],
                normalizeFunction: 'polynomial'
            }]
        },
        onRegionLabelShow: function (e, el, code) {
            if (typeof visitorsData[code] != 'undefined')
                el.html(el.html() + ': ' + visitorsData[code] + ' new visitors')
        }
    })

仔细查看后要加载一个国家插件js才行，然后去了官网下载。