pc、大屏地图修改

WebChart/index.html

 									</div>
 									
 									
-									<div class="quanbgBox1 quan_SYQ ani map_click"  index="睢阳区" swiper-animate-effect="showTxt" swiper-animate-duration=".5s" swiper-animate-delay="3.5s">
+									<div class="quanbgBox1 quan_SYQ ani map_click"  data_index='2' index="睢阳区" swiper-animate-effect="showTxt" swiper-animate-duration=".5s" swiper-animate-delay="3.5s">
 										<div class="quanbg">
 											<span class="quan quan1 quan1a "></span>
 											<span class="quan quan2 quan2a "></span>
 										<span class="txt txt_SYQ">睢阳区</br><span class="SYQ_num"></span></span>
 									</div>
 									
-									<div class="quanbgBox1 quan_MQ ani map_click" index="民权县" swiper-animate-effect="showTxt" swiper-animate-duration=".5s" swiper-animate-delay="3.5s">
+									<div class="quanbgBox1 quan_MQ ani map_click" data_index='5' index="民权县" swiper-animate-effect="showTxt" swiper-animate-duration=".5s" swiper-animate-delay="3.5s">
 										<div class="quanbg">
 											<span class="quan quan1 quan1a "></span>
 											<span class="quan quan2 quan2a "></span>
 										<span class="txt txt_MQ">民权县</br><span class="MQ_num"></span></span>
 									</div>
 									
-									<div class="quanbgBox1 quan_SX ani map_click" index="睢县" swiper-animate-effect="showTxt" swiper-animate-duration=".5s" swiper-animate-delay="3.5s">
+									<div class="quanbgBox1 quan_SX ani map_click" data_index='6' index="睢县" swiper-animate-effect="showTxt" swiper-animate-duration=".5s" swiper-animate-delay="3.5s">
 										<div class="quanbg">
 											<span class="quan quan1 quan1a "></span>
 											<span class="quan quan2 quan2a "></span>
 										<span class="txt txt_SX">睢县</br><span class="SX_num"></span></span>
 									</div>
 									
-									<div class="quanbgBox1 quan_NL ani map_click" index="宁陵县" swiper-animate-effect="showTxt" swiper-animate-duration=".5s" swiper-animate-delay="3.5s">
+									<div class="quanbgBox1 quan_NL ani map_click" data_index='7' index="宁陵县" swiper-animate-effect="showTxt" swiper-animate-duration=".5s" swiper-animate-delay="3.5s">
 										<div class="quanbg">
 											<span class="quan quan1 quan1a "></span>
 											<span class="quan quan2 quan2a "></span>
 										<span class="txt txt_NL">宁陵县</br><span class="NL_num"></span></span>
 									</div>
 									
-									<div class="quanbgBox1 quan_LYQ ani map_click" index="梁园区" swiper-animate-effect="showTxt" swiper-animate-duration=".5s" swiper-animate-delay="3.5s">
+									<div class="quanbgBox1 quan_LYQ ani map_click" data_index='3' index="梁园区" swiper-animate-effect="showTxt" swiper-animate-duration=".5s" swiper-animate-delay="3.5s">
 										<div class="quanbg">
 											<span class="quan quan1 quan1a "></span>
 											<span class="quan quan2 quan2a "></span>
 										<span class="txt txt_LYQ">梁园区</br><span class="LYQ_num"></span></span>
 									</div>
 									
-									<div class="quanbgBox1 quan_KFQ ani map_click" index="城乡一体化示范区" swiper-animate-effect="showTxt" swiper-animate-duration=".5s" swiper-animate-delay="3.5s">
+									<div class="quanbgBox1 quan_KFQ ani map_click" data_index='11' index="城乡一体化示范区" swiper-animate-effect="showTxt" swiper-animate-duration=".5s" swiper-animate-delay="3.5s">
 										<div class="quanbg">
 											<span class="quan quan1 quan1a "></span>
 											<span class="quan quan2 quan2a "></span>
 										<span class="txt txt_KFQ">示范区</br><span class="KFQ_num"></span></span>
 									</div>
 									
-									<div class="quanbgBox1 quan_ZC ani map_click" index="柘城县" swiper-animate-effect="showTxt" swiper-animate-duration=".5s" swiper-animate-delay="3.5s">
+									<div class="quanbgBox1 quan_ZC ani map_click" data_index='8' index="柘城县" swiper-animate-effect="showTxt" swiper-animate-duration=".5s" swiper-animate-delay="3.5s">
 										<div class="quanbg">
 											<span class="quan quan1 quan1a "></span>
 											<span class="quan quan2 quan2a "></span>
 										<span class="txt txt_ZC">柘城县</br><span class="ZC_num"></span></span>
 									</div>
 									
