var _echarts = document.createElement("script");
_echarts.src = ""+__JS__+"/echarts/echarts.min.js";
document.getElementsByTagName('head')[0].appendChild(_echarts); 

_echarts.onload = function(){
	var _china = document.createElement("script");
	_china.src = ""+__JS__+"/echarts/china.js";
	document.getElementsByTagName('head')[0].appendChild(_china);
	_china.onload = function(){
		getMapData();
	}
}

function getMapData(){
	// ajax获取地图分布数据
	$.ajax({
		type:"get",
		url:"/index.php?m=content&c=index&a=city_case",
		success:function(result){
			mapInit(getProvinceData(JSON.parse(result)));
		}
	})
}

function getProvinceData(provinceArr){
	var provinceData = [];
	for (var i = 0; i < provinceArr.length; i++) {
		provinceData[i] = {};
		provinceData[i].name = provinceArr[i].name.replace('市','').replace('省','').replace('自治区','')
		provinceData[i].selected = true
		var str = '';
		for (var j = 0; j < provinceArr[i].list.length; j++) {
			str += '<li><a href="'+provinceArr[i].list[j].url+'"><img src="'+__IMG__+'/icon-rightsj.png"/>'+provinceArr[i].list[j].title+'</a></li>'
		}
		provinceData[i].spans = str
	}
	return provinceData;
}

function mapInit(provinceData){
	var echartsMap = echarts.init(document.getElementById('echartsMap'));

	var option = {
	     series : [
	        {
	            name: '中国',
	            type: 'map',
	            mapType: 'china',
	            hoverAnimation: true,
	            itemStyle:{
	                normal:{
	                	label:{formatter:function(params){return ''}},
	                	borderColor:'#fff',
	                	borderWidth:1,
	                	areaColor:'#0BAFEF'
	                },
	                emphasis:{
	                	label:{textStyle:{color:'#fff'},formatter:function(params){
	                		return '{point|}\n'+params.name;
	                	},rich:{
	                		point:{backgroundColor:{image:''+__IMG__+'/icon-city.png'}}
	                	}},
	                	areaColor:'#1AB870'
	                }
	            },
	            data:provinceData
	        }
	    ]
	};
	echartsMap.setOption(option);

	echartsMap.on('mousemove', function (params) {
		if(!params.data) return false;
		var promps = '<div class="dtpo"><h3><img src="'+__IMG__+'/icon-address1.png"/>'+params.data.name+'</h3><ul>'+params.data.spans+'</ul><img src="'+__IMG__+'/icon-xiejt.png" class="xieimg"/></div>';
		var offestT = [34,30]; // 提示窗三角指示 x y
		$('#echartsMap .dtpo').remove();
		if(params.data.spans){
	    		$('#echartsMap').append(promps);
			var $dtop = $('#echartsMap .dtpo');
			$dtop.attr('style','left:'+(params.event.offsetX+offestT[0])+'px;top:'+(params.event.offsetY-offestT[1]-$dtop.outerHeight())+'px;bottom:auto;').show();
		}
	});
}