function lnMap(placeList,fl){ option = { backgroundColor: '', color: [ 'rgba(255, 255, 255, 0.8)', 'rgba(14, 241, 242, 0.8)', 'rgba(37, 140, 249, 0.8)' ], tooltip: { show:false, trigger: 'item', formatter: function (params) { // console.log(params.name); var html=''; var html='
' +'
' +'

卡口点位总数:54

' +'

WIFI点位总数:642

' +'

电围电围总数:325

' +'

视频点位总数:222

' +'
' +'
' ; // setTimeout(function() { // toolipCharts(params.name); // }, 3000); return html; } }, geo: { map: 'ln', label: { emphasis: { show: false } }, roam: false, zoom : 1.26,// 放大 itemStyle: { normal: { areaColor: 'rgba(1,35,120,.7)', borderColor: 'rgba(100,149,237,1)', borderWidth:1.5 }, emphasis: { areaColor: 'transparent' } } }, series : [ { name: '强', type: 'effectScatter', coordinateSystem: 'geo', data: (function(){ var data = []; var len = 50; var geoCoord while(len--) { geoCoord = placeList[len % placeList.length].geoCoord; data.push({ name : placeList[len % placeList.length].name + len, value : [ geoCoord[0] + Math.random() * 2 * -1, geoCoord[1] + Math.random() * 1 * -1, 10 ] }) } return data; })(), symbolSize:4, showEffectOn: 'render', large:true, rippleEffect: { brushType: 'stroke', period:5, scale:3, }, hoverAnimation: true, label: { normal: { formatter: '{per|{b}}', position: 'right', show: false, rich:{ per: { color: '#eee', backgroundColor: '#334455', padding: [2, 4], borderRadius: 2 } } }, emphasis: { show: false } }, }, { name: '中', type: 'effectScatter', coordinateSystem: 'geo', data: (function(){ var data = []; var len = 200; var geoCoord while(len--) { geoCoord = placeList[len % placeList.length].geoCoord; data.push({ name : placeList[len % placeList.length].name + len, value : [ geoCoord[0] + Math.random()* 2* -1, geoCoord[1] + Math.random()* 2 * -1, 10 ] }) } return data; })(), symbolSize:4, showEffectOn: 'render', large:true, rippleEffect: { brushType: 'stroke', scale:3, }, hoverAnimation: true, label: { normal: { formatter: '{b}', position: 'right', show: false } }, }, { name: '弱', type: 'effectScatter', coordinateSystem: 'geo', data: (function(){ var data = []; var len = 185; var geoCoord while(len--) { geoCoord = placeList[len % placeList.length].geoCoord; data.push({ name : placeList[len % placeList.length].name + len, value : [ geoCoord[0] + Math.random() * 2 * -1, geoCoord[1] + Math.random() * 2 * -1, 10 ] }) } return data; })(), symbolSize:4, showEffectOn: 'render', large:true, rippleEffect: { brushType: 'stroke', scale:3, }, hoverAnimation: true, label: { normal: { formatter: '{b}', position: 'right', show: false } }, }, { type:'map', mapType: 'ln', data: [ { name: '铁岭市', value: Math.round(Math.random() * 1000) }, { name: '沈阳市', value: Math.round(Math.random() * 1000) }, { name: '朝阳市', value: Math.round(Math.random() * 1000) }, { name: '抚顺市', value: Math.round(Math.random() * 1000) }, { name: '阜新市', value: Math.round(Math.random() * 1000) }, { name: '葫芦岛市', value: Math.round(Math.random() * 1000) }, { name: '锦州市', value: Math.round(Math.random() * 1000) }, { name: '盘锦市', value: Math.round(Math.random() * 1000) }, { name: '营口市', value: Math.round(Math.random() * 1000) }, { name: '辽阳市', value: Math.round(Math.random() * 1000) }, { name: '本溪市', value: Math.round(Math.random() * 1000) }, { name: '丹东市', value: Math.round(Math.random() * 1000) }, { name: '鞍山市', value: Math.round(Math.random() * 1000) }, { name: '大连市', value: Math.round(Math.random() * 1000) }, { name: '康平县', value: Math.round(Math.random() * 1000) }, { name: '法库县', value: Math.round(Math.random() * 1000) }, { name: '新民市', value: Math.round(Math.random() * 1000) }, { name: '沈北新区', value: Math.round(Math.random() * 1000) }, { name: '辽中县', value: Math.round(Math.random() * 1000) }, { name: '苏家屯区', value: Math.round(Math.random() * 1000) }, { name: '于洪区', value: Math.round(Math.random() * 1000) }, { name: '皇姑区', value: Math.round(Math.random() * 1000) }, { name: '大东区', value: Math.round(Math.random() * 1000) }, { name: '铁西区', value: Math.round(Math.random() * 1000) }, { name: '和平区', value: Math.round(Math.random() * 1000) }, { name: '沈河区', value: Math.round(Math.random() * 1000) }, { name: '东陵区', value: Math.round(Math.random() * 1000) }, { name: '灯塔市', value: Math.round(Math.random() * 1000) }, { name: '白塔区', value: Math.round(Math.random() * 1000) }, { name: '文圣区', value: Math.round(Math.random() * 1000) }, { name: '太子河区', value: Math.round(Math.random() * 1000) }, { name: '宏伟区', value: Math.round(Math.random() * 1000) }, { name: '弓长岭区', value: Math.round(Math.random() * 1000) }, { name: '辽阳县', value: Math.round(Math.random() * 1000) }, { name: '溪湖区', value: Math.round(Math.random() * 1000) }, { name: '明山区', value: Math.round(Math.random() * 1000) }, { name: '平山区', value: Math.round(Math.random() * 1000) }, { name: '南芬区', value: Math.round(Math.random() * 1000) }, { name: '本溪满族自治县', value: Math.round(Math.random() * 1000) }, { name: '桓仁满族自治县', value: Math.round(Math.random() * 1000) }, ], label: { normal:{ show: true, formatter: function(params){ if(fl==''){ return params.name; }else{ return params.name+'\n\n'+fl+':'+params.value; } }, position:'inside', padding:[4,5], borderRadius:3, borderWidth:1, borderColor:'rgba(255,255,255,.5)', textStyle: { color:'white', fontSize:'16' } }, emphasis: { show: true, textStyle: { color:'white' } } }, roam: false, zoom : 1.26,// 放大 itemStyle: { normal: { areaColor: 'rgba(1,35,120,.7)', borderColor: 'rgba(100,149,237,1)', borderWidth:1.5 }, emphasis: { areaColor: 'transparent' } } } ] }; return option; } var url='./js/ln.json'; var symbolSize_bak=0; loadMap(url,symbolSize_bak,''); function loadMap(url,symbolSize_bak,fl){ $.get(url, function (chinaJson) { echarts.registerMap('ln', chinaJson); var chart = echarts.init(document.getElementById('lnmap')); chart.showLoading({ text:'正在加载中..', color:'#fff', textColor:'#fff', maskColor:'rgba(255,255,255,0)', zlevel:0, }); var placeList = [ {name:'阜新', geoCoord:[121.680381,42.029923]}, {name:'抚顺', geoCoord:[123.984642,41.899479]} ,{name:'本溪', geoCoord:[123.745478,41.492701]}, {name:'铁岭', geoCoord:[123.79607,42.242175]}, {name:'铁岭2', geoCoord:[123.915653,42.443491]}, {name:'沈阳', geoCoord:[123.79607,42.242175]}, ] var option=lnMap(placeList,fl); option.series[0].symbolSize=symbolSize_bak; option.series[1].symbolSize=symbolSize_bak; option.series[2].symbolSize=symbolSize_bak; chart.hideLoading(); chart.setOption(option); chart.on('click',function(params){ console.log(params.name); if(params.name=='本溪市'){ //./js/data-1505284886122-SkAzQUUcZ.json loadMap('./js/bx.json',getNum(),''); }else if(params.name=='沈阳市'){ loadMap('./js/sy.json',getNum(),''); }else if(params.name=='辽阳市'){ loadMap('./js/ly.json',getNum(),''); }else{ return; } $("#mapname").html(params.name); $("#mapTip").show(); }) // var count = 0; // var timeTicket = null; // var dataLength = option.series[3].data.length; // timeTicket && clearInterval(timeTicket); // timeTicket = setInterval(function() { // chart.dispatchAction({ // type: 'downplay', // seriesIndex: 3, // }); // chart.dispatchAction({ // type: 'highlight', // seriesIndex: 3, // dataIndex: (count) % dataLength // }); // chart.dispatchAction({ // type: 'showTip', // seriesIndex: 3, // dataIndex: (count) % dataLength // }); // count++; // }, 3000); // // chart.on('mouseover', function(params) { //// console.log(params) // clearInterval(timeTicket); // chart.dispatchAction({ // type: 'downplay', // seriesIndex: 3 // }); // chart.dispatchAction({ // type: 'highlight', // seriesIndex:3, // dataIndex: params.dataIndex // }); // chart.dispatchAction({ // type: 'showTip', // seriesIndex: 3, // dataIndex: params.dataIndex, // }); // }); // chart.on('mouseout', function(params) { // timeTicket && clearInterval(timeTicket); // timeTicket = setInterval(function() { // chart.dispatchAction({ // type: 'downplay', // seriesIndex: 3, // }); // chart.dispatchAction({ // type: 'highlight', // seriesIndex: 3, // dataIndex: (count) % dataLength // }); // chart.dispatchAction({ // type: 'showTip', // seriesIndex: 3, // dataIndex: (count) % dataLength // }); // count++; // }, 3000); // }); }); } $("#map_ln").on('click',function(){ loadMap('./js/ln.json',getNum(),getZl()); $("#mapTip").hide(); $('#mapname').html(''); })