本文用的是echarts图表插件，就是百度退出来的，调用方法很简单。
echarts配置option = { 
    title: { 
        text: '2015年gdp统计数据', 
        subtext: '数据来源网络（单位：万亿元）', 
        left: 'center' 
    }, 
    tooltip: { 
        trigger: 'item', 
        formatter: {a} 
{b} : {c}万亿元 
    }, 
    visualmap: { 
        min: 0, 
        max: 10, 
        left: 'left', 
        top: 'bottom', 
        orient: 'horizontal', 
        text: ['高', '低'], // 文本，默认为数值文本 
        calculable: true  //是否启用值域漫游，即是否有拖拽用的手柄，以及用手柄调整选中范围。 
    }, 
    toolbox: {//工具栏 
        show: true, 
        orient: 'vertical', //垂直 
        left: 'right', 
        top: 'center', 
        feature: { 
            mark: {show: true}, 
            saveasimage: {show: true} //保存为图片 
        } 
    }, 
    series: [ 
        { 
            name: '2015年gdp', 
            type: 'map', 
            maptype: 'china', 
            roam: false, //是否开启鼠标缩放和平移 
            itemstyle: { 
                normal: {label: {show: true}}, 
                emphasis: {label: {show: true}} 
            }, 
            data: [] 
        } 
    ] 
}; 
var mychart = echarts.init(document.getelementbyid('mychart'));
mychart.showloading(); 
mychart.setoption(option);中国地图省份数据读取：http://www.sucaihuo.com/js/720.html
php+echarts读取地图数据.zip ( 191.71 kb 下载：49 次 )
ad：真正免费，域名+虚机+企业邮箱=0元