AnYang_UI/WebChartNewest/js/map/anyangMap2.js

// let paramsData=[];

function initSecondMap(uploadedDataURL, mapWorkOrder, points, num, maxNum, areaChildrenId) {
	// console.log(areaChildrenId)
	let myChart = echarts.init(document.getElementById('regionMap'));
	var option = null;
	$.getJSON(uploadedDataURL, function (geoJson) {
		echarts.registerMap('js', geoJson);
		myChart.hideLoading();
		option = {
			tooltip: {
				backgroundColor: 'rgba(0,0,0,0)',
				trigger: 'axis',
			},
			visualMap: {
				show: true,
				max: maxNum,
				seriesIndex: [0],
				right: 100,
				bottom: 100,
				calculable: true,
				textStyle: {
					color: '#fff'
				},
				inRange: {
					color: ['#fffb00', '#ff0100']
				}
			},
			geo: [{
				map: 'js',
				roam: false, //是否允许缩放
				zoom: num, //默认显示级别
				right: 100,
				// bottom:200,
				scaleLimit: {
					min: 0,
					max: 3
				}, //缩放级别
				itemStyle: {
					normal: {
						// areaColor: '#013C62',
						shadowColor: '#013C62',
						shadowBlur: 20,
						shadowOffsetX: -5,
						shadowOffsetY: 15,
					}
				},
				tooltip: {
					show: false
				}
			}],
			series: [
				//地图
				{
					tooltip: {
						trigger: 'item',
						position: 'inside',
						formatter: function (params) {
							let str='<div class="mapBox"><p>'+params.name+'</p><ul>'
								
							// let str = '<div style="background-image: url(image/second/frame2.png);width:90px;height:195px;line-height:22px;background-size: 100% 100%;padding:8px 15px;">'
							areaChildrenId.data.forEach(function (v, n) {
								// console.log(v)
								if (v.Name == params.name) {
									Object.keys(v.InfoType).forEach((key, n) => {
										str +='<li><label>'+key+'：</label><span>'+v.InfoType[key]+'</span></li>'
									})
								}
							})
							str += '</ul></div>';
							// console.log(str)
							return str;
						}
					},
					type: 'map',
					mapType: 'js',
					geoIndex: -1,
					zoom: num, //默认显示级别
					right: 100,
					// bottom:200,
					label: {
						show: false,
						color: '#222',
						offset: [-20, -20],
						emphasis: {
							color: 'white',
							show: false
						}
					},
					itemStyle: {
						normal: {
							borderColor: '#2980b9',
							borderWidth: 1,
							areaColor: '#12235c'
						},
						emphasis: {
							areaColor: '#FA8C16',
							borderWidth: 0
							// color: 'green'
						}
					},
					data: mapWorkOrder
				},
				{
					type: 'effectScatter',
					coordinateSystem: 'geo',
					showEffectOn: 'render',
					rippleEffect: {
						period: 2,
						scale: 3,
						brushType: 'fill'
					},
					// symbol:'none',
					hoverAnimation: true,
					label: {
						formatter: '{b}',
						position: 'right',
						offset: [-20, -20],
						color: '#000000',
						fontWeight: 600,
						show: true
					},
					itemStyle: {
						opacity: 1,
						color: 'rgba(250,250,250,0)',
						// normal: {
						// 	color: '#00fcff',
						// 	shadowBlur: 1,
						// 	borderWidth:1,
						// 	shadowColor: '#00fcff'
						// }
					},
					emphasis: {
						show: false,
						itemStyle: {
							opacity: 1, //线条宽度
						}
					},
					data: points
				}
			]
		};
		myChart.setOption(option);
	})
	myChart.on('click', function (params) {

	})
}

