$('document').ready(function(){
	var mapData = [
		{"name":"??浜?,"link":"http:\/\/www.zgbjds.com/information/"},
		{"name":"澶╂触","link":"http:\/\/www.tjdx.gov.cn/"},
		{"name":"娌冲??","link":"http:\/\/www.hebeidangshi.org.cn/"},
		{"name":"灞辫タ","link":"http:\/\/www.shanxidsfz.gov.cn/Browse/Default/Default.aspx"},
		{"name":"??????,"link":"http:\/\/www.nmgdswx.org.cn/"},
		{"name":"杈藉?","link":"http:\/\/www.lnds.com.cn/"},
		{"name":"????","link":"http:\/\/www.jldsyjs.org/"},
		{"name":"榛?榫?姹?","link":"http:\/\/www.hljds.com.cn/"},
		{"name":"涓?娴?,"link":"http:\/\/www.ccphistory.org.cn/"},
		{"name":"姹???","link":"http:\/\/www.jsdsw.org.cn/web/index.html"},
		{"name":"娴?姹?","link":"http:\/\/www.zjds.org.cn/"},
		{"name":"瀹?寰?,"link":"http:\/\/www.anhuids.gov.cn/"},
		{"name":"绂?寤?,"link":"http:\/\/www.fjdsfzw.org.cn/"},
		{"name":"姹?瑗?,"link":"http:\/\/www.jxdys.cn/"},
		{"name":"灞变?","link":"http:\/\/www.sddsw.org.cn/"},
		{"name":"娌冲??","link":"http:\/\/www.hndsfz.com/"},
		{"name":"婀???","link":"http:\/\/www.hbdsw.org.cn/"},
		{"name":"婀???","link":"http:\/\/www.hndsyjy.cn/"},
		{"name":"骞夸?","link":"http:\/\/www.gddsw.com.cn/"},
		{"name":"骞胯タ","link":"http:\/\/www.gxdsw.cn/"},
		{"name":"娴峰??","link":"http:\/\/www.hnszw.org.cn/"},
		{"name":"??搴?","link":"http:\/\/www.redsa.com.cn/"},
		{"name":"??宸?","link":"http:\/\/www.scds.org.cn/"},
		{"name":"璐靛?","link":"http:\/\/www.dsyj.gov.cn/"},
		{"name":"浜???","link":"http:\/\/www.ynds.yn.gov.cn/"},
		{"name":"瑗胯??","link":"http:\/\/www.xzdw.gov.cn/xzds/"},
		{"name":"??瑗?,"link":"http:\/\/sxdsw.org.cn/"},
		{"name":"????","link":"http:\/\/www.gsds.gov.cn/"},
		{"name":"??娴?,"link":"http:\/\/www.qhdsw.gov.cn/"},
		{"name":"瀹?澶?","link":"http:\/\/www.nxdsw.net/"},
		//{"name":"?扮??","link":"http:\/\/yldj.gov.cn/dswx/"},
		{"name":"?扮??","link":" http:\/\/www.xjkunlun.cn/dswx.htm"},
		{"name":"?扮??寤鸿??靛??,"link":"#"},
		{"name":"?版咕","link":"#"}
		
	];
	
	var myChart = echarts.init(document.getElementById("main"));
	option = {
		
	    dataRange: {
	    	show:false,
	        x: 'left',
	        y: 'bottom',
	        splitList: [
	            {start: 5, end: 5, color: '#F8DC57'},//褰??间负5?讹??哄?????
	            {start: 10, end: 10, color: '#9ECEE5'},//褰??间负10?讹??哄?????
	        ],
		},
		tooltip: {
            trigger: 'item',
			enterable:true,
			triggerOn: 'click',	
            formatter: function(params){
				var areaName = params.name;
				for(var i=0;i<mapData.length;i++){
					if(mapData[i].name == areaName){
						res = '<div>'+mapData[i].name+'</div>'+
						      '<div><a style="color:white" href="'+mapData[i].link+'">'+mapData[i].link+'</a></div>'
					    return res;
					}
				}
			},
			x:20,
			y:20,
			position:20,
        },
        series: [
			{
                name: '涓???,
                type: 'map',
                mapType: 'china',
			    trigger: 'item',
                selectedMode: 'single',
			    backgroundColor: '#9ECEE5',
			    data:mapData,
			    itemStyle: {
			    	normal: {
                        borderWidth: .5, //?哄??杈规?瀹藉害
                        borderColor: '#009fe8', //?哄??杈规?棰??
                        areaColor: "#9ECEE5", //?哄??棰??
                    },
                    emphasis: {
						label: {
							show:false
						},
                        // borderWidth: .5,
                        // borderColor: '#4b0082',
						areaColor: "#9ECEE5",
                        // areaColor: "#F7DD6A",
                    }
			    },
                label: {
					color: 'black',
                    normal: {
                        show: true,
			    		backgroundColor: {
                            color: "black"
                        },
						color: 'black'
                    },
                    emphasis: {
                        show: true,
			    		backgroundColor: {
							color: "black"
			    		},
						color: 'black'
                    }
                },
	        }
		],
		backgroundColor: "#F2F2F2"
	  }
	  myChart.setOption(option, true);
	  
	  myChart.on('click', function (params) {//?瑰?讳?浠
			select_province(params.name);	
	  });
	  
	  myChart.on('globalout',function(){
		  ini_province()
	  })
	  
	  
	  myChart.on('mouseover', function (params) {//?瑰?讳?浠
	  		myChart.setOption(option);
	  });
	  
	  
	function ini_province(){
		var ini_len=option.series[0].data.length;
		for(var i=0;i<ini_len;i++){
			//??濮???棰??
			option.series[0].data[i].value=10;
			myChart.setOption(option);
		}
	}
	  
	function select_province(province_name){
		var len=option.series[0].data.length;
		for(var i=0;i<len;i++){
			if(option.series[0].data[i].name==province_name){//濡????归??姝ｇ‘
				//?瑰??棰??
				option.series[0].data[i].value=5;
			}else{
				option.series[0].data[i].value=10;
			}
			myChart.setOption(option);
		}
	}

})