SVG 中国地图

                            $('#ChinaMap').SVGMap({
                                                mapName: 'china'
                                        });
                

$('#ChinaMap1').SVGMap({
        mapName: 'china',
        mapWidth: 600,
        mapHeight: 500
});
                

$('#ChinaMap2').SVGMap({
                mapName: 'china',
                stateData: {
                        'heilongjiang': {'stateInitColor': 1, 'baifenbi': 0.236},
                        'beijing': {'stateInitColor': 2},
                        'shanghai': {'stateInitColor': 3},
                        'tianjin': {'stateInitColor': 4},
                        'sichuan': {'stateInitColor': 5},
                        'shandong': {'stateInitColor': 6},
                        'shanxi': {'stateInitColor': 3},
                        'zhejiang': {'stateInitColor': 4},
                        'jiangshu': {'stateInitColor': 2},
                        'hunan': {'stateInitColor': 4},
                        'guizou': {'stateInitColor': 5},
                        'neimenggu': {'stateInitColor': 6},
                        'henan': {'stateInitColor': 3},
                        'gansu': {'stateInitColor': 4},
                        'ningxia': {'stateInitColor': 2},
                        'jilin': {'diabled': true}
                }
        });
                

$('#ChinaMap3').SVGMap({
        mapName: 'china',
        stateDataType: 'xml',
        stateSettingsXmlPath: 'js/res/chinaMapSettings.xml'
});
                

$('#ChinaMap4').SVGMap({
        stateTipHtml: function(stateData, obj){
                return 'id:' + ((stateData)[obj.id] && (stateData)[obj.id].baifenbi || obj.id) + '
name:' + obj.name;
        }
});
                

$('#ChinaMap5').SVGMap({
       hoverCallback: function(stateData, obj){
           $('#HoverCallback').html('hover:'+obj.name);
       }
});
                

$('#ChinaMap6').SVGMap({
       clickCallback: function(stateData, obj){
           $('#ClickCallback').html('点击了：'+obj.name);
       }
});
                

var mapObj = {};
        $('#ChinaMap7').SVGMap({
        external: mapObj
        });
        $('#ChangeMap').click(function(){
                mapObj.shandong.attr({fill: '#111'});
                mapObj.shandong.mouseout(function(){
                        this.animate({
                fill: '#ddd'
            }, 250);
                });
        });
        $('#ChangeMap1').click(function(){
                mapObj.sichuan.attr({fill: '#00f'});
                mapObj.sichuan.mouseout(function(){
                        this.animate({
                fill: '#f0f'
            }, 250);
                });
        });
                

$('#ChinaMap8').SVGMap({
        showTip: false
        });