$(function(){
	var provinces = ['shanghai', 'hebei','shanxi','neimenggu','liaoning','jilin','heilongjiang','jiangsu','zhejiang','anhui','fujian','jiangxi','shandong','henan','hubei','hunan','guangdong','guangxi','hainan','sichuan','guizhou','yunnan','xizang','shanxi1','gansu','qinghai','ningxia','xinjiang', 'beijing', 'tianjin', 'chongqing', 'xianggang', 'aomen', 'taiwan'];
	var provincesText = ['涓婃捣', '娌冲寳', '灞辫タ', '鍐呰挋鍙?, '杈藉畞', '鍚夋灄','榛戦緳姹?,  '姹熻嫃', '娴欐睙', '瀹夊窘', '绂忓缓', '姹熻タ', '灞变笢','娌冲崡', '婀栧寳', '婀栧崡', '骞夸笢', '骞胯タ', '娴峰崡', '鍥涘窛', '璐靛窞', '浜戝崡', '瑗胯棌', '闄曡タ', '鐢樿們', '闈掓捣', '瀹佸', '鏂扮枂', '鍖椾含', '澶╂触', '閲嶅簡', '棣欐腐', '婢抽棬', '鍙版咕'];
	
	var selected = 'china';
	mapEcharts(selected);

		
	//杩斿洖涓浗鍦板浘	 
// 	$('.close-back').click(function(e){
// //  	echarts.init(document.getElementById('cityMap'));
// 		mapEcharts(selected);
// 		console.log(option.series);
// 	});
	

	myCharts.on('click', function (param) {
		var service ='';
	        //閬嶅巻鍙栧埌provincesText 涓殑涓嬫爣  鍘绘嬁鍒板搴旂殑鐪乯s
			event.stopPropagation();
	        // for(var  i= 0 ; i < provincesText.length ; i++ ){
	        //     if(param.name == provincesText[i]){
	        //         //鏄剧ず瀵瑰簲鐪佷唤鐨勬柟娉
	        //         // showProvince(provinces[i]) ;
	        //         $('.close-back').show();
	        //         mapEcharts(provinces[i]);
	        //         break ;
	        //     }
	        // }
	});

	
	function mapEcharts(name) {	
	// var url = 'map.json';		
	name == 'china' ? url = '/static/home/libs/json/' + name + '.json' : url = './libs/json/province/' + name + '.json'
	myCharts = echarts.init(document.getElementById('cityMap'));
    $.ajaxSettings.async = false;	
	$.get(url,function(data){
		var dataMap = data;
		echarts.registerMap(name, dataMap);
		myCharts.hideLoading();				
		var ceshi = [ // 鏁ｇ偣鏁版嵁 (value鎺у埗鏁ｇ偣澶у皬浠ュ強鏄惁鍦ㄧ渷浠藉湴鍥炬樉绀?
			{name: '闈掓捣', value: [98.32, 36.379], size: 100,url:'https://www.baidu.com/',symbol: 'image:///static/home/images/point.png',img:'/static/home/images/demo.jpg',areaname:'qinghai'},
			{name: '姹熻タ', value: [115.522, 28.479], size: 100,url:'https://www.baidu.com/',symbol: 'image:///static/home/images/point.png',img:'/static/home/images/demo.jpg',areaname:'jiangxi'},
			{name: '鍖椾含', value: [116.12, 40.879], size: 100,url:'https://www.baidu.com/',symbol: 'image:///static/home/images/point.png',img:'/static/home/images/demo.jpg',areaname:'beijing'},
			{name: '娌冲寳', value: [115.12, 39.079], size: 100,url:'https://www.baidu.com/',symbol: 'image:///static/home/images/point.png',img:'/static/home/images/demo.jpg',areaname:'hebei'},
			{name: '婀栧崡', value: [111.62, 28.179], size: 100,url:'https://www.baidu.com/',symbol: 'image:///static/home/images/point.png',img:'/static/home/images/demo.jpg',areaname:'hunan'},
			{name: '娌冲崡', value: [113.62, 34.179], size: 100,url:'https://www.baidu.com/',symbol: 'image:///static/home/images/point.png',img:'/static/home/images/demo.jpg',areaname:'henan'},
			{name: '骞夸笢', value: [113.62, 24.179], size: 100,url:'https://www.baidu.com/',symbol: 'image:///static/home/images/point.png',img:'/static/home/images/demo.jpg',areaname:'guangdong'},
			{name: '涔岄瞾鏈ㄩ綈', value: [87.618, 43.793],size: 100,url:'https://www.baidu.com/',symbol: 'image:///static/home/images/point.png',img:'/static/home/images/demo.jpg',areaname:'xinjiang'},
			{name: '鐢樿們', value: [97.618, 40.293],size: 100,url:'https://www.baidu.com/',symbol: 'image:///static/home/images/point.png',img:'/static/home/images/demo.jpg',areaname:'gansu'},
			{name: '瑗胯棌', value: [89.618, 30.793],size: 100,url:'https://www.baidu.com/',symbol: 'image:///static/home/images/point.png',img:'/static/home/images/demo.jpg',areaname:'xizang'},
			{name: '鍥涘窛', value: [102.532, 32.079],size: 100,url:'https://www.baidu.com/',symbol: 'image:///static/home/images/point.png',img:'/static/home/images/demo.jpg',areaname:'sichuan'},
			{name: '浜戝崡', value: [102.32, 24.379],size: 100,url:'https://www.baidu.com/',symbol: 'image:///static/home/images/point.png',img:'/static/home/images/demo.jpg',areaname:'yunnan'},
			{name: '杈藉畞', value: [123.618, 41.793],size: 100,url:'https://www.baidu.com/',symbol: 'image:///static/home/images/point.png',img:'/static/home/images/demo.jpg',areaname:'liaoning'},
			{name: '灞辫タ', value: [112.12, 38.579],size: 100,url:'https://www.baidu.com/',symbol: 'image:///static/home/images/point.png',img:'/static/home/images/demo.jpg',areaname:'shanxi'},
			{name: '瀹佸', value: [105.512, 38.079],size: 100,url:'https://www.baidu.com/',symbol: 'image:///static/home/images/point.png',img:'/static/home/images/demo.jpg',areaname:'ningxai'},
			{name: '闄曡タ', value: [108.812, 35.079],size: 100,url:'https://www.baidu.com/',symbol: 'image:///static/home/images/point.png',img:'/static/home/images/demo.jpg',areaname:'shanxi!'},
			{name: '瀹夊窘', value: [116.812, 32.579],size: 100,url:'https://www.baidu.com/',symbol: 'image:///static/home/images/point.png',img:'/static/home/images/demo.jpg',areaname:'anhui'},
			{name: '姹熻嫃', value: [119.812, 33.079],size: 100,url:'https://www.baidu.com/',symbol: 'image:///static/home/images/point.png',img:'/static/home/images/demo.jpg',areaname:'jiangsu'},
			{name: '婀栧寳', value: [112.812, 31.479],size: 100,url:'https://www.baidu.com/',symbol: 'image:///static/home/images/point.png',img:'/static/home/images/demo.jpg',areaname:'hubei'},
			{name: '璐靛窞', value: [106.633, 26.658],size: 100,url:'https://www.baidu.com/',symbol: 'image:///static/home/images/point.png',img:'/static/home/images/demo.jpg',areaname:'guizhou'},
			{name: '閲嶅簡', value: [106.550, 29.573],size: 100,url:'https://www.baidu.com/',symbol: 'image:///static/home/images/point.png',img:'/static/home/images/demo.jpg',areaname:'chongqing'}
		];
				
		var convertData = function (data) { // 澶勭悊鏁版嵁鍑芥暟
			var res = [];
			for (var i = 0; i < data.length; i++) {
				var geoCoord = data[i].value;
				var geoAreaname = data[i].areaname;
				
				if ((geoCoord && name==geoAreaname)) { //璺宠浆鍒扮渷绾у浘鏍囬渶鏀惧ぇ
					res.push({
						name: data[i].name,
						value: geoCoord.concat(data[i].size * 101),
						url:data[i].url,
						symbol:data[i].symbol,
						img:data[i].img,
						areaname:data[i].areaname
					});
				}
				if(name == 'china'){  //鍦ㄤ腑鍥藉湴鍥句笂鍥炬爣鏄剧ず鍚寁alue
					res.push({
						name: data[i].name,
						value: geoCoord.concat(data[i].size),
						url:data[i].url,
						symbol:data[i].symbol,
						img:data[i].img,
						areaname:data[i].areaname
					});
				}	
			}
			return res;
		};
		
		myCharts.setOption(option = {
			tooltip: {
				trigger: 'item',
				enterable: true, //榧犳爣鏄惁鍙繘鍏ユ彁绀烘
	            transitionDuration: 1, //鎻愮ず妗嗙Щ鍔ㄥ姩鐢昏繃娓℃椂闂
	            // triggerOn : 'click', //鐐瑰嚮浜嬩欢
				formatter: function(params) {
	                if(params.name && params.value) { //params.data.value[2] > 100鐩殑鏄负浜嗗湪鐪佺骇涓嶅脊绐
	                    // var str = '<a target="_blank" class="layui-btn layui-btn-normal layui-btn-sm pull-right" href="'+params.data.url+'"><img src='+params.data.img+' /><p class="conut-next">'+ params.name +'</p></a>';
	                    // return str;
	                    return '';
	                }
	          },
				backgroundColor: '#fff',
		        extraCssText: 'box-shadow: 0 3px 6px rgba(109, 130, 188,0.6);',
		        padding: 10
			},
			
			geo: { // 鍦板浘閰嶇疆
				show: true,
				map: name,
				label: {
					normal: {
						show: false
					},
					emphasis: {
						show: false
					}
				},
				roam: false,//鎺у埗缂╂斁
				itemStyle: {
		            normal: {
		                areaColor: "#6cf",
		                shadowBlur: 1,
		                shadowColor: "#0074BC",
		                shadowOffsetX: 10,
		                shadowOffsetY: 10,
		            },
		            emphasis: {         	
		            	label: {
                            show: true,//閫変腑鐘舵€佹槸鍚︽樉绀虹渷浠藉悕绉
                        },
		                areaColor: "#fff",
		                shadowOffsetX: 10,
		                shadowOffsetY: 10,
		                shadowBlur: 5,
		                borderWidth: 10,
		                shadowColor: "rgba(0, 0, 0, 0.1)"
		            }
	          },
	          regions: [
		          {
		            name: "鍗楁捣璇稿矝",
		            itemStyle: {
		              // 闅愯棌鍦板浘
		            normal: {
		                opacity: 0, // 涓 0 鏃朵笉缁樺埗璇ュ浘褰
		              }
		            },
		            emphasis: {
		            	opacity: 0,
		            },
		            label: {
		              show: false // 闅愯棌鏂囧瓧
		            }
		          },
		        ]
			},
			series: [
			{ // 鏁ｇ偣閰嶇疆
			    name: '鏁伴噺',
			    type: 'effectScatter',
			    zlevel:2,
			    coordinateSystem: 'geo',
				symbolSize: function(val){
					if(val[2]>100){
						return ([20,27]); 
					}else{
						return ([0.2*val[2],0.27*val[2]]);//涓や釜鍙傛暟瀵瑰簲瀹介珮锛岀偣鍑昏繘鍘荤渷绾у悗瀵瑰簲瀹介珮涔樹互鐩稿簲鍊嶆暟
					}
                },
			    symbolKeepAspect: true,
			    showEffectOn: 'emphasis',
			    rippleEffect: {
			        brushType: 'stroke'
			    },
				label:{
					show:true,
					formatter: '{b}',
					position:"inside",
					offset:[0,8],
					textStyle:{
						color:"#FFF"
					},
				},
			    hoverAnimation: true,
				data:convertData(ceshi),
			}, 
			{ // 鍦板浘閰嶇疆
			    name: '鍦板浘',
			    type: 'map',
			    mapType: name, // 鑷畾涔夋墿灞曞浘琛ㄧ被鍨
			    geoIndex: 1,
			    aspectScale: 0.75, // 闀垮姣
			    textFixed: {
                    Alaska: [20, -20]
              	},
				data:[{name:'婀栧寳',selected:true}],  //榛樿閫変腑
			    label: {
                    normal: {
                      show: false,
                      textStyle: {
                        color: '#fff'
                      }
                    },
                    emphasis: {
                      show: false,
                      textStyle: {
                        color: '#000'
                      }
                    }
                },
                itemStyle: {
		            normal: {
		                areaColor: '#4A9DE4',
		                borderColor: '#A2D9FC',
		                borderWidth: 1
		            },
		            emphasis: {           	
		                areaColor: '#A2D9FC',
		                shadowOffsetX: 10,
		                shadowOffsetY: 10,
		                shadowBlur: 5,
		                borderWidth: 2,
		                shadowColor: "#0074BC",
		                borderColor: 'rgba(0, 0, 0, 0)',
		            }
		        },

			},
		
		]
		});

		
		myCharts.setOption(option);
				
	});
	
	
	}
	

	
});