function initTableMap(id) {
	//先销毁表格
	$('#orderlist').bootstrapTable('destroy');
	//初始化表格,动态从服务器加载数据
	$('#orderlist').bootstrapTable({
		method: "get", //使用get请求到服务器获取数据
		// url: "http://192.168.8.9:1042/InfoNew/GetAreaTypeCount", //获取数据的Servlet地址
		url:huayi.config.callcenter_url+"/InfoNew/GetAreaTypeCount", //获取数据的Servlet地址
		contentType: "application/x-www-form-urlencoded",
		striped: false, //表格显示条纹
		pagination: false, //启动分页
		pageSize: 13, //每页显示的记录数
		pageNumber: 1, //当前第几页
		pageList: [15, 30, 60, 100], //记录数可选列表
		search: false, //是否启用查询
		showColumns: false, //显示下拉框勾选要显示的列
		showRefresh: false, //显示刷新按钮
		sidePagination: "server", //表示服务端请求
		//设置为undefined可以获取pageNumber，pageSize，searchText，sortName，sortOrder
		//设置为limit可以获取limit, offset, search, sort, order
		queryParamsType: "undefined",
		queryParams: function queryParams(params) { //设置查询参数
			var param = {
				areaid: id
			};
			return param;
		},
		responseHandler: function (res) {
			// //格式化数据
			res.data.forEach(function(v,n){
				v.areaParentId=id;
				if(v.type=='咨询'){
					v.typeId=9
				}else if(v.type=='投诉'){
					v.typeId=11
				}else if(v.type=='建议'){
					v.typeId=12
				}else if(v.type=='其他'){
					v.typeId=90
				}else if(v.type=='求助'){
					v.typeId=10
				}else if(v.type=='表扬'){
					v.typeId=13
				}else if(v.type=='举报'){
					v.typeId=89
				}
			})
			return {
				"rows": res.data, //数据
				"total": res.total
			};
		},
		onLoadSuccess: function (res) { //加载成功时执行
		},
		onLoadError: function () { //加载失败时执行
			//layer.msg("加载数据失败", { time: 1500, icon: 2 });
		}
	});
}
//地图表格操作
function getTypeWorkOrder(val,row){
	return '<span class="workAct"  onclick="workTable(\'' + '' + '\',\'' + '' + '\',\'' + '' +'\',\''+''+'\',\''+''+'\',\''+row.typeId+'\',\''+row.areaParentId
		+'\')">' + val + '</span>'
}
function getProblomWorkOrder(val,row){
	return '<span class="workAct"  onclick="workTable(\'' + '' + '\',\'' + '' + '\',\'' + '' +'\',\''+''+'\',\''+''+'\',\''+''+'\',\''+row.areaParentId
		+'\',\''+row.id+'\')">' + val + '</span>'
}
function keyTable(id) {
	//先销毁表格
	$('#orderKeylist').bootstrapTable('destroy');
	//初始化表格,动态从服务器加载数据
	$('#orderKeylist').bootstrapTable({
		method: "get", //使用get请求到服务器获取数据
		// url: "http://192.168.8.9:1042/InfoNew/GetMapByNow", //获取数据的Servlet地址
		url:huayi.config.callcenter_url+"/InfoNew/GetMapByNow", //获取数据的Servlet地址
		contentType: "application/x-www-form-urlencoded",
		striped: false, //表格显示条纹
		pagination: false, //启动分页
		pageSize: 13, //每页显示的记录数
		pageNumber: 1, //当前第几页
		pageList: [15, 30, 60, 100], //记录数可选列表
		search: false, //是否启用查询
		showColumns: false, //显示下拉框勾选要显示的列
		showRefresh: false, //显示刷新按钮
		sidePagination: "server", //表示服务端请求
		//设置为undefined可以获取pageNumber，pageSize，searchText，sortName，sortOrder
		//设置为limit可以获取limit, offset, search, sort, order
		queryParamsType: "undefined",
		queryParams: function queryParams(params) { //设置查询参数
			var param = {
				areaid: id
			};
			return param;
		},
		responseHandler: function (res) {
			res.forEach(function(v,n){
				v.areaParentId=id;
			})
			// //格式化数据
			let data = res.splice(0, 10)
			return {
				"rows": data//数据
			};
		},
		onLoadSuccess: function (res) { //加载成功时执行
		},
		onLoadError: function () { //加载失败时执行
			//layer.msg("加载数据失败", { time: 1500, icon: 2 });
		}
	});
}
function infoData(id) {
	new doAjax({
		url:huayi.config.callcenter_url+'/InfoNew/GetTownshipCount',
		// url: "http://192.168.8.9:1042/InfoNew/GetTownshipCount",
		Type: 'get',
		async: false,
		data: {
			id: id
		},
		callBack: function (res) {
			let str =
				'<div style="background-image: url(image/second/frame2.png);width:90px;height:195px;line-height:22px;background-size: 100% 100%;padding:8px 15px;">'
			res.data.forEach(function (v, n) {
				str +=
					'<div><span style="color:#fff;width:50%;text-align: center;display: inline-block;">' +
					v.type +
					': </span><span  style="width:45%;text-align: center;display: inline-block;">' +
					v.count + '</span></div>'
			})
			str += '</div>';
			return str;
		}
	});
}