-									<div class="quanbgBox1 quan_YCX ani map_click" index="虞城县" swiper-animate-effect="showTxt" swiper-animate-duration=".5s" swiper-animate-delay="3.5s">
+									<div class="quanbgBox1 quan_YCX ani map_click" data_index='9' index="虞城县" swiper-animate-effect="showTxt" swiper-animate-duration=".5s" swiper-animate-delay="3.5s">
 										<div class="quanbg">
 											<span class="quan quan1 quan1a "></span>
 											<span class="quan quan2 quan2a "></span>
 										<span class="txt txt_YCX">虞城县</br><span class="YCX_num"></span></span>
 									</div>
 									
-									<div class="quanbgBox1 quan_XYX ani map_click" index="夏邑县" swiper-animate-effect="showTxt" swiper-animate-duration=".5s" swiper-animate-delay="3.5s">
+									<div class="quanbgBox1 quan_XYX ani map_click" data_index='10' index="夏邑县" swiper-animate-effect="showTxt" swiper-animate-duration=".5s" swiper-animate-delay="3.5s">
 										<div class="quanbg">
 											<span class="quan quan1 quan1a "></span>
 											<span class="quan quan2 quan2a "></span>
 										<span class="txt txt_XYX">夏邑县</br><span class="XYX_num"></span></span>
 									</div>
 									
-									<div class="quanbgBox1 quan_YCS ani map_click"  index="永城市" swiper-animate-effect="showTxt" swiper-animate-duration=".5s" swiper-animate-delay="3.5s">
+									<div class="quanbgBox1 quan_YCS ani map_click"  data_index='4' index="永城市" swiper-animate-effect="showTxt" swiper-animate-duration=".5s" swiper-animate-delay="3.5s">
 										<div class="quanbg">
 											<span class="quan quan1 quan1a "></span>
 											<span class="quan quan2 quan2a "></span>
 		<script src="js/setItervalTime.js"></script>
 		<script src="js/pieChat.js"></script>
 		<script src="https://api.map.baidu.com/api?v=2.0&ak=ZG4gLQZUD6Eq1K11cqlYAR4by8CKgLyu&callback=mapinit"></script>
-		<script src="js/map.js"></script>
+		<script src="js/map1.js"></script>
 	</body>
 
 </html>

WebChart/js/map1.js

-var mapAdree=""
+var mapAdree="";
+var data_index='';
+var pointArray=[];
 window.onload = function() {
 	
 	//键盘登录事件
 	//市区选择控件
 	$('.map_click').click(function(obj) {
 		mapAdree=$(this).attr("index")
+		data_index=$(this).attr('data_index');
 		earth();
 	});
-	throungh()
+	//数据为空加载地图
+	function mapLoad(){
+		var city = '商丘市';
+		// 创建地址解析器实例
+		var address = '河南省商丘'+mapAdree;
+		var myGeo = new BMap.Geocoder();
+		myGeo.getPoint(address, function(point) {
+			if(point) {
+				//定位到区 ，级别显示12
+				map.centerAndZoom(point, 12);
+				map.enableScrollWheelZoom(true); //开启鼠标滚轮缩放
+				//删除选点
+				map.clearOverlays();
+			} else {
+				// alert("您选择地址没有解析到结果!");
+			}
+		}, city);
+	}
+//	throungh()
 	function throungh() {
 		$.ajax({
 			type: "get",
 			dataType: 'json',
 			data: {
 				token: $.cookie("token"),
-				start:$('#starttime').val() && $('#starttime').val().split(' ~ ')[0], //=开始时间
-				end:$('#starttime').val() && $('#starttime').val().split(' ~ ')[1], //=结束时间
-				sourcearea:$('#sourceAreas').val()
+				start:$('#time1').val() && $('#time1').val().split(' ~ ')[0], //=开始时间
+				end:$('#time1').val() && $('#time1').val().split(' ~ ')[1], //=结束时间
+//				sourcearea:$('#sourceAreas').val()
+				sourcearea:data_index
 			},
 			success: function(result) {
 				if(result.state.toLowerCase() == "success") {
 					json_data = result.data;
-					for(var i = 0; i < json_data.length; i++) {
-						var marker = new BMap.Marker(new BMap.Point(json_data[i][0], json_data[i][1])); // 创建点
-						map.addOverlay(marker); //增加点
-						pointArray[i] = new BMap.Point(json_data[i][0], json_data[i][1]);
-						var content = json_data[i][2];
-						addClickHandler(content, marker);
-						//让所有点在视野范围内
-						map.setViewport(pointArray);
+					if(json_data.length==0){
+						mapLoad();
+					}else{
+						for(var i = 0; i < json_data.length; i++) {
+							var marker = new BMap.Marker(new BMap.Point(json_data[i][0], json_data[i][1])); // 创建点
+							map.addOverlay(marker); //增加点
+							pointArray[i] = new BMap.Point(json_data[i][0], json_data[i][1]);
+							var content = json_data[i][2];
+							addClickHandler(content, marker);
+							//让所有点在视野范围内
+							map.setViewport(pointArray);
+						}
 					}
-					console.log(json_data)
 				}
 			}
 		})
 		//地图加载完成后加载数据
 		callback();
 	}
+//	var pointArray=[];
 	//市区下拉框选择事件
 	function earth() {
 		$(".map_bg").hide();
 					map.centerAndZoom(point, 12);
 					//删除选点
 					map.clearOverlays();
-					for(var i = 0; i < json_data.length; i++) {
-						var marker = new BMap.Marker(new BMap.Point(json_data[i][0], json_data[i][1])); // 创建点
-						map.addOverlay(marker); //增加点
-						pointArray[i] = new BMap.Point(json_data[i][0], json_data[i][1]);
-						var content = json_data[i][2];
-						addClickHandler(content, marker);
-					}
+					throungh();
+//					for(var i = 0; i < json_data.length; i++) {
+//						var marker = new BMap.Marker(new BMap.Point(json_data[i][0], json_data[i][1])); // 创建点
+//						map.addOverlay(marker); //增加点
+//						pointArray[i] = new BMap.Point(json_data[i][0], json_data[i][1]);
+//						var content = json_data[i][2];
+//						addClickHandler(content, marker);
+//					}
 				} else {
-					// alert("您选择地址没有解析到结果!");
+					 alert("您选择地址没有解析到结果!");
 				}
 			}, city);
 		}
 	function openInfo(content, e) {
 		var p = e.target;
 		var point = new BMap.Point(p.getPosition().lng, p.getPosition().lat);
-		var infoWindow = new BMap.InfoWindow(content, opts); // 创建信息窗口对象 
+//		var infoWindow = new BMap.InfoWindow(content, opts); // 创建信息窗口对象 
+		var infoWindow = new BMap.InfoWindow(content); // 创建信息窗口对象 
 		map.openInfoWindow(infoWindow, point); //开启信息窗口
 	}
 

