var is_mobi = navigator.userAgent.toLowerCase().match(/(ipod|iphone|android|coolpad|mmp|smartphone|midp|wap|xoom|symbian|j2me|blackberry|wince)/i) != null; if (!is_mobi) { window.location.href = "sy.html"; } layui.use('element', function () { var element = layui.element; layer = layui.layer; }); // if (screen.availWidth <= 750) { // $('.logo-img').attr('src', '/img/map-logo2.png'); // $('.logo-img').css("width", "257px"); // } $(function () { // 全部输入框特殊字符不能输入 // 匹配标志: g:全局匹配 i:忽略大小写 // / 是表达式开始和结束的标记 // \ 可以将后面出现的字符标记为特殊字符 // ^ 匹配输入字符串的开始位置,除非在方括号表达式中使用,当该符号在方括号表达式中使用时,表示不接受该方括号表达式中的字符集合。要匹配 ^ 字符本身,请使用 \^。 // \w 匹配字母、数字、下划线。等价于 [A-Za-z0-9_] // $("input").bind('keyup blur', function() { // // var reg= /[^\w\u4e00-\u9fa5\/\-]/gi; // var reg = /[^\w\u4e00-\u9fa5]/gi; // var val = $(this).val(); // if (reg.test(val)) { // $(this).val($(this).val().replace(reg, '')); // } // }); // 点击图片,显示弹窗 $(".flex_li").click(function () { // = $(".pop").css("display"); var tabshow = $(this).text().replace(/\s+/g, ''); if (tabshow == "教育") { $(".pop").toggle(); $(".pop").siblings().hide() } else if (tabshow == "户籍管理") { $(".popCensus").toggle(); $(".popCensus").siblings().hide() } else if (tabshow == "交通服务") { $(".popTraffic").toggle(); $(".popTraffic").siblings().hide() } else if (tabshow == "民政服务") { $(".popCivil").toggle(); $(".popCivil").siblings().hide() } else if (tabshow == "社会保障") { $(".popSociety").toggle(); $(".popSociety").siblings().hide() } else if (tabshow == "文体旅游") { $(".popTravel").toggle(); $(".popTravel").siblings().hide() } else if (tabshow == "养老服务") { $(".popProvide").toggle(); $(".popProvide").siblings().hide() } else if (tabshow == "医疗") { $(".popMedical").toggle(); $(".popMedical").siblings().hide() } }) // 百度地图API功能 function G(id) { return document.getElementById(id); } var map = new BMap.Map('right-map'); // 创建Map实例 map.centerAndZoom(new BMap.Point(106.563, 29.523), 14); // 初始化地图,设置中心点坐标和地图级别 map.enableScrollWheelZoom(true); // 开启鼠标滚轮缩放 // 区级部门与街镇解析地址批量解析开始 var myGeo = new BMap.Geocoder(); var xxs = []; var xx = []; var zx = []; var tsjy = []; var dx = []; var zyyx = []; var yey = []; $.ajax({ type: 'GET', url: './js/map.json', async: false, success: function (res) { console.log(res) for (let i = 0; i < res.xxs.length; i++) { xxs.push(res.xxs[i]); if (xxs[i].type == "小学") { xx.push(xxs[i]) } if (xxs[i].type == "中学" || xxs[i].specialtype == "中学") { zx.push(xxs[i]) } if (xxs[i].type == "特殊教育学校") { tsjy.push(xxs[i]) } } for (let j = 0; j < res.dxs.length; j++) { dx.push(res.dxs[j]) } for (let k = 0; k < res.zyyxs.length; k++) { zyyx.push(res.zyyxs[k]) } for (let y = 0; y < res.yeys.length; y++) { yey.push(res.yeys[y]) } }, error: function (err) { }, }); $(".mapnav").click(function () { $(this).addClass("choice"); $(this).parent("li").siblings().children(".mapnav").removeClass("choice"); var xxtx = $(this).text(); if (xxtx == "小学") { bdGEOxx(xx); } if (xxtx == "中学") { bdGEOzx(zx); } if (xxtx == "特殊教育学校") { bdGEOtsjy(tsjy) } if (xxtx == "高等院校") { bdGEOdx(dx) } if (xxtx == "职业教育学校") { bdGEOzyyx(zyyx) } if (xxtx == "幼儿园") { bdGEOyey(yey) } }) function bdGEOxx(xx) { map.clearOverlays(); for (var z = 0; z < xx.length; z++) { var add = xx[z].address; const tempAdd = add; myGeo.getPoint(tempAdd, function (point) { if (point) { var address = new BMap.Point(point.lng, point.lat); for (var index = 0; index < xx.length; index++) { var xxdep = xx[index].dep; var xxaddre = xx[index].address; var xxtype = xx[index].type; var xxspecial = xx[index].specialtype; var xxtag = xx[index].tag; var xxtag2 = xx[index].tag2; var xxtag3 = xx[index].tag3; var xxcontent = xx[index].content; var xximg = xx[index].img; var sContnet = '' sContnet += ""; if (tempAdd == xxaddre) { addMarker(index, address, new BMap.InfoWindow(sContnet, xxaddre)); } document.querySelectorAll(".two_img").onload = function () { infoWindow.redraw(); } } } }, "重庆市"); } }; function bdGEOzx(zx) { map.clearOverlays(); for (var z = 0; z < zx.length; z++) { var add = zx[z].address; const tempAdd = add; myGeo.getPoint(tempAdd, function (point) { if (point) { var address = new BMap.Point(point.lng, point.lat); for (var index = 0; index < zx.length; index++) { var zxdep = zx[index].dep; var zxaddre = zx[index].address; var zxtype = zx[index].type; var zxspecial = zx[index].specialtype; var zxtag = zx[index].tag; var zxtag2 = zx[index].tag2; var zxtag3 = zx[index].tag3; var zxcontent = zx[index].content; var zximg = zx[index].img; var zxtel = zx[index].tel var sContnet = '' sContnet += "" if (tempAdd == zxaddre) { addMarker(index, address, new BMap.InfoWindow(sContnet, zxaddre)); } document.querySelectorAll(".two_img").onload = function () { infoWindow.redraw(); } } } }, "重庆市"); } }; function bdGEOtsjy(tsjy) { map.clearOverlays(); for (var z = 0; z < tsjy.length; z++) { var add = tsjy[z].address; const tempAdd = add; myGeo.getPoint(tempAdd, function (point) { if (point) { var address = new BMap.Point(point.lng, point.lat); for (var index = 0; index < tsjy.length; index++) { var tsjydep = tsjy[index].dep; var tsjyaddre = tsjy[index].address; var tsjytype = tsjy[index].type; var tsjytag = tsjy[index].tag; var tsjytag2 = tsjy[index].tag2; var tsjytag3 = tsjy[index].tag3; var tsjycontent = tsjy[index].content; var tsjyimg = tsjy[index].img; var tsjytel = tsjy[index].tel var sContnet = sContnet += "" if (tempAdd == tsjyaddre) { addMarker(index, address, new BMap.InfoWindow(sContnet, tsjyaddre)); } document.querySelectorAll(".two_img").onload = function () { infoWindow.redraw(); } } } }, "重庆市"); } }; function bdGEOdx(dx) { map.clearOverlays(); for (var z = 0; z < dx.length; z++) { var add = dx[z].address; const tempAdd = add; myGeo.getPoint(tempAdd, function (point) { if (point) { var address = new BMap.Point(point.lng, point.lat); for (var index = 0; index < dx.length; index++) { var dxdep = dx[index].dep; var dxaddre = dx[index].address; var dxtype = dx[index].type; var dxtag = dx[index].tag; var dxtag2 = dx[index].tag2; var dxtag3 = dx[index].tag3; var dxcontent = dx[index].content; var dximg = dx[index].img; var dxtel = dx[index].tel var sContnet = '' sContnet += "" if (tempAdd == dxaddre) { addMarker(index, address, new BMap.InfoWindow(sContnet, dxaddre)); } document.querySelectorAll(".two_img").onload = function () { infoWindow.redraw(); } } } }, "重庆市"); } }; function bdGEOzyyx(zyyx) { map.clearOverlays(); for (var z = 0; z < zyyx.length; z++) { var add = zyyx[z].address; const tempAdd = add; myGeo.getPoint(tempAdd, function (point) { if (point) { var address = new BMap.Point(point.lng, point.lat); for (var index = 0; index < zyyx.length; index++) { var zyyxdep = zyyx[index].dep; var zyyxaddre = zyyx[index].address; var zyyxtype = zyyx[index].type; var zyyxtag = zyyx[index].tag; var zyyxtag2 = zyyx[index].tag2; var zyyxtag3 = zyyx[index].tag3; var zyyxcontent = zyyx[index].content; var zyyximg = zyyx[index].img; var zyyxtel = zyyx[index].tel var sContnet = '' sContnet += "" if (tempAdd == zyyxaddre) { addMarker(index, address, new BMap.InfoWindow(sContnet, zyyxaddre)); } document.querySelectorAll(".two_img").onload = function () { infoWindow.redraw(); } } } }, "重庆市"); } }; function bdGEOyey(yey) { map.clearOverlays(); for (var z = 0; z < yey.length; z++) { var add = yey[z].address; const tempAdd = add; myGeo.getPoint(tempAdd, function (point) { if (point) { var address = new BMap.Point(point.lng, point.lat); for (var index = 0; index < yey.length; index++) { var yeydep = yey[index].dep; var yeyaddre = yey[index].address; var yeytype = yey[index].type; var yeytag = yey[index].tag; var yeytag2 = yey[index].tag2; var yeycontent = yey[index].content; var yeyimg = yey[index].img; var yeytel = yey[index].tel var sContnet = '' sContnet += "" if (tempAdd == yeyaddre) { addMarker(index, address, new BMap.InfoWindow(sContnet, yeyaddre)); } document.querySelectorAll(".two_img").onload = function () { infoWindow.redraw(); } } } }, "重庆市"); } }; function addMarker(index, point, infoWindow) { var myIcon = new BMap.Icon("./img/locationIcon2.png", new BMap.Size(34, 34)); var marker = new BMap.Marker(point, { icon: myIcon }); map.addOverlay(marker); if (index == 0) { marker.openInfoWindow(infoWindow) } marker.addEventListener("click", function () { map.openInfoWindow(infoWindow, point); //开启信息窗口 }); } }) // 当屏幕等于375px,将左上角的图片替换成小尺寸 // $(window).resize(function (e) { // if (e.target.innerWidth < '750') { // $('.logo-img').attr('src', 'img/map-logo2.png'); // $('.logo-img').css("width", "257px"); // } // if (e.target.innerWidth > '750') { // $('.logo-img').attr('src', 'img/map-logo2.png'); // $('.logo-img').css("width", "257px"); // } // if (e.target.innerWidth < '1366') { // $('.logo-img').attr('src', 'img/map-logo2.png'); // $('.logo-img').css("width", "257px"); // } // if (e.target.innerWidth > '1366') { // $('.logo-img').attr('src', 'img/map-logo.png'); // $('.logo-img').css("width", "446px"); // } // });