SVG 地图（v1.1.0）

// 默认
$('#ChinaMap').SVGMap({
	mapName: 'china',
	mapWidth: 600,
	mapHeight: 500
});
                

// 自定义宽高
$('#ChinaMap1').SVGMap({
	mapName: 'china',
	mapWidth: 500,
	mapHeight: 400
});
                

// 自定义json数据
$('#ChinaMap2').SVGMap({
	mapName: 'china',
	showOtherText: true,
	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}
	}
});
                

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

// hover提示内容自定义
$('#ChinaMap4').SVGMap({
    mapTipHtml: function(stateData, obj){
        return 'id:' + ((stateData)[obj.id] && (stateData)[obj.id].baifenbi || obj.id) + '
name:' + obj.name;
    }
});
                

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

// click回调
$('#ChinaMap6').SVGMap({
	clickColorChange: true,
    clickCallback: function(stateData, obj){
        $('#ClickCallback').html('点击了：'+obj.name);
    },
    unClickCallback: function(stateData, obj){
        $('#UnClickCallback').html('取消点击：'+obj.name);
    }
});
                

// 外部控制地图
var map7 = $('#ChinaMap7').SVGMap({
    external: true
});
$('#ChangeMap').click(function(){
	map7.externalData.shandong.attr({fill: '#111'});
	map7.externalData.shandong['eventHoverLock'] = true; // hover event locked
	// map7.externalData.shandong.mouseout(function(){
	// 	this.animate({
	// 		fill: '#ddd'
	// 	}, 250);
	// });
});
$('#ChangeMap1').click(function(){
	map7.externalData.sichuan.attr({fill: '#00f'});
	map7.externalData.shandong['eventClickLock'] = true; // click event locked
	// map7.externalData.sichuan.mouseout(function(){
	// 	this.animate({
	// 		fill: '#f0f'
	// 	}, 250);
	// });
});
                

// 不显示提示内容
$('#ChinaMap8').SVGMap({
    showTip: false
});

                

// $.ajax({
// 	url: projectName+'/idea123Action.do?method=getIdea123MapData&reportName='+reportName,
// 	data: data,
// 	dataType: 'json',
// 	success: function(data){

var data = {"jiangsu":{"value":"30.05%","index":"1","stateInitColor":"0"},"henan":{"value":"19.77%","index":"2","stateInitColor":"0"},"anhui":{"value":"10.85%","index":"3","stateInitColor":"0"},"zhejiang":{"value":"10.02%","index":"4","stateInitColor":"0"},"liaoning":{"value":"8.46%","index":"5","stateInitColor":"0"},"beijing":{"value":"4.04%","index":"6","stateInitColor":"1"},"hubei":{"value":"3.66%","index":"7","stateInitColor":"1"},"jilin":{"value":"2.56%","index":"8","stateInitColor":"1"},"shanghai":{"value":"2.47%","index":"9","stateInitColor":"1"},"guangxi":{"value":"2.3%","index":"10","stateInitColor":"1"},"sichuan":{"value":"1.48%","index":"11","stateInitColor":"2"},"guizhou":{"value":"0.99%","index":"12","stateInitColor":"2"},"hunan":{"value":"0.78%","index":"13","stateInitColor":"2"},"shandong":{"value":"0.7%","index":"14","stateInitColor":"2"},"guangdong":{"value":"0.44%","index":"15","stateInitColor":"2"},"jiangxi":{"value":"0.34%","index":"16","stateInitColor":"3"},"fujian":{"value":"0.27%","index":"17","stateInitColor":"3"},"yunnan":{"value":"0.23%","index":"18","stateInitColor":"3"},"hainan":{"value":"0.21%","index":"19","stateInitColor":"3"},"shanxi":{"value":"0.11%","index":"20","stateInitColor":"3"},"hebei":{"value":"0.11%","index":"21","stateInitColor":"4"},"neimenggu":{"value":"0.04%","index":"22","stateInitColor":"4"},"tianjin":{"value":"0.04%","index":"23","stateInitColor":"4"},"gansu":{"value":"0.04%","index":"24","stateInitColor":"4"},"shaanxi":{"value":"0.02%","index":"25","stateInitColor":"4"},"aomen":{"value":"0.0%","index":"26","stateInitColor":"7"},"xianggang":{"value":"0.0%","index":"27","stateInitColor":"7"},"taiwan":{"value":"0.0%","index":"28","stateInitColor":"7"},"qinghai":{"value":"0.0%","index":"29","stateInitColor":"7"},"xizang":{"value":"0.0%","index":"30","stateInitColor":"7"},"ningxia":{"value":"0.0%","index":"31","stateInitColor":"7"},"xinjiang":{"value":"0.0%","index":"32","stateInitColor":"7"},"heilongjiang":{"value":"0.0%","index":"33","stateInitColor":"7"},"chongqing":{"value":"0.0%","index":"34","stateInitColor":"7"}};
		var i = 1;
		for(k in data){
			if(i <= 12){
				var _cls = i < 4 ? 'active' : ''; 
				$('#MapControl .list1').append('
'+(i++)+''+chinaMapConfig.names[k]+''+data[k].value+'
')
			}else if(i <= 24){
				$('#MapControl .list2').append('
'+(i++)+''+chinaMapConfig.names[k]+''+data[k].value+'
')
			}else{
				$('#MapControl .list3').append('
'+(i++)+''+chinaMapConfig.names[k]+''+data[k].value+'
')
			}
		}

		var stateColorList = ['003399', '0058B0', '0071E1', '1C8DFF', '51A8FF', '82C0FF', 'AAD5ee', 'AAD5FF'];
		
		var mapRegion = $('#RegionMap').SVGMap({
			external: true,
			mapName: 'china',
			mapWidth: 350,
			mapHeight: 350,
			stateData: data,
			// mapTipWidth: 118,
			// mapTipHeight: 47,
			// mapTipX: 2,
			// mapTipY: 0,
			mapTipHtml: function (mapData, obj) {
				var _value = mapData[obj.id].value;
				var _idx = mapData[obj.id].index;
				var active = '';
				_idx < 4 ? active = 'active' : active = '';
				var tipStr = '
' + _idx + '' + obj.name + '' + _value + '
';
				return tipStr;
			}
		});
		$('#MapControl li').hover(function () {
			var thisName = $(this).attr('name');
			
			var thisHtml = $(this).html();
			$('#MapControl li').removeClass('select');
			$(this).addClass('select');
			$(document.body).append('