WebUI/CallCenterWeb.UI/Appeal/AddAppeal.html

     <script src="https://api.map.baidu.com/api?v=2.0&ak=ZG4gLQZUD6Eq1K11cqlYAR4by8CKgLyu&callback=mapinit"></script>
     <script src="../css/laydate/laydate.js"></script>
     <script src="../js/adjustHeight.js"></script>
-    <script src="../js/appeal/index.js"></script>
+    <script src="../js/appeal/index1.js"></script>
     <script>
         var submit;
         $(document).ready(function () {

WebUI/CallCenterWeb.UI/Business/spotDist.html

 						<i class="syIcon"></i>位置：
 						<a href="javaScript:;" id="ReIndex">首页</a>&gt;
 						<a href="javaScript:;">业务统计</a>&gt;
-						<a class="nowPosition">工单报表</a>
+						<a class="nowPosition">工单热点分布</a>
 					</sapn>
 				</div>
 				<div class="dhRight">

WebUI/CallCenterWeb.UI/js/spotDist.js

 	});    
 	QY();
 	LY();
+	mapLoad();
 	throungh();
 	tree();
 	$(".Seach").click(function() {
 
 
 function throungh() {
-	debugger
 	$.ajax({
 		type: "get",
 		url: huayi.config.callcenter_url + "WorkOrderReport/GetHotspotMap",
 			end:$('#starttime').val() && $('#starttime').val().split(' ~ ')[1], //=结束时间
 			deptid: $("#Dpment").val(),
 			keyid:$("#key").val(),
-			sourcearea:$('#sourceAreas').val(),
+			sourcearea:$('#sourcearea').val(),
 			source:$("#source").val()
 		},
 		success: function(result) {
 	})
 }
 function mapLoad(){
-	map.centerAndZoom(point, 15);
-	map.enableScrollWheelZoom(true); //开启鼠标滚轮缩放
+	var city = '商丘市';
+	// 创建地址解析器实例
+	var address = '河南省商丘睢阳区';
+	var myGeo = new BMap.Geocoder();
+	myGeo.getPoint(address, function(point) {
+		if(point) {
+			//定位到区 ，级别显示12
+			map.centerAndZoom(point, 12);
+			map.enableScrollWheelZoom(true); //开启鼠标滚轮缩放
+			//删除选点
+			map.clearOverlays();
+		} else {
+			// alert("您选择地址没有解析到结果!");
+		}
+	}, city);
+//	map.centerAndZoom(point, 15);
+//	map.enableScrollWheelZoom(true); //开启鼠标滚轮缩放
 }
 $('#sourcearea').change(function(obj) {
 	if($('#sourcearea').val() == "") {
 	var infoWindow = new BMap.InfoWindow(content, opts); // 创建信息窗口对象 
 	map.openInfoWindow(infoWindow, point); //开启信息窗口
 }
-
 //移动到某一坐标点
 function to(x, y) {
 	map.panTo(new BMap.Point(x, y));