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"; } var deptArr = { "重庆市南岸区政务服务中心(江南新城中心)": [ "重庆市南岸区残联", "重庆市南岸区财政局", "重庆市南岸区文化和旅游发展委员会", "重庆市南岸区档案馆", "重庆市南岸区卫生健康委员会", "重庆市南岸区交通局", "重庆市南岸区规划自然资源局", "重庆市南岸区住房和城乡建设委员会", "重庆市南岸区生态环境局", "重庆市南岸区农业农村委员会", "重庆市南岸区发展和改革委员会", "重庆市南岸区消防救援支队", "重庆市南岸区城市管理局", "重庆市公安局南岸分局", ], "重庆市南岸区政务服务中心(南坪中心)": [ "重庆市南岸区市场监管局", "重庆市公安局南岸分局", ], jnxc: 0, npzx: 1, }; const custGap = 1000; var myPoint = {} var load; var addressArr = []; var depsArr = []; var myPoint = {} layui.use("element", function () { var element = layui.element; layer = layui.layer; }); $(function () { load = layer.load(2, { shade: 0.3, }) // 获取高度 var hlHeight = window.outerHeight - $(".head").outerHeight() - $(".bttom-tab").outerHeight() + 285; $(".right-map").css("height", hlHeight); var msHeight = $(".right-map").outerHeight() - $(".right-search").outerHeight() / 1.3; $(".right-search").css("top", msHeight); $(".icon-shq").css("top", msHeight-40); $('.icon-shq').on('click', function() { window.top.location.href = "sy_life.html"; }) // 点击图片,显示弹窗 $(".img_tab").click(function (e) { $(this).find(".pop").toggle(); $(this).parent("li").siblings().children(".img_tab").find(".pop").hide(); $(this) .parents("ul") .siblings() .children("li") .children(".img_tab") .find(".pop") .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.enableDragging(); var geolocation = new BMap.Geolocation(); geolocation.getCurrentPosition((r) => { if (r.latitude && r.longitude) { $('#location').text(r.address.province) myPoint.latitude = r.latitude myPoint.longitude = r.longitude var circle = new BMap.Circle(new BMap.Point(myPoint.longitude, myPoint.latitude), custGap + 500, {fillColor:"blue", strokeWeight: 1 ,fillOpacity: 0.1, strokeOpacity: 0.1}); map.addOverlay(circle); var mk = new BMap.Marker(r.point); map.addOverlay(mk); map.panTo(r.point); initListApi(); } }) function initListApi() { $.ajax({ type: 'GET', url: PATH + '/mapdata/getMapDataAll', success: (res) => { layer.close(load) if (res.data) { let data = res.data for (let key in data) { addressArr = addressArr.concat(data[key]) } let arr = [] for (let i = 0; i < addressArr.length; i++) { if (depsArr.indexOf(addressArr[i].dep) == -1) { depsArr.push(addressArr[i].dep) addressArr[i].gap = getDistances(addressArr[i].latitude, addressArr[i].longitude, myPoint.latitude, myPoint.longitude) arr.push(addressArr[i]) } } addressArr = arr addressArr.sort((a, b) => { return a.gap.m - b.gap.m }) initAddressList() } }, error: (err) => { layer.close(load) } }) } function initAddressList() { let html ='' const icon = new BMap.Icon( "./img/location.png", new BMap.Size(40, 40) ); var lengthArr=[] for (let i = 0; i < addressArr.length; i++) { if (addressArr[i].gap.m > custGap) { continue } const type = addressArr[i].sptype ? addressArr[i].sptype : addressArr[i].type html += `

${addressArr[i].dep.trim()}

距您约${(addressArr[i].gap.m).toFixed(2)}M

${type}
` const point = new BMap.Point(addressArr[i].longitude, addressArr[i].latitude) const marker = new BMap.Marker(point, { icon: icon, }); map.addOverlay(marker); lengthArr.push(addressArr[i]) $('#bsddNum').html(lengthArr.length) if(addressArr[i].dep.indexOf('重庆市南岸区')!=-1){ addressArr[i].dep = addressArr[i].dep.split('重庆市南岸区')[1] } var label = new BMap.Label(addressArr[i].dep, { position: point, // 文本绑定的点位位置 offset: new BMap.Size(-10,0) // 文本位置移动 }) label.setStyle({ color: "#000", padding: "0 10px", fontSize: "12px", lineHeight: "20px", border:'0', borderRadius:'10px' }); label.addEventListener("click", function(){ console.log(this.content) $('.BMapLabel').css({ color: "#000", background:'#fff', padding: "0 10px", fontSize: "12px", lineHeight: "20px", border:'0', borderRadius:'10px', zindex:99 }) this.setStyle({ zindex:99999999, background:'#2775cc', color:'#ffffff' }); console.log(addressArr[i].address) getInfo(this.content,addressArr[i].address) // $('#goto').attr('href', '#goto-' + addressArr[i].id) // $('#goto')[0].click() // $('.concent').css({height: 'calc(6%)'}) // setTimeout(() => { // $('.concent').css({height: 'calc(65%)'}) // }, 200) }); map.addOverlay(label); // marker.addEventListener("click", function (e) { // $('#goto').attr('href', '#goto-' + addressArr[i].id) // $('#goto')[0].click() // $('.concent').css({height: 'calc(6%)'}) // setTimeout(() => { // $('.concent').css({height: 'calc(65%)'}) // }, 200) // }); } if (!html) { html = '
附近1公里没有可查询场所
' } $('.address-list').empty().append(html) } async function getInfo(name,addr){ $(".show-fourth").hide(); $(".content_from_ajax3").parent().removeClass("layui-hide"); var addText = $(this).parent(".address_box").find("p:nth-child(1)").text(); var discriptText = addr; var addFirst; getAllArr = getAllJson scrollListHeight = $(".wrap_result").scrollTop(); scrollListHeight1 = $(".wrap_result1").scrollTop(); await new Promise((resolve, reject) => { myGeo.getPoint( discriptText, function (point) { if (point) { var address = new BMap.Point(point.lng, point.lat); addFirst = address; let getClick = getAllJson.filter((i) => { return i.address == discriptText; }); applyClickList(); $(".right-search").hide().css("top", "0px"); $(".top_search").hide(); for (let i = 0; i < getClick.length; i++) { for (let j = i + 1; j < getClick.length; j++) { if (getClick[j].dep === getClick[i].dep) { getClick.splice(j, 1); } } } xrResultList(getClick); if (discriptText == discrptAddress) { addMarker(getClick, address); } $(".content_from_ajax3 .layui-tab-title li").eq(0).click(); indexList = 2; ssList = 1; map.setCenter(addFirst); resolve(); } }, "重庆市" ); }); } // 根据经纬度计算距离,参数分别为第一点的纬度,经度;第二点的纬度,经度 function getDistances(lat1, lng1, lat2, lng2) { let EARTH_RADIUS = 6378.137;// 地球半径 let radLat1 = lat1 * Math.PI / 180.0; //lat1 * Math.PI / 180.0=>弧度计算 let radLat2 = lat2 * Math.PI / 180.0; let a = radLat1 - radLat2; let b = lng1 * Math.PI / 180.0 - lng2 * Math.PI / 180.0; let s = 2 * Math.asin(Math.sqrt(Math.pow(Math.sin(a / 2), 2) + Math.cos(radLat1) * Math.cos(radLat2) * Math.pow(Math.sin(b / 2), 2))); s = s * EARTH_RADIUS; s = Math.round(s * 10000) / 10000;// 输出为公里 return { m: s * 1000, km: Number(s.toFixed(2)) } } // 区级部门与街镇解析地址批量解析开始 var myGeo = new BMap.Geocoder(); var xxs = [], xx = [], zx = [], tsjy = [], dx = [], zyyx = [], yey = [], bmfwzx = [], ggfwzx = [], dqfwzx = [], cyy = [], byfwjg = [], cwss = [], sqwsfwz = [], ejyljg = []; var ekzlfwjg = [], kqbpsfczmz = [], myghyfjzmz = [], sjyljg = [], sqwsfwjg = [], zybzdjg = [], gy = [], tc = [], zysd = [], gc = [], hydjjg = [], zcyljg = [], ckmzfwjg = [], pcs = [], ldzgw = []; var crjywbljg = [], jtxljcdd = [], jtwfcljg = [], jtsgcljg = [], cgs = [], jdcjccs = [], jsrtjz = [], ylfwjg = [], tsg = [], whg = [], wgs = [], ggty = [], jq = []; var bdcdjzxbsdt = [], cjrfwzx = [], ddcjrfwjg = [], fwglzx = [], gzc = [], sfjdjg = [], jcfwfws = [], flyzzx = [], bsfwt = [], scjdglj = []; var yb = [], dkbld = [], cjgshfwz = [], jykszx = [], xzfwzx = [], jzzx = [], jyhrczx = [], shbxswzx = [], sq = [], gjj = [], hscyd = [], gwzx = [], jd = []; // 数组接收的是渲染页面的值 var getAllArr = []; // 参数用来判断进入的页面 var indexList = 0; // 用来接收对比参数的数组 var contrastArrey = []; var arraddre = []; // 接收json内所有数据 var getAllJson = []; // 受理场所 var qjjz = []; // 查阅场所 var cycsbms = []; // 存放点击列表的事件的高度 var scrollListHeight; var scrollListHeight1; var discrptAddress; var gjIndex = 1; var zjIndex = 1; // 防抖,清除定时器 var timeout = null; $.ajax({ type: "GET", url: PATH + "/mapdata/getMapDataAll", // url: "http://192.168.1.253:7777/mapdata/getMapDataAll", async: false, success: function (res) { $.each(res.data.xxs, function (i) { xxs.push(res.data.xxs[i]); getAllJson.push(res.data.xxs[i]); contrastArrey.push(res.data.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]); } }); $.each(res.data.dxs, function (i) { dx.push(res.data.dxs[i]); getAllJson.push(res.data.dxs[i]); contrastArrey.push(res.data.dxs[i]); }); $.each(res.data.zyyxs, function (i) { zyyx.push(res.data.zyyxs[i]); getAllJson.push(res.data.zyyxs[i]); contrastArrey.push(res.data.zyyxs[i]); }); $.each(res.data.yeys, function (i) { yey.push(res.data.yeys[i]); getAllJson.push(res.data.yeys[i]); contrastArrey.push(res.data.yeys[i]); }); $.each(res.data.bmfwzxs, function (i) { bmfwzx.push(res.data.bmfwzxs[i]); getAllJson.push(res.data.bmfwzxs[i]); contrastArrey.push(res.data.bmfwzxs[i]); }); $.each(res.data.ggfwzxs, function (i) { ggfwzx.push(res.data.ggfwzxs[i]); getAllJson.push(res.data.ggfwzxs[i]); contrastArrey.push(res.data.ggfwzxs[i]); }); $.each(res.data.dqfwzxs, function (i) { dqfwzx.push(res.data.dqfwzxs[i]); getAllJson.push(res.data.dqfwzxs[i]); contrastArrey.push(res.data.dqfwzxs[i]); }); $.each(res.data.bms, function (i) { qjjz.push(res.data.bms[i]); getAllJson.push(res.data.bms[i]); contrastArrey.push(res.data.bms[i]); }); $.each(res.data.jzs, function (i) { qjjz.push(res.data.jzs[i]); getAllJson.push(res.data.jzs[i]); contrastArrey.push(res.data.jzs[i]); }); $.each(res.data.cycsbms, function (i) { cycsbms.push(res.data.cycsbms[i]); getAllJson.push(res.data.cycsbms[i]); contrastArrey.push(res.data.cycsbms[i]); }); $.each(res.data.slcsjzs, function (i) { cycsbms.push(res.data.slcsjzs[i]); getAllJson.push(res.data.slcsjzs[i]); contrastArrey.push(res.data.slcsjzs[i]); }); $.each(res.data.cyys, function (i) { cyy.push(res.data.cyys[i]); getAllJson.push(res.data.cyys[i]); contrastArrey.push(res.data.cyys[i]); }); $.each(res.data.byfwjgs, function (i) { byfwjg.push(res.data.byfwjgs[i]); getAllJson.push(res.data.byfwjgs[i]); contrastArrey.push(res.data.byfwjgs[i]); }); $.each(res.data.cwsss, function (i) { cwss.push(res.data.cwsss[i]); getAllJson.push(res.data.cwsss[i]); contrastArrey.push(res.data.cwsss[i]); }); $.each(res.data.sqwsfwzs, function (i) { sqwsfwz.push(res.data.sqwsfwzs[i]); getAllJson.push(res.data.sqwsfwzs[i]); contrastArrey.push(res.data.sqwsfwzs[i]); }); $.each(res.data.ekzlfwjgs, function (i) { ekzlfwjg.push(res.data.ekzlfwjgs[i]); getAllJson.push(res.data.ekzlfwjgs[i]); contrastArrey.push(res.data.ekzlfwjgs[i]); }); $.each(res.data.kqbpsfczmzs, function (i) { kqbpsfczmz.push(res.data.kqbpsfczmzs[i]); getAllJson.push(res.data.kqbpsfczmzs[i]); contrastArrey.push(res.data.kqbpsfczmzs[i]); }); $.each(res.data.myghyfjzmzs, function (i) { myghyfjzmz.push(res.data.myghyfjzmzs[i]); getAllJson.push(res.data.myghyfjzmzs[i]); contrastArrey.push(res.data.myghyfjzmzs[i]); }); $.each(res.data.ejyljgs, function (i) { ejyljg.push(res.data.ejyljgs[i]); getAllJson.push(res.data.ejyljgs[i]); contrastArrey.push(res.data.ejyljgs[i]); }); $.each(res.data.sjyljgs, function (i) { sjyljg.push(res.data.sjyljgs[i]); getAllJson.push(res.data.sjyljgs[i]); contrastArrey.push(res.data.sjyljgs[i]); }); $.each(res.data.sqwsfwjgs, function (i) { sqwsfwjg.push(res.data.sqwsfwjgs[i]); getAllJson.push(res.data.sqwsfwjgs[i]); contrastArrey.push(res.data.sqwsfwjgs[i]); }); $.each(res.data.zybzdjgs, function (i) { zybzdjg.push(res.data.zybzdjgs[i]); getAllJson.push(res.data.zybzdjgs[i]); contrastArrey.push(res.data.zybzdjgs[i]); }); $.each(res.data.gys, function (i) { gy.push(res.data.gys[i]); getAllJson.push(res.data.gys[i]); contrastArrey.push(res.data.gys[i]); }); $.each(res.data.tcs, function (i) { tc.push(res.data.tcs[i]); getAllJson.push(res.data.tcs[i]); contrastArrey.push(res.data.tcs[i]); }); $.each(res.data.zysd, function (i) { zysd.push(res.data.zysd[i]); getAllJson.push(res.data.zysd[i]); contrastArrey.push(res.data.zysd[i]); }); $.each(res.data.ldzgw, function (i) { ldzgw.push(res.data.ldzgw[i]); getAllJson.push(res.data.ldzgw[i]); contrastArrey.push(res.data.ldzgw[i]); }); $.each(res.data.gcs, function (i) { gc.push(res.data.gcs[i]); getAllJson.push(res.data.gcs[i]); contrastArrey.push(res.data.gcs[i]); }); $.each(res.data.hydjcs, function (i) { hydjjg.push(res.data.hydjcs[i]); getAllJson.push(res.data.hydjcs[i]); contrastArrey.push(res.data.hydjcs[i]); }); $.each(res.data.zcyljg, function (i) { zcyljg.push(res.data.zcyljg[i]); getAllJson.push(res.data.zcyljg[i]); contrastArrey.push(res.data.zcyljg[i]); }); $.each(res.data.ckmzfwjgs, function (i) { ckmzfwjg.push(res.data.ckmzfwjgs[i]); getAllJson.push(res.data.ckmzfwjgs[i]); contrastArrey.push(res.data.ckmzfwjgs[i]); }); $.each(res.data.pcss, function (i) { pcs.push(res.data.pcss[i]); getAllJson.push(res.data.pcss[i]); contrastArrey.push(res.data.pcss[i]); }); $.each(res.data.crjywbljgs, function (i) { crjywbljg.push(res.data.crjywbljgs[i]); getAllJson.push(res.data.crjywbljgs[i]); contrastArrey.push(res.data.crjywbljgs[i]); }); $.each(res.data.jtxljcdds, function (i) { jtxljcdd.push(res.data.jtxljcdds[i]); getAllJson.push(res.data.jtxljcdds[i]); contrastArrey.push(res.data.jtxljcdds[i]); }); $.each(res.data.jtwfcljgs, function (i) { jtwfcljg.push(res.data.jtwfcljgs[i]); getAllJson.push(res.data.jtwfcljgs[i]); contrastArrey.push(res.data.jtwfcljgs[i]); }); $.each(res.data.jtsgcljgs, function (i) { jtsgcljg.push(res.data.jtsgcljgs[i]); getAllJson.push(res.data.jtsgcljgs[i]); contrastArrey.push(res.data.jtsgcljgs[i]); }); $.each(res.data.cgss, function (i) { cgs.push(res.data.cgss[i]); getAllJson.push(res.data.cgss[i]); contrastArrey.push(res.data.cgss[i]); }); $.each(res.data.jdcjccss, function (i) { jdcjccs.push(res.data.jdcjccss[i]); getAllJson.push(res.data.jdcjccss[i]); contrastArrey.push(res.data.jdcjccss[i]); }); $.each(res.data.jsrtjzs, function (i) { jsrtjz.push(res.data.jsrtjzs[i]); getAllJson.push(res.data.jsrtjzs[i]); contrastArrey.push(res.data.jsrtjzs[i]); }); $.each(res.data.ylfwjgs, function (i) { ylfwjg.push(res.data.ylfwjgs[i]); getAllJson.push(res.data.ylfwjgs[i]); contrastArrey.push(res.data.ylfwjgs[i]); }); $.each(res.data.tsgs, function (i) { tsg.push(res.data.tsgs[i]); getAllJson.push(res.data.tsgs[i]); contrastArrey.push(res.data.tsgs[i]); }); $.each(res.data.whgs, function (i) { whg.push(res.data.whgs[i]); getAllJson.push(res.data.whgs[i]); contrastArrey.push(res.data.whgs[i]); }); $.each(res.data.wgss, function (i) { wgs.push(res.data.wgss[i]); getAllJson.push(res.data.wgss[i]); contrastArrey.push(res.data.wgss[i]); }); $.each(res.data.ggtys, function (i) { ggty.push(res.data.ggtys[i]); getAllJson.push(res.data.ggtys[i]); contrastArrey.push(res.data.ggtys[i]); }); $.each(res.data.jqs, function (i) { jq.push(res.data.jqs[i]); getAllJson.push(res.data.jqs[i]); contrastArrey.push(res.data.jqs[i]); }); $.each(res.data.bdcdjzxbsdts, function (i) { bdcdjzxbsdt.push(res.data.bdcdjzxbsdts[i]); getAllJson.push(res.data.bdcdjzxbsdts[i]); contrastArrey.push(res.data.bdcdjzxbsdts[i]); }); $.each(res.data.cjrfwzxs, function (i) { cjrfwzx.push(res.data.cjrfwzxs[i]); getAllJson.push(res.data.cjrfwzxs[i]); contrastArrey.push(res.data.cjrfwzxs[i]); }); $.each(res.data.qtcjrfwzxs, function (i) { ddcjrfwjg.push(res.data.qtcjrfwzxs[i]); getAllJson.push(res.data.qtcjrfwzxs[i]); contrastArrey.push(res.data.qtcjrfwzxs[i]); }); $.each(res.data.fwglzxs, function (i) { fwglzx.push(res.data.fwglzxs[i]); getAllJson.push(res.data.fwglzxs[i]); contrastArrey.push(res.data.fwglzxs[i]); }); $.each(res.data.gzcs, function (i) { gzc.push(res.data.gzcs[i]); getAllJson.push(res.data.gzcs[i]); contrastArrey.push(res.data.gzcs[i]); }); $.each(res.data.sfjdjgs, function (i) { sfjdjg.push(res.data.sfjdjgs[i]); getAllJson.push(res.data.sfjdjgs[i]); contrastArrey.push(res.data.sfjdjgs[i]); }); $.each(res.data.jcfwfwss, function (i) { jcfwfws.push(res.data.jcfwfwss[i]); getAllJson.push(res.data.jcfwfwss[i]); contrastArrey.push(res.data.jcfwfwss[i]); }); $.each(res.data.flyzzxs, function (i) { flyzzx.push(res.data.flyzzxs[i]); getAllJson.push(res.data.flyzzxs[i]); contrastArrey.push(res.data.flyzzxs[i]); }); $.each(res.data.bsfwts, function (i) { bsfwt.push(res.data.bsfwts[i]); getAllJson.push(res.data.bsfwts[i]); contrastArrey.push(res.data.bsfwts[i]); }); $.each(res.data.scjdgljs, function (i) { scjdglj.push(res.data.scjdgljs[i]); getAllJson.push(res.data.scjdgljs[i]); contrastArrey.push(res.data.scjdgljs[i]); }); $.each(res.data.ybs, function (i) { yb.push(res.data.ybs[i]); getAllJson.push(res.data.ybs[i]); contrastArrey.push(res.data.ybs[i]); }); $.each(res.data.dkblds, function (i) { dkbld.push(res.data.dkblds[i]); getAllJson.push(res.data.dkblds[i]); contrastArrey.push(res.data.dkblds[i]); }); $.each(res.data.cjgshfwzs, function (i) { cjgshfwz.push(res.data.cjgshfwzs[i]); getAllJson.push(res.data.cjgshfwzs[i]); contrastArrey.push(res.data.cjgshfwzs[i]); }); $.each(res.data.jykszxs, function (i) { jykszx.push(res.data.jykszxs[i]); getAllJson.push(res.data.jykszxs[i]); contrastArrey.push(res.data.jykszxs[i]); }); $.each(res.data.xzfwzxs, function (i) { xzfwzx.push(res.data.xzfwzxs[i]); getAllJson.push(res.data.xzfwzxs[i]); contrastArrey.push(res.data.xzfwzxs[i]); }); $.each(res.data.jzzxs, function (i) { jzzx.push(res.data.jzzxs[i]); getAllJson.push(res.data.jzzxs[i]); contrastArrey.push(res.data.jzzxs[i]); }); $.each(res.data.jyhrczxs, function (i) { jyhrczx.push(res.data.jyhrczxs[i]); getAllJson.push(res.data.jyhrczxs[i]); contrastArrey.push(res.data.jyhrczxs[i]); }); $.each(res.data.shbxswzxs, function (i) { shbxswzx.push(res.data.shbxswzxs[i]); getAllJson.push(res.data.shbxswzxs[i]); contrastArrey.push(res.data.shbxswzxs[i]); }); $.each(res.data.sqs, function (i) { sq.push(res.data.sqs[i]); getAllJson.push(res.data.sqs[i]); contrastArrey.push(res.data.sqs[i]); }); $.each(res.data.gjjs, function (i) { gjj.push(res.data.gjjs[i]); getAllJson.push(res.data.gjjs[i]); contrastArrey.push(res.data.gjjs[i]); }); $.each(res.data.hscyds, function (i) { hscyd.push(res.data.hscyds[i]); getAllJson.push(res.data.hscyds[i]); contrastArrey.push(res.data.hscyds[i]); }); $.each(res.data.gwzxs, function (i) { gwzx.push(res.data.gwzxs[i]); getAllJson.push(res.data.gwzxs[i]); contrastArrey.push(res.data.gwzxs[i]); }); $.each(res.data.jds, function (i) { jd.push(res.data.jds[i]); getAllJson.push(res.data.jds[i]); contrastArrey.push(res.data.jds[i]); }); }, error: function (err) {}, }); // 渲染点击小学等的结果页面样式 function applyClickList() { let ran = navigator.userAgent; let isIOS = !!ran.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); if (isIOS) { var hBHeight = (window.outerHeight - $(".head").outerHeight()) / 2; $(".show-fifth").fadeIn(500).siblings().fadeOut(50); $(".right-map").css("height", hBHeight+85); var wsHeight = window.outerHeight - $(".right-map").innerHeight() - $(".head").innerHeight() - 11; // var windowHeight = // window.outerHeight - // $(".right-map").innerHeight() - // $(".head").innerHeight(); var windowHeight = $(".right-map").innerHeight() var spWidth = ($(".show-fifth").innerWidth() - $(".wrap_result").innerWidth()) / 2; $(".title-second").css({ top: windowHeight, left: spWidth }); $(".show-fifth").css("height", hBHeight); $(".wrap_result").css("height", wsHeight); $(".right-search").hide().css("top", "0px"); $(".top_search").fadeIn(500); $(".wrap_handle").hide(); $("body").css("overflow", "hidden"); } else { $(".show-fifth").fadeIn(500).siblings().fadeOut(50); var rmHeight = window.outerHeight - $(".right-map").innerHeight() - $(".head").innerHeight(); var wsHeight = window.outerHeight - $(".right-map").innerHeight() - $(".head").innerHeight() - 11; var windowHeight = $(".right-map").innerHeight() - $(".head").innerHeight() + 45; var spWidth = ($(".show-fifth").innerWidth() - $(".wrap_result").innerWidth()) / 2; $(".title-second").css({ top: windowHeight, left: spWidth }); $(".show-fifth").css("height", rmHeight+300); $(".wrap_result").css("height", wsHeight+300); $(".right-search").hide().css("top", "0px"); $(".top_search").fadeIn(500); $(".wrap_handle").hide(); } } var str = window.parent.location.search; console.log(str); str = decodeURI(str); let name = "se"; // $("[title='重庆市第十一中学校']").click(); if (str.indexOf(name) != -1) { var pos_start = str.indexOf(name) + name.length + 1; var pos_end = str.indexOf("&", pos_start); if (pos_end == -1) { let searchVal = str.substring(pos_start); if (searchVal !== null && searchVal !== "") { console.log(searchVal); $(".inp").val(searchVal); localStorage.setItem("gjIndex", "1"); localStorage.setItem("gjImg", "0"); localStorage.setItem("zjImg", "0"); localStorage.setItem("zjIndex", "0"); setTimeout(function () { $(".inp-icon1").click(); }, 500); } } } // 点击弹窗以外的区域隐藏弹窗 $(document).on("click", function (e) { if ( !$(e.target).is($(".gn_img")) && !$(e.target).is($(".gn_img")) && $(e.target).parent(".gn_img").length === 0 && !$(e.target).is($(".flex_text")) && !$(e.target).is($(".flex_text")) && $(e.target).parent(".flex_text").length === 0 ) { $(".img_tab img").parent(".img_tab").find(".pop").css("display", "none"); $(".img_tab img") .parents(".flex_li") .siblings() .find(".pop") .css("display", "none"); } }); $(".mapnav").click(function () { $(this).addClass("choice"); $(this).parent("div").siblings().children(".mapnav").removeClass("choice"); var xxtx = $(this).text(); indexList = 2; switch (xxtx) { case "小学": applyClickList(); xrList(xx); getPointPostAjax(xx); break; case "中学": applyClickList(); xrList(zx); getPointPostAjax(zx); break; case "特殊教育学校": applyClickList(); xrList(tsjy); getPointPostAjax(tsjy); break; case "高等院校": applyClickList(); xrList(dx); getPointPostAjax(dx); break; case "职业教育学校": applyClickList(); xrList(zyyx); getPointPostAjax(zyyx); break; case "幼儿园": applyClickList(); xrList(yey); getPointPostAjax(yey); break; case "镇(街道)便民服务中心": applyClickList(); xrList(ggfwzx); getPointPostAjax(ggfwzx); break; case "村(社区)便民服务站": applyClickList(); xrList(bmfwzx); getPointPostAjax(bmfwzx); break; case "党群服务中心": applyClickList(); xrList(dqfwzx); getPointPostAjax(dqfwzx); break; case "受理场所": applyClickList(); xrList(qjjz); getPointPostAjax(qjjz); break; case "查阅场所": applyClickList(); xrList(cycsbms); getPointPostAjax(cycsbms); break; case "殡仪服务机构": applyClickList(); xrList(byfwjg); getPointPostAjax(byfwjg); break; case "村卫生室": applyClickList(); xrList(cwss); getPointPostAjax(cwss); break; case "社区卫生服务站": applyClickList(); xrList(sqwsfwz); getPointPostAjax(sqwsfwz); break; case "儿科诊疗服务机构": applyClickList(); xrList(ekzlfwjg); getPointPostAjax(ekzlfwjg); break; case "狂犬病、破伤风处置门诊": applyClickList(); xrList(kqbpsfczmz); getPointPostAjax(kqbpsfczmz); break; case "免疫规划预防接种门诊": applyClickList(); xrList(myghyfjzmz); getPointPostAjax(myghyfjzmz); break; case "二级医疗机构": applyClickList(); xrList(ejyljg); getPointPostAjax(ejyljg); break; case "三级医疗机构": applyClickList(); xrList(sjyljg); getPointPostAjax(sjyljg); break; case "社区卫生服务机构": applyClickList(); xrList(sqwsfwjg); getPointPostAjax(sqwsfwjg); break; case "职业病诊断机构": applyClickList(); xrList(zybzdjg); getPointPostAjax(zybzdjg); break; case "公园": applyClickList(); xrList(gy); getPointPostAjax(gy); break; case "婚姻登记机构": applyClickList(); xrList(hydjjg); getPointPostAjax(hydjjg); break; case "助产医疗机构": applyClickList(); xrList(zcyljg); getPointPostAjax(zcyljg); break; case "产科门诊服务机构": applyClickList(); xrList(ckmzfwjg); getPointPostAjax(ckmzfwjg); break; case "派出所": applyClickList(); xrList(pcs); getPointPostAjax(pcs); break; case "出入境业务办理机构": applyClickList(); xrList(crjywbljg); getPointPostAjax(crjywbljg); break; case "交通支大队": applyClickList(); xrList(jtxljcdd); getPointPostAjax(jtxljcdd); break; case "交通违法处理机构": applyClickList(); xrList(jtwfcljg); getPointPostAjax(jtwfcljg); break; case "交通事故处理机构": applyClickList(); xrList(jtsgcljg); getPointPostAjax(jtsgcljg); break; case "车管所": applyClickList(); xrList(cgs); getPointPostAjax(cgs); break; case "机动车检测场所": applyClickList(); xrList(jdcjccs); getPointPostAjax(jdcjccs); break; case "驾驶人体检医院": applyClickList(); xrList(jsrtjz); getPointPostAjax(jsrtjz); break; case "养老机构": applyClickList(); xrList(ylfwjg); getPointPostAjax(ylfwjg); break; case "图书馆": applyClickList(); xrList(tsg); getPointPostAjax(tsg); break; case "文化馆": applyClickList(); xrList(whg); getPointPostAjax(whg); break; case "文管所": applyClickList(); xrList(wgs); getPointPostAjax(wgs); break; case "公共体育馆": applyClickList(); xrList(ggty); getPointPostAjax(ggty); break; case "旅游景点": applyClickList(); xrList(jq); getPointPostAjax(jq); break; case "残疾人服务中心": applyClickList(); xrList(cjrfwzx); getPointPostAjax(cjrfwzx); break; case "定点残疾人服务机构": applyClickList(); xrList(ddcjrfwjg); getPointPostAjax(ddcjrfwjg); break; case "公证处": applyClickList(); xrList(gzc); getPointPostAjax(gzc); break; case "司法鉴定机构": applyClickList(); xrList(sfjdjg); getPointPostAjax(sfjdjg); break; case "基层司法所": applyClickList(); xrList(jcfwfws); getPointPostAjax(jcfwfws); break; case "法律援助机构": applyClickList(); xrList(flyzzx); getPointPostAjax(flyzzx); break; case "医疗保障事务中心": applyClickList(); xrList(yb); getPointPostAjax(yb); break; case "生源地助学贷款办理点": applyClickList(); xrList(dkbld); getPointPostAjax(dkbld); break; case "车驾管社会服务站": applyClickList(); xrList(cjgshfwz); getPointPostAjax(cjgshfwz); break; case "教育考试中心": applyClickList(); xrList(jykszx); getPointPostAjax(jykszx); break; case "区级政务服务中心": applyClickList(); xrList(xzfwzx); getPointPostAjax(xzfwzx); break; case "矫正中心": applyClickList(); xrList(jzzx); getPointPostAjax(jzzx); break; case "就业和人才中心": applyClickList(); xrList(jyhrczx); getPointPostAjax(jyhrczx); break; case "社会保险事务中心": applyClickList(); xrList(shbxswzx); getPointPostAjax(shbxswzx); break; case "商圈": applyClickList(); xrList(sq); getPointPostAjax(sq); break; case "核酸采样点": applyClickList(); xrList(hscyd); getPointPostAjax(hscyd); break; case "购物中心": applyClickList(); xrList(gwzx); getPointPostAjax(gwzx); break; case "酒店": applyClickList(); xrList(jd); getPointPostAjax(jd); break; } var getimgs = $(".pad_box").children(".titleFirst").find(".two_img"); function callback(entries) { for (let i of entries) { if (i.isIntersecting) { let img = i.target; let trueSrc = img.getAttribute("data-src"); img.setAttribute("src", trueSrc); observer.unobserve(img); } } } const observer = new IntersectionObserver(callback); for (let i of getimgs) { observer.observe(i); } lazyLoad(); }); function lazyLoad() { var startTime = ""; var startDistanceY = ""; var endTime = ""; var endDistanceY = ""; var moveTime = ""; var moveDistanceY = ""; var divs = document.querySelector(".wrap_result"); divs.addEventListener("touchstart", function (e) { startTime = new Date().getTime(); startDistanceY = e.touches[0].screenY; }); divs.addEventListener("touchend", function (e) { endTime = new Date().getTime(); endDistanceY = e.changedTouches[0].screenY; moveTime = endTime - startTime; moveDistanceY = startDistanceY - endDistanceY; }); var ptHeight = $(".pad_box .titleFirst").outerHeight(); if (Math.abs(moveDistanceY) > 40 && moveTime < 200) { $(".wrap_result").offset().top = ptHeight; } } $(".flex_box ul li").click(function () { var cyytext = $(this).find(".flex_text").text(); indexList = 2; switch (cyytext) { case "产业园区": applyClickList(); xrList(cyy); getPointPostAjax(cyy); break; case "停车泊车": applyClickList(); xrList(tc); getPointPostAjax(tc); break; case "直饮水点": applyClickList(); xrList(zysd); getPointPostAjax(zysd); break; case "劳动者港湾": applyClickList(); xrList(ldzgw); getPointPostAjax(ldzgw); break; case "不动产登记": applyClickList(); xrList(bdcdjzxbsdt); getPointPostAjax(bdcdjzxbsdt); break; case "便民公厕": applyClickList(); xrList(gc); getPointPostAjax(gc); break; case "住房保障": applyClickList(); xrList(fwglzx); getPointPostAjax(fwglzx); break; case "住房公积金": applyClickList(); xrList(gjj); getPointPostAjax(gjj); break; case "办税服务": applyClickList(); xrList(bsfwt); getPointPostAjax(bsfwt); break; case "核酸检测": applyClickList(); xrList(hscyd); getPointPostAjax(hscyd); break; case "市场监管": applyClickList(); xrList(scjdglj); getPointPostAjax(scjdglj); break; } }); // 渲染列表 function xrList(arr) { map.clearOverlays(); var sContnet = ""; var addFirst; getAllArr = arr; if (!arr) { return; } else { for (var index = 0; index < arr.length; index++) { var arrdep = arr[index].dep; arraddre = arr[index].address; var arrtype = arr[index].type; var arrspecial = arr[index].specialtype; var arrtag = arr[index].tag; var arrtag2 = arr[index].tag2; var arrtag3 = arr[index].tag3; var arrcontent = arr[index].content; var arrimg = arr[index].img; var arrtel = arr[index].tel; var arrtime = arr[index].time; var arrsptype = arr[index].sptype; sContnet += ""; } $(".show-fifth .pad_box").empty().append(sContnet); $(".show-fourth .pad_box").empty().append(sContnet); } } function xrList2(arr) { map.clearOverlays(); var sContnet = ""; var addFirst; if (!arr) { return; } else { for (var index = 0; index < arr.length; index++) { var arrdep = arr[index].dep; arraddre = arr[index].address; var arrtype = arr[index].type; var arrspecial = arr[index].specialtype; var arrtag = arr[index].tag; var arrtag2 = arr[index].tag2; var arrtag3 = arr[index].tag3; var arrcontent = arr[index].content; var arrimg = arr[index].img; var arrtel = arr[index].tel; var arrtime = arr[index].time; var arrsptype = arr[index].sptype; sContnet += ""; } $(".show-fourth .result_form_ajax").empty().append(sContnet); } } async function getPointPostAjax(arr) { var dataString; var mapList = []; if (!arr) { return; } else { for (var index = 0; index < arr.length; index++) { arraddre = arr[index].address; const tempAdd = arraddre; await new Promise((resolve, reject) => { myGeo.getPoint( tempAdd, function (point) { if (point) { var address = new BMap.Point(point.lng, point.lat); var obj = { id: arr[index].id, longitude: address.lng, latitude: address.lat, }; mapList.push(obj); resolve(); } }, "重庆市" ); }); } } dataString = JSON.stringify(mapList); $.ajax({ type: "POST", url: PATH + "/mapdata/longitudeLatitude", // url: "http://192.168.0.230:7777/mapdata/longitudeLatitude", async: false, dataType: "json", data: { dataString: dataString }, }); } // 封装渲染列表 function xrResultList(arrey, isSign) { debugger $("#deptDiv2").empty(); $("#deptDiv2").prev().remove(); // $(".wrap_handle").hide(); var discript = ""; $.each(arrey, function (i) { discrptAddress = arrey[i].address; discript += ""; }); $(".pad_box").empty().append(discript); if (isSign == "isShowAddress") { $(".pad_box").attr("sign", "isShowAddress"); } else { $(".pad_box").attr("sign", ""); } } function xrResultList2(arrey, isSign) { debugger $("#deptDiv2").empty(); $("#deptDiv2").prev().remove(); $(".wrap_handle").hide(); var discript = ""; $.each(arrey, function (i) { discrptAddress = arrey[i].address; discript += ""; }); $(".pad_box").empty().append(discript); if (isSign == "isShowAddress") { $(".pad_box").attr("sign", "isShowAddress"); } else { $(".pad_box").attr("sign", ""); } } // 点击列表之一,中心重新渲染 $(document).on("click", ".detailCheck", async function () { $(".show-fourth").hide(); $(".content_from_ajax3").parent().removeClass("layui-hide"); var addText = $(this).parent(".address_box").find("p:nth-child(1)").text(); var discriptText = addText.split(":")[1]; var addFirst; scrollListHeight = $(".wrap_result").scrollTop(); scrollListHeight1 = $(".wrap_result1").scrollTop(); await new Promise((resolve, reject) => { myGeo.getPoint( discriptText, function (point) { if (point) { var address = new BMap.Point(point.lng, point.lat); addFirst = address; let getClick = getAllArr.filter((i) => { return i.address == discriptText; }); applyClickList(); $(".right-search").hide().css("top", "0px"); $(".top_search").hide(); for (let i = 0; i < getClick.length; i++) { for (let j = i + 1; j < getClick.length; j++) { if (getClick[j].dep === getClick[i].dep) { getClick.splice(j, 1); } } } xrResultList(getClick); if (discriptText == discrptAddress) { addMarker(getClick, address); } $(".content_from_ajax3 .layui-tab-title li").eq(0).click(); indexList = 1; ssList = 1; map.setCenter(addFirst); resolve(); } }, "重庆市" ); }); }); $(document).on("click", "#deptDiv div", function () { $("#deptDiv div") .removeClass("layui-border-green") .addClass("layui-border-blue"); $(this).removeClass("layui-border-blue").addClass("layui-border-green"); var firstpage = 1; var pagetype = 0; let dep = $(this).attr("data-dep"); if ($(this).text().trim() == "全部") { dep = $(this).parent().prev().prev().attr("data-dep"); } page(firstpage, pagetype, dep); function page(page, pagetype, dep) { $.ajax({ type: "GET", url: PATH + "/mapdata/getHandMatterPage", // url: "http://192.168.0.230:7777/mapdata/getHandMatterPage", async: false, dataType: "json", data: { page: page, limit: 4, type: pagetype, matterDept: dep, }, success: function (res) { if (res.data == null) { applyClickList(); $(".show-sixth").fadeOut(0); $(".show-fifth").fadeIn(100); indexList = 1; } else if (res.data != null) { var rmHeight = window.outerHeight - $(".right-map").innerHeight() - $(".head").innerHeight(); $(".show-sixth").show().css("height", rmHeight).siblings().hide(); $(".wrap_handle").show(); count = res.count; var html = ""; $.each(res.data, function (j) { if ( res.data[j].itemName == undefined && res.data[j].matterUrl == undefined && res.data[j].matterDept == undefined ) { html += ""; } else { html += ""; html += "
"; html += "

" + res.data[j].itemName + "

"; html += "
"; } }); $(".layui-show .result_form_ajax").empty().append(html); } }, }); } layui.use(["laypage", "layer"], function () { var laypage = layui.laypage, layer = layui.layer; laypage.render({ elem: "demo", count: count, limit: 4, layout: ["prev", "next"], prev: '上一页', next: '下一页', jump: function (obj, first) { pagetype = 0; page(obj.curr, pagetype, dep); }, }); }); blList = 1; }); $(document).on("click", ".handle_business", async function () { var dep = $(this) .parents(".address_box") .siblings(".title_flex") .children("p") .text(); $(".content_from_ajax .layui-tab-title") .find(".layui-this") .attr("id", dep); $(".content_from_ajax").show().siblings(".marrige").hide(); var addText = $(this).parent(".address_box").find("p:nth-child(1)").text(); var discriptText = addText.split(":")[1]; var addFirst, count; var firstpage = 1; var pagetype = 0; scrollListHeight = $(".wrap_result").scrollTop(); const sign = $(this).attr("data-sign"); await new Promise((resolve, reject) => { myGeo.getPoint( discriptText, function (point) { if (point) { var address = new BMap.Point(point.lng, point.lat); addFirst = address; let getClick = getAllArr.filter((i) => { return i.address == discriptText; }); $(".right-search").hide().css("top", "0px"); $(".top_search").hide(); for (let i = 0; i < getClick.length; i++) { for (let j = i + 1; j < getClick.length; j++) { if (getClick[j].dep === getClick[i].dep) { getClick.splice(j, 1); } } } if ($("#deptDiv").prev().hasClass("isDel")) { $("#deptDiv").prev().remove(); $("#deptDiv").empty(); } if (sign == "isflag") { getClick = digitGroupItem.filter((i) => { return i.address == discriptText; }); if (getClick[0].searchDept) { dep = getClick[0].searchDept.join(","); $(".show-sixth .pad_box").attr("data-dep", dep); let html = '
全部
'; for (let n = 0; n < getClick[0].searchDept.length; n++) { html += `
${getClick[0].searchDept[n].replace("重庆市", "").replace("南岸", "")}
`; } $("#deptDiv").empty().append(html); $("#deptDiv").before( `
入驻部门
` ); } } else { if (deptArr[dep]) { dep = deptArr[dep].join(","); $(".show-sixth .pad_box").attr("data-dep", dep); let html = '
全部
'; let depArr = dep.split(","); for (let n = 0; n < depArr.length; n++) { html += `
${depArr[n].replace("重庆市", "").replace("南岸", "")}
`; } $("#deptDiv").empty().append(html); $("#deptDiv").before( `
入驻部门
` ); } } page(getClick, firstpage, pagetype, dep); function page(getClick, page, pagetype, dep) { $.ajax({ type: "GET", url: PATH + "/mapdata/getHandMatterPage", // url: "http://192.168.0.230:7777/mapdata/getHandMatterPage", async: false, dataType: "json", data: { page: page, limit: 4, type: pagetype, matterDept: dep, }, success: function (res) { if (res.data == null) { applyClickList(); $(".show-sixth").fadeOut(0); $(".show-fifth").fadeIn(100); xrResultList(getClick); indexList = 1; } else if (res.data != null) { var rmHeight = window.outerHeight - $(".right-map").innerHeight() - $(".head").innerHeight(); $(".show-sixth") .show() .css("height", rmHeight) .siblings() .hide(); $(".wrap_handle").show(); count = res.count; var discript = ""; var html = ""; $.each(getClick, function (i) { discrptAddress = getClick[i].address; discript += ""; $.each(res.data, function (j) { if ( res.data[j].itemName == undefined && res.data[j].matterUrl == undefined && res.data[j].matterDept == undefined ) { html += ""; } else { html += ""; html += "
"; html += "

" + res.data[j].itemName + "

"; html += "
"; } }); }); $(".layui-show .result_form_ajax").empty().append(html); $(".show-sixth .pad_box").empty().append(discript); } }, }); // if (discriptText == discrptAddress) { // } } layui.use(["laypage", "layer"], function () { var laypage = layui.laypage, layer = layui.layer; laypage.render({ elem: "demo", count: count, limit: 4, layout: ["prev", "next"], prev: '上一页', next: '下一页', jump: function (obj, first) { pagetype = 0; page(getClick, obj.curr, pagetype, dep); }, }); }); blList = 1; addMarker(getClick, address); map.setCenter(addFirst); resolve(); } }, "重庆市" ); }); }); $(document).on("click", ".handle_business1", async function () { var rmHeight = window.outerHeight - $(".right-map").innerHeight() - $(".head").innerHeight(); $(".show-sixth").show().css("height", rmHeight).siblings().hide(); $(".wrap_handle").show(); $(".content_from_ajax").hide().siblings(".marrige").show(); var addText = $(this).parent(".address_box").find("p:nth-child(1)").text(); var discriptText = addText.split(":")[1]; var addFirst, count; var firstpage = 1; var pagetype = 3; scrollListHeight = $(".wrap_result").scrollTop(); const sign = $(this).attr("data-sign"); await new Promise((resolve, reject) => { myGeo.getPoint( discriptText, function (point) { if (point) { var address = new BMap.Point(point.lng, point.lat); addFirst = address; let getClick = getAllArr.filter((i) => { return i.address == discriptText; }); $(".right-search").hide().css("top", "0px"); $(".top_search").hide(); for (let i = 0; i < getClick.length; i++) { for (let j = i + 1; j < getClick.length; j++) { if (getClick[j].dep === getClick[i].dep) { getClick.splice(j, 1); } } } if (sign == "isflag") { getClick = digitGroupItem.filter((i) => { return i.address == discriptText; }); } page(getClick, firstpage, pagetype); function page(getClick, page, pagetype) { $.ajax({ type: "GET", url: PATH + "/mapdata/getHandMatterPage", // url: "http://192.168.0.40:7777/mapdata/getHandMatterPage", async: false, dataType: "json", data: { page: page, limit: 4, type: pagetype, }, success: function (res) { if (res.data != null) { count = res.count; var discript = ""; var html = ""; $.each(getClick, function (i) { discrptAddress = getClick[i].address; discript += ""; $.each(res.data, function (j) { if ( res.data[j].itemName == undefined && res.data[j].matterUrl == undefined && res.data[j].matterDept == undefined ) { html += ""; } else { html += ""; html += "
"; html += "

" + res.data[j].itemName + "

"; html += "
"; } }); }); $(".marrige").empty().append(html); $(".show-sixth .pad_box").empty().append(discript); } }, }); } // if (discriptText == discrptAddress) { addMarker(getClick, address); // } blList = 1; map.setCenter(addFirst); resolve(); } }, "重庆市" ); }); }); $(document).on("click", ".handle_business2", async function () { var rmHeight = window.outerHeight - $(".right-map").innerHeight() - $(".head").innerHeight(); $(".show-sixth").show().css("height", rmHeight).siblings().hide(); $(".wrap_handle").show(); $(".content_from_ajax").hide().siblings(".marrige").show(); var addText = $(this).parent(".address_box").find("p:nth-child(1)").text(); var discriptText = addText.split(":")[1]; var addFirst, count; var firstpage = 1; var pagetype = 5; scrollListHeight = $(".wrap_result").scrollTop(); const sign = $(this).attr("data-sign"); await new Promise((resolve, reject) => { myGeo.getPoint( discriptText, function (point) { if (point) { var address = new BMap.Point(point.lng, point.lat); addFirst = address; let getClick = getAllArr.filter((i) => { return i.address == discriptText; }); $(".right-search").hide().css("top", "0px"); $(".top_search").hide(); for (let i = 0; i < getClick.length; i++) { for (let j = i + 1; j < getClick.length; j++) { if (getClick[j].dep === getClick[i].dep) { getClick.splice(j, 1); } } } if (sign == "isflag") { getClick = digitGroupItem.filter((i) => { return i.address == discriptText; }); } page(getClick, firstpage, pagetype); function page(getClick, page, pagetype) { $.ajax({ type: "GET", url: PATH + "/mapdata/getHandMatterPage", // url: "http://192.168.0.40:7777/mapdata/getHandMatterPage", async: false, dataType: "json", data: { page: page, limit: 4, type: pagetype, }, success: function (res) { if (res.data != null) { count = res.count; var discript = ""; var html = ""; $.each(getClick, function (i) { discrptAddress = getClick[i].address; discript += ""; $.each(res.data, function (j) { if ( res.data[j].itemName == undefined && res.data[j].matterUrl == undefined && res.data[j].matterDept == undefined ) { html += ""; } else { html += ""; html += "
"; html += "

" + res.data[j].itemName + "

"; html += "
"; } }); }); $(".marrige").empty().append(html); $(".show-sixth .pad_box").empty().append(discript); } }, }); } // if (discriptText == discrptAddress) { addMarker(getClick, address); // } blList = 1; map.setCenter(addFirst); resolve(); } }, "重庆市" ); }); }); $(document).on( "click", ".content_from_ajax .layui-tab-title li", function () { var rmHeight = window.outerHeight - $(".right-map").innerHeight() - $(".head").innerHeight(); $(".show-sixth").show().css("height", rmHeight).siblings().hide(); $(".right-map").css("height", hlHeight); var windowHeight = $(".right-map").innerHeight() - $(".head").innerHeight() + 45; var spWidth = ($(".show-sixth").innerWidth() - $(".wrap_handle").innerWidth()) / 2; // $(".wrap_handle").css({ top: spWidth, left: spWidth }); // $(".title-second").css({ top: windowHeight, left: spWidth }); $(".right-search").hide().css("top", "0px"); var getdep = $(this) .parents(".layui-tab-title") .find("li:nth-child(1)") .attr("id"); if ( $(this).parent().parent().prev().prev().prev().attr("data-dep") && deptArr[getdep] ) { if ($("#deptDiv .layui-border-green").text().trim() == "全部") { getdep = $(this) .parent() .parent() .prev() .prev() .prev() .attr("data-dep"); } else { getdep = $("#deptDiv .layui-border-green").attr("data-dep"); } } var getText = $(this).text(); if (getText == "个人办事") { var count; var firstpage = 1; var pagetype = 0; page(firstpage, pagetype, getdep); function page(page, pagetype, dep) { $.ajax({ type: "GET", url: PATH + "/mapdata/getHandMatterPage", // url: "http://192.168.0.40:7777/mapdata/getHandMatterPage", async: false, dataType: "json", data: { page: page, limit: 6, type: pagetype, matterDept: dep, }, success: function (res) { if (res.data != null) { count = res.count; var sContnet = ""; $.each(res.data, function (j) { if ( res.data[j].itemName == undefined && res.data[j].matterUrl == undefined && res.data[j].matterDept == undefined ) { sContnet += ""; } else { sContnet += ""; sContnet += "
"; sContnet += "

" + res.data[j].itemName + "

"; sContnet += "
"; } }); $(".result_form_ajax").empty().append(sContnet); } }, }); } layui.use(["laypage", "layer"], function () { var laypage = layui.laypage, layer = layui.layer; laypage.render({ elem: "demo", count: count, limit: 4, layout: ["prev", "next"], prev: '上一页', next: '下一页', jump: function (obj, first) { pagetype = 0; page(obj.curr, pagetype, getdep); }, }); }); blList = 1; } else if (getText == "法人办事") { var count; var firstpage = 1; var pagetype = 1; page(firstpage, pagetype, getdep); function page(page, pagetype, dep) { $.ajax({ type: "GET", url: PATH + "/mapdata/getHandMatterPage", // url: "http://192.168.0.40:7777/mapdata/getHandMatterPage", async: false, dataType: "json", data: { page: page, limit: 4, type: pagetype, matterDept: dep, }, success: function (res) { if (res.data != null) { count = res.count; var sContnet = ""; $.each(res.data, function (j) { if ( res.data[j].itemName == undefined && res.data[j].matterUrl == undefined && res.data[j].matterDept == undefined ) { sContnet += ""; } else { sContnet += ""; sContnet += "
"; sContnet += "

" + res.data[j].itemName + "

"; sContnet += "
"; } }); $(".result_form_ajax").empty().append(sContnet); } }, }); } layui.use(["laypage", "layer"], function () { var laypage = layui.laypage, layer = layui.layer; laypage.render({ elem: "demo", count: count, limit: 4, layout: ["prev", "next"], prev: '上一页', next: '下一页', jump: function (obj, first) { pagetype = 1; page(obj.curr, pagetype, getdep); }, }); }); blList = 1; } } ); function addMarker(arrey, point) { var myIcon = new BMap.Icon("./img/location.png", new BMap.Size(40, 40)); var marker = new BMap.Marker(point, { icon: myIcon, }); // arrey.forEach(item=>{ // var label = new BMap.Label(item.dep, { // position: point, // 文本绑定的点位位置 // offset: new BMap.Size(-10,0) // 文本位置移动 // }) // label.setStyle({ // color: "#000", // padding: "0 10px", // fontSize: "12px", // lineHeight: "20px", // border:'0', // borderRadius:'10px' // }); // map.addOverlay(label); // label.addEventListener("click", function(){ // $('.BMapLabel').css({ // color: "#000", // background:'#fff', // padding: "0 10px", // fontSize: "12px", // lineHeight: "20px", // border:'0', // borderRadius:'10px', // zindex:99 // }) // this.setStyle({ // zindex:99999999, // background:'#2775cc', // color:'#ffffff' // }); // }); // }) map.addOverlay(marker); } // 点击按钮公交实现路线规划 $(document).on("click", ".one_bus", async function () { debugger var address_text = $(this) .parent(".btn_box") .siblings(".wrap_apply") .find("p:nth-child(1)") .text(); var discript_text = address_text.split(":")[1]; $("#gj-two").val(discript_text); $(".content-input .layui-tab-item:nth-child(1)") .addClass("layui-show") .siblings() .removeClass("layui-show"); $(".search-change li:nth-child(1)") .addClass("layui-this") .siblings() .removeClass("layui-this"); $(".right-search").show(); $(".right-search").animate({ top: "3.06666vw" }, 400); $(".top_search").fadeOut(50); var addFirst; await new Promise((resolve, reject) => { myGeo.getPoint( discript_text, function (point) { debugger if (point) { var address = new BMap.Point(point.lng, point.lat); addFirst = address; let getClick = getAllArr.filter((i) => { return i.address == discript_text; }); if (!getClick.length) { getClick = digitGroupItem.filter((i) => { return i.address == discript_text; }); } for (let i = 0; i < getClick.length; i++) { for (let j = i + 1; j < getClick.length; j++) { if (getClick[j].dep === getClick[i].dep) { getClick.splice(j, 1); } } } xrResultList(getClick); if (discript_text == discrptAddress) { addMarker(getClick, address); } indexList = 1; ssList = 1; map.setCenter(addFirst); resolve(); } }, "重庆市" ); }); gzdh(); }); // 点击按钮自驾实现路线规划 $(document).on("click", ".two_car", async function () { var address_text = $(this) .parent(".btn_box") .siblings(".wrap_apply") .find("p:nth-child(1)") .text(); var discript_text = address_text.split(":")[1]; $("#zj-two").val(discript_text); $(".content-input .layui-tab-item:nth-child(2)") .addClass("layui-show") .siblings() .removeClass("layui-show"); $(".search-change li:nth-child(2)") .addClass("layui-this") .siblings() .removeClass("layui-this"); $(".right-search").show(); $(".right-search").animate({ top: "3.06666vw" }, 400); $(".top_search").fadeOut(50); var addFirst; await new Promise((resolve, reject) => { myGeo.getPoint( discript_text, function (point) { if (point) { var address = new BMap.Point(point.lng, point.lat); addFirst = address; let getClick = getAllArr.filter((i) => { return i.address == discript_text; }); if (!getClick.length) { getClick = digitGroupItem.filter((i) => { return i.address == discript_text; }); } for (let i = 0; i < getClick.length; i++) { for (let j = i + 1; j < getClick.length; j++) { if (getClick[j].dep === getClick[i].dep) { getClick.splice(j, 1); } } } xrResultList(getClick); if (discript_text == discrptAddress) { addMarker(getClick, address); } indexList = 1; ssList = 1; map.setCenter(addFirst); resolve(); } }, "重庆市" ); }); zjdh(); }); // 触发输入框时,地图不被拖动 $("input").focus(function () { map.disableDragging(); // 禁用地图拖拽 map.disableContinuousZoom(); // 关闭双击平滑缩放效果 map.disablePinchToZoom(); // 禁用双指缩放地图 var rsTop = $(".right-search").css("top"); var ksHeight = window.outerHeight - $(".right-map").outerHeight() - $(".head").outerHeight; if (rsTop > "60px") { $(".right-search").css("top", "20.0667vw"); $(".icon-shq").css("top", "20.0667vw"); } else if (rsTop < ksHeight) { $(".right-search").css("top", "3.06666vw"); $(".icon-shq").css("top", "3.06666vw"); } else { $(".right-search").css("top", ksHeight); $(".icon-shq").css("top", ksHeight); } $(".back_top").hide(); }); // 输入框失焦时,地图恢复拖动 $("input").blur(function () { setTimeout(function () { var rsTop = $(".right-search").css("top"); var ksHeight = window.outerHeight - $(".right-map").outerHeight() - $(".head").outerHeight; map.enableInertialDragging(); map.enableDragging(); map.enableContinuousZoom(); map.enablePinchToZoom(); if (rsTop > "60px") { $(".right-search").css("top", "20.0667vw"); $(".icon-shq").css("top", "20.0667vw"); } else if (rsTop < ksHeight) { $(".right-search").css("top", "3.06666vw"); $(".icon-shq").css("top", "3.06666vw"); } else { $(".right-search").css("top", ksHeight); $(".icon-shq").css("top", ksHeight); } var topHeight = $(".wrap_result") .children(".pad_box") .find(".titleFirst") .outerHeight(); var topHeight1 = $(".wrap_result1") .find(".pad_box") .find(".titleFirst") .outerHeight(); console.log(topHeight1); var top = $(".wrap_result").scrollTop(); var top1 = $(".wrap_result1").scrollTop(); if (top > topHeight) { $(".show-fourth .back_top").css("display", "block"); } else if (top < topHeight) { $(".show-fourth .back_top").hide(); } if (top1 > topHeight1) { $(".show-fifth .back_top").css("display", "block"); } else if (top1 < topHeight1) { $(".show-fifth .back_top").hide(); } }, 1000); }); // 点击头部的公交和自驾时切换 $(".search-change li").click(function () { var gjzjtext = $(this).text(); var startGJ = $("#gj-one").val(); var endGJ = $("#gj-two").val(); var startZJ = $("#zj-one").val(); var endZJ = $("#zj-two").val(); if (gjzjtext == "公交") { console.log("1:", startZJ, endZJ); $(".show-first").show().siblings().hide(); $(".top_search").show().siblings(".right-map").show(); $(".right-search") .css("top", msHeight) .siblings(".right-map") .css("top", "0px"); map.centerAndZoom(new BMap.Point(106.563, 29.523), 14); $("#gj-one").val(startZJ); $("#gj-two").val(endZJ); } if (gjzjtext == "自驾") { console.log("2:", startGJ, endGJ); $(".show-first").show().siblings().hide(); $(".top_search").show().siblings(".right-map").show(); $(".right-search") .css("top", msHeight) .siblings(".right-map") .css("top", "0px"); map.centerAndZoom(new BMap.Point(106.563, 29.523), 14); $("#zj-one").val(startGJ); $("#zj-two").val(endGJ); } }); var obj = JSON.stringify(["", ""]); localStorage.setItem("line", obj); var resultObject = JSON.stringify(["", ""]); localStorage.setItem("lineText", resultObject); localStorage.setItem("discern", 0); // 点击头部的公交的搜索按钮在左边出现结果 $(".inp-icon2").click(async function () { gzdh() }); async function gzdh(){ var startZD = $("#gj-one").val(); var endZD = $("#gj-two").val(); var startPoint, endPoint; if (startZD == "" || endZD == "") { $(".top_search") .show() .siblings(".right-map") .show() .css("top", "0px") .siblings(".right-search") .css("top", msHeight); $(".show-first").show().siblings().hide(); $("#result").empty(); localStorage.setItem("discern", "0"); map.centerAndZoom(new BMap.Point(106.563, 29.523), 14); localStorage.setItem("discern", "0"); layer.msg("请输入起点或终点!"); } else { await new Promise((resolve, reject) => { myGeo.getPoint( startZD, function (point) { if (point) { startPoint = new BMap.Point(point.lng, point.lat); resolve(); } }, "重庆市" ); }); await new Promise((resolve, reject) => { myGeo.getPoint( endZD, function (point) { if (point) { endPoint = new BMap.Point(point.lng, point.lat); resolve(); } }, "重庆市" ); }); layui.use("layer", function () { var $ = layui.jquery, layer = layui.layer; layer.open({ title: false, content: false, id: "layerchoicebaidugaode", btn: ["百度地图导航", "高德地图导航"], btnAlign: "c", yes: function () { var baiduConfig = { scheme_Android: "bdapp://map/direction?origin=" + startZD + "&destination=" + endZD + "&mode=transit®ion=重庆&output=html&src=webapp.baidu.openAPIdemo", scheme_IOS: "baidumap://map/direction?origin=" + startZD + "&destination=" + endZD + "&mode=transit®ion=重庆&output=html&src=webapp.baidu.openAPIdemo", scheme_web: "http://api.map.baidu.com/direction?origin=" + startZD + "&destination=" + endZD + "&mode=transit®ion=重庆&output=html&src=webapp.baidu.openAPIdemo", }; var timeout = 600; // 判断操作系统,返回百度的不同操作系统下的接口 function adjustOS() { var ua = window.navigator.userAgent.toLowerCase(); return ua.indexOf("os") > 0 ? baiduConfig.scheme_IOS : baiduConfig.scheme_Android; } var startTime = Date.now(); var ifr = document.createElement("iframe"); ifr.src = adjustOS(); ifr.style.display = "none"; document.body.appendChild(ifr); var t = setTimeout(function () { var endTime = Date.now(); if (!startTime || endTime - startTime < timeout + 200) { window.location.href = baiduConfig.scheme_web; } }, timeout); window.onblur = function () { clearTimeout(t); }; }, btn2: function () { var baiduConfig = { scheme_Android: "androidamap://route/plan/?sourceApplication=appname&sid=&slat=" + startPoint.lat + "&slon=" + startPoint.lng + "&sname=" + startZD + "&did=&dlat=" + endPoint.lat + "&dlon=" + endPoint.lng + "&dname=" + endZD + "&dev=0&t=1", scheme_IOS: "iosamap://path?sourceApplication=applicationName&sid=&slat=" + startPoint.lat + "&slon=" + startPoint.lng + "&sname=" + startZD + "&did=&dlat=" + endPoint.lat + "&dlon=" + endPoint.lng + "&dname=" + endZD + "&dev=0&t=1", scheme_web: "https://uri.amap.com/navigation?from=" + startPoint.lng + "," + startPoint.lat + "," + startZD + "&to=" + endPoint.lng + "," + endPoint.lat + "," + endZD + "&mode=bus&callnative=1&coordinate=wgs84&src=mypage", }; var timeout = 600; // 判断操作系统,返回百度的不同操作系统下的接口 function adjustOS() { var ua = window.navigator.userAgent.toLowerCase(); return ua.indexOf("os") > 0 ? baiduConfig.scheme_IOS : baiduConfig.scheme_Android; } var startTime = Date.now(); var ifr = document.createElement("iframe"); ifr.src = adjustOS(); ifr.style.display = "none"; document.body.appendChild(ifr); var t = setTimeout(function () { var endTime = Date.now(); if (!startTime || endTime - startTime < timeout + 200) { window.location.href = baiduConfig.scheme_web; } }, timeout); window.onblur = function () { clearTimeout(t); }; return false; }, }); }); } } $("#gj-one").bind("keyup", function (event) { var startZD = $("#gj-one").val(); map.clearOverlays(); if (event.keyCode == 13) { if (startZD == "") { $(".top_search").show().siblings(".right-map").show(); $(".show-first").show().siblings().hide(); $(".right-search").css("top", msHeight); $(".icon-shq").css("top", msHeight); localStorage.setItem("discern", "0"); map.centerAndZoom(new BMap.Point(106.563, 29.523), 14); layer.msg("请输入起点!"); } else { $("#gj-two").focus(); } } }); $("#gj-two").bind("keyup", async function (event) { var startZD = $("#gj-one").val(); var endZD = $("#gj-two").val(); if (event.keyCode == 13) { if (startZD == "") { $(".top_search").show().siblings(".right-map").show(); $(".show-first").show().siblings().hide(); $(".right-search").css("top", msHeight); $(".icon-shq").css("top", msHeight); localStorage.setItem("discern", "0"); map.centerAndZoom(new BMap.Point(106.563, 29.523), 14); layer.msg("请输入起点!"); } else if (endZD == "") { $(".top_search").show().siblings(".right-map").show(); $(".show-first").show().siblings().hide(); $(".right-search").css("top", msHeight); $(".icon-shq").css("top", msHeight); localStorage.setItem("discern", "0"); map.centerAndZoom(new BMap.Point(106.563, 29.523), 14); layer.msg("请输入终点!"); } else { await new Promise((resolve, reject) => { myGeo.getPoint( startZD, function (point) { if (point) { startPoint = new BMap.Point(point.lng, point.lat); resolve(); } }, "重庆市" ); }); await new Promise((resolve, reject) => { myGeo.getPoint( endZD, function (point) { if (point) { endPoint = new BMap.Point(point.lng, point.lat); resolve(); } }, "重庆市" ); }); layui.use("layer", function () { var $ = layui.jquery, layer = layui.layer; layer.open({ title: false, content: false, id: "layerchoicebaidugaode", btn: ["百度地图导航", "高德地图导航"], btnAlign: "c", yes: function () { var baiduConfig = { scheme_Android: "bdapp://map/direction?origin=" + startZD + "&destination=" + endZD + "&mode=transit®ion=重庆&output=html&src=webapp.baidu.openAPIdemo", scheme_IOS: "baidumap://map/direction?origin=" + startZD + "&destination=" + endZD + "&mode=transit®ion=重庆&output=html&src=webapp.baidu.openAPIdemo", scheme_web: "http://api.map.baidu.com/direction?origin=" + startZD + "&destination=" + endZD + "&mode=transit®ion=重庆&output=html&src=webapp.baidu.openAPIdemo", }; var timeout = 600; // 判断操作系统,返回百度的不同操作系统下的接口 function adjustOS() { var ua = window.navigator.userAgent.toLowerCase(); return ua.indexOf("os") > 0 ? baiduConfig.scheme_IOS : baiduConfig.scheme_Android; } var startTime = Date.now(); var ifr = document.createElement("iframe"); ifr.src = adjustOS(); ifr.style.display = "none"; document.body.appendChild(ifr); var t = setTimeout(function () { var endTime = Date.now(); if (!startTime || endTime - startTime < timeout + 200) { window.location.href = baiduConfig.scheme_web; } }, timeout); window.onblur = function () { clearTimeout(t); }; }, btn2: function () { var baiduConfig = { scheme_Android: "androidamap://route/plan/?sourceApplication=appname&sid=&slat=" + startPoint.lat + "&slon=" + startPoint.lng + "&sname=" + startZD + "&did=&dlat=" + endPoint.lat + "&dlon=" + endPoint.lng + "&dname=" + endZD + "&dev=0&t=1", scheme_IOS: "iosamap://path?sourceApplication=applicationName&sid=&slat=" + startPoint.lat + "&slon=" + startPoint.lng + "&sname=" + startZD + "&did=&dlat=" + endPoint.lat + "&dlon=" + endPoint.lng + "&dname=" + endZD + "&dev=0&t=1", scheme_web: "https://uri.amap.com/navigation?from=" + startPoint.lng + "," + startPoint.lat + "," + startZD + "&to=" + endPoint.lng + "," + endPoint.lat + "," + endZD + "&mode=bus&callnative=1&coordinate=wgs84&src=mypage", }; var timeout = 600; // 判断操作系统,返回百度的不同操作系统下的接口 function adjustOS() { var ua = window.navigator.userAgent.toLowerCase(); return ua.indexOf("os") > 0 ? baiduConfig.scheme_IOS : baiduConfig.scheme_Android; } var startTime = Date.now(); var ifr = document.createElement("iframe"); ifr.src = adjustOS(); ifr.style.display = "none"; document.body.appendChild(ifr); var t = setTimeout(function () { var endTime = Date.now(); if (!startTime || endTime - startTime < timeout + 200) { window.location.href = baiduConfig.scheme_web; } }, timeout); window.onblur = function () { clearTimeout(t); }; return false; }, }); }); } document.activeElement.blur(); // 关闭软键盘 } }); // 公交的渲染结果 function busResultLine(startZD, endZD) { var resPoint = null; var startPoint, endPoint, startText, endText, startAddress, endAddress; $(".show-second").show().siblings().hide(); $(".top_search") .hide() .siblings(".right-map") .hide() .css("top", "20.06666vw"); $(".right-search").css("top", "20.06666vw"); $(".icon-shq").css("top", "20.06666vw"); $(".title-second") .css("margin", "2.93333vw auto 44vw") .siblings(".show-second .content-third") .hide(); $(".zjboxpanel").show(); $(".boxpanel").hide(); let GJstart = contrastArrey.filter(function (i) { return i.address == startZD; }); let GJend = contrastArrey.filter(function (i) { return i.address == endZD; }); if (GJstart.length == 0 && GJend.length == 0) { $(".show-second .content-third").hide(); $("#startbus").show().siblings().show(); $("#result").empty(); busStartSearch(startZD); busEndSearch(endZD); $(document) .off("click") .on("click", ".openstartinfo", function () { map.clearOverlays(); startPoint = new BMap.Point($(this).data("lng"), $(this).data("lat")); startText = $(this).data("text"); startAddress = $(this).data("add"); $(this) .find("p") .addClass("change_text_color") .parents("li") .siblings() .find("p") .removeClass("change_text_color"); $(".zjboxpanel").show().siblings(".content-third").hide(); }); $(document).on("click", ".openendinfo", function () { if (startPoint == null) { layer.msg("请先选择起点!"); } else { $(this) .find("p") .addClass("change_text_color") .parents("li") .siblings() .find("p") .removeClass("change_text_color"); $(".show-second .content-third").show(); $(".zjboxpanel").hide(); endText = $(this).data("text"); endAddress = $(this).data("add"); endPoint = new BMap.Point($(this).data("lng"), $(this).data("lat")); $("#gj-one").val(startText); $("#gj-two").val(endText); var res = JSON.stringify([startText, endText]); localStorage.setItem("line", res); resPoint = JSON.stringify([startPoint, endPoint]); localStorage.setItem("Point", resPoint); busResultContLine(); drivingResultContLine(); var result = JSON.stringify([startText, endText]); localStorage.setItem("lineText", result); localStorage.setItem("discern", "2"); } }); } else if (GJstart.length > 0) { $(".zjboxpanel").show(); $("#startbus") .hide() .siblings("#busstartPanel") .empty() .hide() .siblings("#endBus") .show() .siblings("#busendPanel") .show(); $("#result").empty(); busEndSearch(endZD); $(document) .off("click") .on("click", ".openendinfo", async function () { endAddress = $(this).data("add"); endPoint = new BMap.Point($(this).data("lng"), $(this).data("lat")); endText = $(this).data("text"); $(this) .find("p") .addClass("change_text_color") .parents("li") .siblings() .find("p") .removeClass("change_text_color"); $(".show-second .content-third") .show() .siblings(".zjboxpanel") .hide(); $("#gj-one").val(startZD); $("#gj-two").val(endText); await new Promise((resolve, reject) => { myGeo.getPoint( startZD, function (point) { if (point) { startData = new BMap.Point(point.lng, point.lat); resolve(); } }, "重庆市" ); }); var start = new BMap.Point(startData.lng, startData.lat); var res = JSON.stringify([startZD, endText]); localStorage.setItem("line", res); resPoint = JSON.stringify([start, endPoint]); localStorage.setItem("Point", resPoint); busResultContLine(); drivingResultContLine(); var result = JSON.stringify([startZD, endText]); localStorage.setItem("lineText", result); localStorage.setItem("discern", "2"); }); } else if (GJend.length > 0) { $("#startbus").show().siblings("#busstartPanel").show(); $("#endBus").hide().siblings("#busendPanel").hide(); $(".show-second .content-third").hide(); busStartSearch(startZD); $(document) .off("click") .on("click", ".openstartinfo", async function () { $(".zjboxpanel").hide(); $(".show-second .content-third").show(); map.clearOverlays(); startPoint = new BMap.Point($(this).data("lng"), $(this).data("lat")); startText = $(this).data("text"); startAddress = $(this).data("add"); $(this) .find("p") .addClass("change_text_color") .parents("li") .siblings() .find("p") .removeClass("change_text_color"); $("#gj-one").val(startText); await new Promise((resolve, reject) => { myGeo.getPoint( endZD, function (point) { if (point) { endData = new BMap.Point(point.lng, point.lat); resolve(); } }, "重庆市" ); }); var end = new BMap.Point(endData.lng, endData.lat); var res = JSON.stringify([startText, endZD]); localStorage.setItem("line", res); resPoint = JSON.stringify([startPoint, end]); localStorage.setItem("Point", resPoint); busResultContLine(); drivingResultContLine(); var result = JSON.stringify([startText, endZD]); localStorage.setItem("lineText", result); localStorage.setItem("discern", "2"); }); } // 封装起点选择 function busStartSearch(startZD) { var startResults = null; var startOption = { onSearchComplete: function (results) { // 判断状态是否正确 if (startSearch.getStatus() == BMAP_STATUS_SUCCESS) { startResults = results; var openStartInfoWindowHtml = ""; for (var i = 0; i < results.getCurrentNumPois(); i++) { var startcount = i + 1; openStartInfoWindowHtml += "
  • "; openStartInfoWindowHtml += ""; openStartInfoWindowHtml += "
    "; openStartInfoWindowHtml += "" + startcount + "."; openStartInfoWindowHtml += "

    "; openStartInfoWindowHtml += results.getPoi(i).title; openStartInfoWindowHtml += "

    "; openStartInfoWindowHtml += "
    "; openStartInfoWindowHtml += "

    地址:"; if (results.getPoi(i).address == undefined) { openStartInfoWindowHtml += results.getPoi(i).title; } else { openStartInfoWindowHtml += results.getPoi(i).address; } openStartInfoWindowHtml += "

    "; openStartInfoWindowHtml += "
    "; openStartInfoWindowHtml += "
  • "; } $("#busstartPanel").empty().append(openStartInfoWindowHtml); } else { startResults = null; } }, }; var startSearch = new BMap.LocalSearch(map, startOption); startSearch.search(startZD); } // 封装终点选择 function busEndSearch(endZD) { var endResults = null; var endOption = { onSearchComplete: function (results) { // 判断状态是否正确 // openEndInfoWindowHtml += "" if (endSearch.getStatus() == BMAP_STATUS_SUCCESS) { endResults = results; var openEndInfoWindowHtml = ""; for (var i = 0; i < results.getCurrentNumPois(); i++) { var endcount = i + 1; openEndInfoWindowHtml += "
  • "; openEndInfoWindowHtml += "
    "; openEndInfoWindowHtml += "" + endcount + "."; openEndInfoWindowHtml += "

    "; openEndInfoWindowHtml += results.getPoi(i).title; openEndInfoWindowHtml += "

    "; openEndInfoWindowHtml += "
    "; openEndInfoWindowHtml += "

    地址:"; if (results.getPoi(i).address == undefined) { openEndInfoWindowHtml += results.getPoi(i).title; } else { openEndInfoWindowHtml += results.getPoi(i).address; } openEndInfoWindowHtml += "

    "; openEndInfoWindowHtml += "
  • "; } $("#busendPanel").empty().append(openEndInfoWindowHtml); } else { endResults = null; } }, }; var endSearch = new BMap.LocalSearch(map, endOption); endSearch.search(endZD); } } async function zjdh(){ var startZD = $("#zj-one").val(); var endZD = $("#zj-two").val(); if (startZD == "" || endZD == "") { $(".top_search").show().siblings(".right-map").show(); $(".show-first").show().siblings().hide(); $(".right-search").css("top", msHeight); $(".icon-shq").css("top", msHeight); $("#result1").empty(); localStorage.setItem("discern", "0"); map.centerAndZoom(new BMap.Point(106.563, 29.523), 14); layer.msg("请输入起点或终点!"); } else { await new Promise((resolve, reject) => { myGeo.getPoint( startZD, function (point) { if (point) { startPoint = new BMap.Point(point.lng, point.lat); resolve(); } }, "重庆市" ); }); await new Promise((resolve, reject) => { myGeo.getPoint( endZD, function (point) { if (point) { endPoint = new BMap.Point(point.lng, point.lat); resolve(); } }, "重庆市" ); }); layui.use("layer", function () { var $ = layui.jquery, layer = layui.layer; layer.open({ title: false, content: false, id: "layerchoicebaidugaode", btn: ["百度地图导航", "高德地图导航"], btnAlign: "c", yes: function () { var baiduConfig = { scheme_Android: "bdapp://map/direction?origin=" + startZD + "&destination=" + endZD + "&mode=driving®ion=重庆&output=html&src=webapp.baidu.openAPIdemo", scheme_IOS: "baidumap://map/direction?origin=" + startZD + "&destination=" + endZD + "&mode=driving®ion=重庆&output=html&src=webapp.baidu.openAPIdemo", scheme_web: "http://api.map.baidu.com/direction?origin=" + startZD + "&destination=" + endZD + "&mode=driving®ion=重庆&output=html&src=webapp.baidu.openAPIdemo", }; var timeout = 600; // 判断操作系统,返回百度的不同操作系统下的接口 function adjustOS() { var ua = window.navigator.userAgent.toLowerCase(); return ua.indexOf("os") > 0 ? baiduConfig.scheme_IOS : baiduConfig.scheme_Android; } var startTime = Date.now(); var ifr = document.createElement("iframe"); ifr.src = adjustOS(); ifr.style.display = "none"; document.body.appendChild(ifr); var t = setTimeout(function () { var endTime = Date.now(); if (!startTime || endTime - startTime < timeout + 200) { window.location.href = baiduConfig.scheme_web; } }, timeout); window.onblur = function () { clearTimeout(t); }; }, btn2: function () { var baiduConfig = { scheme_Android: "androidamap://route/plan/?sourceApplication=appname&sid=&slat=" + startPoint.lat + "&slon=" + startPoint.lng + "&sname=" + startZD + "&did=&dlat=" + endPoint.lat + "&dlon=" + endPoint.lng + "&dname=" + endZD + "&dev=0&t=0", scheme_IOS: "iosamap://path?sourceApplication=applicationName&sid=&slat=" + startPoint.lat + "&slon=" + startPoint.lng + "&sname=" + startZD + "&did=&dlat=" + endPoint.lat + "&dlon=" + endPoint.lng + "&dname=" + endZD + "&dev=0&t=0", scheme_web: "https://uri.amap.com/navigation?from=" + startPoint.lng + "," + startPoint.lat + "," + startZD + "&to=" + endPoint.lng + "," + endPoint.lat + "," + endZD + "&mode=car&callnative=1&coordinate=wgs84&src=mypage", }; var timeout = 600; // 判断操作系统,返回百度的不同操作系统下的接口 function adjustOS() { var ua = window.navigator.userAgent.toLowerCase(); return ua.indexOf("os") > 0 ? baiduConfig.scheme_IOS : baiduConfig.scheme_Android; } var startTime = Date.now(); var ifr = document.createElement("iframe"); ifr.src = adjustOS(); ifr.style.display = "none"; document.body.appendChild(ifr); var t = setTimeout(function () { var endTime = Date.now(); if (!startTime || endTime - startTime < timeout + 200) { window.location.href = baiduConfig.scheme_web; } }, timeout); window.onblur = function () { clearTimeout(t); }; return false; }, }); }); } } // 点击头部的自驾的搜索按钮在左边出现结果 $(".inp-icon3").click(async function () { zjdh(); }); $("#zj-one").bind("keyup", function (event) { var startZD = $("#zj-one").val(); if (event.keyCode == 13) { if (startZD == "") { $(".top_search").show().siblings(".right-map").show(); $(".show-first").show().siblings().hide(); $(".right-search").css("top", msHeight); $(".icon-shq").css("top", msHeight); localStorage.setItem("discern", "0"); layer.msg("请输入起点!"); map.centerAndZoom(new BMap.Point(106.563, 29.523), 14); } else { $("#zj-two").focus(); } } }); $("#zj-two").bind("keyup", async function (event) { var startZD = $("#zj-one").val(); var endZD = $("#zj-two").val(); if (event.keyCode == 13) { if (startZD == "") { $(".top_search").show().siblings(".right-map").show(); $(".show-first").show().siblings().hide(); $(".right-search").css("top", msHeight); $(".icon-shq").css("top", msHeight); localStorage.setItem("discern", "0"); layer.msg("请输入起点!"); map.centerAndZoom(new BMap.Point(106.563, 29.523), 14); } else if (endZD == "") { $(".top_search").show().siblings(".right-map").show(); $(".show-first").show().siblings().hide(); $(".right-search").css("top", msHeight); $(".icon-shq").css("top", msHeight); localStorage.setItem("discern", "0"); layer.msg("请输入终点!"); map.centerAndZoom(new BMap.Point(106.563, 29.523), 14); } else { await new Promise((resolve, reject) => { myGeo.getPoint( startZD, function (point) { if (point) { startPoint = new BMap.Point(point.lng, point.lat); resolve(); } }, "重庆市" ); }); await new Promise((resolve, reject) => { myGeo.getPoint( endZD, function (point) { if (point) { endPoint = new BMap.Point(point.lng, point.lat); resolve(); } }, "重庆市" ); }); layui.use("layer", function () { var $ = layui.jquery, layer = layui.layer; layer.open({ title: false, content: false, id: "layerchoicebaidugaode", btn: ["百度地图导航", "高德地图导航"], btnAlign: "c", yes: function () { var baiduConfig = { scheme_Android: "bdapp://map/direction?origin=" + startZD + "&destination=" + endZD + "&mode=driving®ion=重庆&output=html&src=webapp.baidu.openAPIdemo", scheme_IOS: "baidumap://map/direction?origin=" + startZD + "&destination=" + endZD + "&mode=driving®ion=重庆&output=html&src=webapp.baidu.openAPIdemo", scheme_web: "http://api.map.baidu.com/direction?origin=" + startZD + "&destination=" + endZD + "&mode=driving®ion=重庆&output=html&src=webapp.baidu.openAPIdemo", }; var timeout = 600; // 判断操作系统,返回百度的不同操作系统下的接口 function adjustOS() { var ua = window.navigator.userAgent.toLowerCase(); return ua.indexOf("os") > 0 ? baiduConfig.scheme_IOS : baiduConfig.scheme_Android; } var startTime = Date.now(); var ifr = document.createElement("iframe"); ifr.src = adjustOS(); ifr.style.display = "none"; document.body.appendChild(ifr); var t = setTimeout(function () { var endTime = Date.now(); if (!startTime || endTime - startTime < timeout + 200) { window.location.href = baiduConfig.scheme_web; } }, timeout); window.onblur = function () { clearTimeout(t); }; }, btn2: function () { var baiduConfig = { scheme_Android: "androidamap://route/plan/?sourceApplication=appname&sid=&slat=" + startPoint.lat + "&slon=" + startPoint.lng + "&sname=" + startZD + "&did=&dlat=" + endPoint.lat + "&dlon=" + endPoint.lng + "&dname=" + endZD + "&dev=0&t=0", scheme_IOS: "iosamap://path?sourceApplication=applicationName&sid=&slat=" + startPoint.lat + "&slon=" + startPoint.lng + "&sname=" + startZD + "&did=&dlat=" + endPoint.lat + "&dlon=" + endPoint.lng + "&dname=" + endZD + "&dev=0&t=0", scheme_web: "https://uri.amap.com/navigation?from=" + startPoint.lng + "," + startPoint.lat + "," + startZD + "&to=" + endPoint.lng + "," + endPoint.lat + "," + endZD + "&mode=car&callnative=1&coordinate=wgs84&src=mypage", }; var timeout = 600; // 判断操作系统,返回百度的不同操作系统下的接口 function adjustOS() { var ua = window.navigator.userAgent.toLowerCase(); return ua.indexOf("os") > 0 ? baiduConfig.scheme_IOS : baiduConfig.scheme_Android; } var startTime = Date.now(); var ifr = document.createElement("iframe"); ifr.src = adjustOS(); ifr.style.display = "none"; document.body.appendChild(ifr); var t = setTimeout(function () { var endTime = Date.now(); if (!startTime || endTime - startTime < timeout + 200) { window.location.href = baiduConfig.scheme_web; } }, timeout); window.onblur = function () { clearTimeout(t); }; return false; }, }); }); } document.activeElement.blur(); // 关闭软键盘 } }); // 自驾的渲染结果 function drivingResultLine(startZD, endZD) { var resPoint = null; var startPoint, endPoint, startText, endText, startAddress, endAddress; $(".show-third").show().siblings().hide(); $(".right-map").hide().siblings(".top_search").hide(); $(".right-search").css("top", "20.06666vw"); $(".icon-shq").css("top", "20.06666vw"); $(".title-second") .css("margin", "2.93333vw auto 44vw") .siblings(".show-third .content-third") .hide(); $(".boxpanel").show(); $(".zjboxpanel").hide(); let ZJstart = contrastArrey.filter(function (i) { return i.address == startZD; }); let ZJend = contrastArrey.filter(function (i) { return i.address == endZD; }); if (ZJstart.length == 0 && ZJend.length == 0) { $("#startDrving").show().siblings().show(); drivingStartSearch(startZD); drivingEndSearch(endZD); $(document) .off("click") .on("click", ".openstartinfo", function () { map.clearOverlays(); startPoint = new BMap.Point($(this).data("lng"), $(this).data("lat")); startText = $(this).data("text"); startAddress = $(this).data("add"); $(this) .find("p") .addClass("change_text_color") .parents("li") .siblings() .find("p") .removeClass("change_text_color"); $(".boxpanel").show().siblings(".content-third").show(); }); $(document).on("click", ".openendinfo", async function () { if (startPoint == null) { layer.msg("请先选择起点!"); } else { endPoint = new BMap.Point($(this).data("lng"), $(this).data("lat")); endText = $(this).data("text"); endAddress = $(this).data("add"); $(this) .find("p") .addClass("change_text_color") .parents("li") .siblings() .find("p") .removeClass("change_text_color"); $(".show-third .content-third").show(); $(".boxpanel").hide(); $("#zj-one").val(startText); $("#zj-two").val(endText); var res = JSON.stringify([startText, endText]); localStorage.setItem("line", res); resPoint = JSON.stringify([startPoint, endPoint]); localStorage.setItem("Point", resPoint); busResultContLine(); drivingResultContLine(); var result = JSON.stringify([startText, endText]); localStorage.setItem("lineText", result); localStorage.setItem("discern", "4"); startZD = ""; endZD = ""; } }); } else if (ZJstart.length > 0) { $(".boxpanel").show(); $("#startDrving") .hide() .siblings("#startPanel") .empty() .hide() .siblings("#endDrving") .show() .siblings("#endPanel") .show(); $("#result1").empty(); drivingEndSearch(endZD); $(document) .off("click") .on("click", ".openendinfo", async function () { endText = $(this).data("text"); endPoint = new BMap.Point($(this).data("lng"), $(this).data("lat")); $(this) .find("p") .addClass("change_text_color") .parents("li") .siblings() .find("p") .removeClass("change_text_color"); $(".show-third .content-third").show().siblings(".boxpanel").hide(); $("#zj-one").val(startZD); $("#zj-two").val(endText); await new Promise((resolve, reject) => { myGeo.getPoint( startZD, function (point) { if (point) { startData = new BMap.Point(point.lng, point.lat); resolve(); } }, "重庆市" ); }); var start = new BMap.Point(startData.lng, startData.lat); var res = JSON.stringify([startZD, endText]); localStorage.setItem("line", res); resPoint = JSON.stringify([start, endPoint]); localStorage.setItem("Point", resPoint); busResultContLine(); drivingResultContLine(); var result = JSON.stringify([startZD, endText]); localStorage.setItem("lineText", result); localStorage.setItem("discern", "4"); startZD = ""; endZD = ""; }); } else if (ZJend.length > 0) { $(".show-third .content-third").hide(); $(".boxpanel").show(); $("#endDrving").hide().siblings("#endPanel").hide(); $("#startDrving").show().siblings("#startPanel").show(); drivingStartSearch(startZD); $(document) .off("click") .on("click", ".openstartinfo", async function () { $(".boxpanel").hide(); $(".show-third .content-third").show(); map.clearOverlays(); startPoint = new BMap.Point($(this).data("lng"), $(this).data("lat")); startText = $(this).data("text"); $(this) .find("p") .addClass("change_text_color") .parents("li") .siblings() .find("p") .removeClass("change_text_color"); $("#zj-one").val(startText); $("#zj-two").val(endZD); await new Promise((resolve, reject) => { myGeo.getPoint( endZD, function (point) { if (point) { endData = new BMap.Point(point.lng, point.lat); resolve(); } }, "重庆市" ); }); var end = new BMap.Point(endData.lng, endData.lat); var res = JSON.stringify([startText, endZD]); localStorage.setItem("line", res); resPoint = JSON.stringify([startPoint, end]); localStorage.setItem("Point", resPoint); busResultContLine(); drivingResultContLine(); var result = JSON.stringify([startText, endZD]); localStorage.setItem("lineText", result); localStorage.setItem("discern", "4"); startZD = ""; endZD = ""; }); } function drivingStartSearch(startZD) { var startResults = null; var startOption = { onSearchComplete: function (results) { // 判断状态是否正确 if (startSearch.getStatus() == BMAP_STATUS_SUCCESS) { startResults = results; var openStartInfoWindowHtml = ""; for (var i = 0; i < results.getCurrentNumPois(); i++) { var startcount = i + 1; openStartInfoWindowHtml += "
  • "; openStartInfoWindowHtml += ""; openStartInfoWindowHtml += "
    "; openStartInfoWindowHtml += "" + startcount + "."; openStartInfoWindowHtml += "

    "; openStartInfoWindowHtml += results.getPoi(i).title; openStartInfoWindowHtml += "

    "; openStartInfoWindowHtml += "
    "; openStartInfoWindowHtml += "

    地址:"; openStartInfoWindowHtml += results.getPoi(i).address; openStartInfoWindowHtml += "

    "; openStartInfoWindowHtml += "
    "; openStartInfoWindowHtml += "
  • "; } $("#startPanel").empty().append(openStartInfoWindowHtml); } else { startResults = null; } }, }; var startSearch = new BMap.LocalSearch(map, startOption); startSearch.search(startZD); } function drivingEndSearch(endZD) { var endResults = null; var endOption = { onSearchComplete: function (results) { // 判断状态是否正确 if (endSearch.getStatus() == BMAP_STATUS_SUCCESS) { endResults = results; var openEndInfoWindowHtml = ""; for (var i = 0; i < results.getCurrentNumPois(); i++) { var endcount = i + 1; openEndInfoWindowHtml += "
  • "; openEndInfoWindowHtml += "
    "; openEndInfoWindowHtml += "" + endcount + "."; openEndInfoWindowHtml += "

    "; openEndInfoWindowHtml += results.getPoi(i).title; openEndInfoWindowHtml += "

    "; openEndInfoWindowHtml += "
    "; openEndInfoWindowHtml += "

    地址:"; openEndInfoWindowHtml += results.getPoi(i).address; openEndInfoWindowHtml += "

    "; openEndInfoWindowHtml += "
  • "; } $("#endPanel").empty().append(openEndInfoWindowHtml); } else { endResults = null; } }, }; var endSearch = new BMap.LocalSearch(map, endOption); endSearch.search(endZD); } } // 封装公交的路线 function busResultContLine() { var routePolicy = [ BMAP_TRANSIT_POLICY_LEAST_TIME, BMAP_TRANSIT_POLICY_LEAST_TRANSFER, BMAP_TRANSIT_POLICY_LEAST_WALKING, BMAP_TRANSIT_POLICY_AVOID_SUBWAYS, ]; var discriptHtml = ""; var line = JSON.parse(localStorage.getItem("line")); var resultPoint = JSON.parse(localStorage.getItem("Point")); var start = new BMap.Point(resultPoint[0].lng, resultPoint[0].lat); var end = new BMap.Point(resultPoint[1].lng, resultPoint[1].lat); $("#result").empty(); $(".content-title>li:nth-child(1)") .addClass("layui-this") .siblings() .removeClass("layui-this"); var transit = new BMap.TransitRoute(map, { renderOptions: { map: map, panel: "result", }, policy: 0, onSearchComplete: function (results) { if (transit.getStatus() == BMAP_STATUS_SUCCESS) { discriptHtml = ""; $(".show-second .content-title").show(); return; } else { $(".show-second .content-title").hide(); discriptHtml += "
    在重庆市 "; discriptHtml += "未能计算出从“"; discriptHtml += line[0]; discriptHtml += "”到“"; discriptHtml += line[1]; discriptHtml += "”公交路线,抱歉。"; discriptHtml += "
    "; $("#result").empty().append(discriptHtml); map.centerAndZoom(new BMap.Point(106.563, 29.523), 14); } }, }); map.clearOverlays(); transit.clearResults(); transit.setPolicy(routePolicy[0]); transit.search(start, end); } // 公交选择其他方案 $(".show-second .content-title>li").click(function () { const liIndex = $(this).index(); var routePolicy = [ BMAP_TRANSIT_POLICY_LEAST_TIME, BMAP_TRANSIT_POLICY_LEAST_TRANSFER, BMAP_TRANSIT_POLICY_LEAST_WALKING, BMAP_TRANSIT_POLICY_AVOID_SUBWAYS, ]; var discriptHtml = ""; var line = JSON.parse(localStorage.getItem("line")); var resultPoint = JSON.parse(localStorage.getItem("Point")); var start = new BMap.Point(resultPoint[0].lng, resultPoint[0].lat); var end = new BMap.Point(resultPoint[1].lng, resultPoint[1].lat); var transit = new BMap.TransitRoute(map, { renderOptions: { map: map, panel: "result", }, policy: 0, onSearchComplete: function (results) { if (transit.getStatus() == BMAP_STATUS_SUCCESS) { discriptHtml = ""; $(".show-second .content-title").show(); return; } else { $(".show-second .content-title").hide(); discriptHtml += "
    在重庆市 "; discriptHtml += "未能计算出从“"; discriptHtml += line[0]; discriptHtml += "”到“"; discriptHtml += line[1]; discriptHtml += "”公交路线,抱歉。"; discriptHtml += "
    "; $("#result").empty().append(discriptHtml); map.centerAndZoom(new BMap.Point(106.563, 29.523), 14); } }, }); transit.clearResults(); map.clearOverlays(); transit.setPolicy(routePolicy[liIndex]); transit.search(start, end); }); // 封装自驾的路线 function drivingResultContLine() { var drivingRoutePolicy = [ BMAP_DRIVING_POLICY_LEAST_TIME, BMAP_DRIVING_POLICY_LEAST_DISTANCE, BMAP_DRIVING_POLICY_AVOID_HIGHWAYS, ]; var resultPoint = JSON.parse(localStorage.getItem("Point")); var start = new BMap.Point(resultPoint[0].lng, resultPoint[0].lat); var end = new BMap.Point(resultPoint[1].lng, resultPoint[1].lat); $("#result1").empty(); $(".main-third>li:nth-child(1)") .addClass("layui-this") .siblings() .removeClass("layui-this"); var drivingRoute = new BMap.DrivingRoute(map, { renderOptions: { map: map, panel: "result1", autoViewport: true, enableDragging: true, }, }); map.clearOverlays(); drivingRoute.clearResults(); drivingRoute.setPolicy(drivingRoutePolicy[0]); drivingRoute.search(start, end); } // 自驾选择其他方案 $("#zjxz>li").click(function () { const liIndex = $(this).index(); var drivingRoutePolicy = [ BMAP_DRIVING_POLICY_LEAST_TIME, BMAP_DRIVING_POLICY_LEAST_DISTANCE, BMAP_DRIVING_POLICY_AVOID_HIGHWAYS, ]; var resultPoint = JSON.parse(localStorage.getItem("Point")); var start = new BMap.Point(resultPoint[0].lng, resultPoint[0].lat); var end = new BMap.Point(resultPoint[1].lng, resultPoint[1].lat); $("#result1").empty(); var drivingRoute = new BMap.DrivingRoute(map, { renderOptions: { map: map, panel: "result1", autoViewport: true, enableDragging: true, }, }); map.clearOverlays(); drivingRoute.clearResults(); drivingRoute.setPolicy(drivingRoutePolicy[liIndex]); drivingRoute.search(start, end); }); // 点击搜索的图标,显示 $(".inp-icon1").click(function () { searchClick(); }); function searchClick() { indexList = 0; ssList = 2; map.clearOverlays(); var searchInp = $(".inp").val(); if (searchInp == "" || searchInp == null) { layer.msg("输入的值不能为空!"); } else { document.activeElement.blur(); setTimeout(function () { var wsHeight = window.outerHeight - $(".right-map").innerHeight() - $(".head").innerHeight() - 11; var rmHeight = window.outerHeight - $(".right-map").innerHeight() - $(".head").innerHeight(); $(".wrap_result1").css("height", wsHeight+285); console.log(rmHeight) $(".show-fourth").css("height", rmHeight+300); searchEvent(searchInp); searchJSON(searchInp); }, 800); } } $(".inp").bind("keyup", function (event) { indexList = 0; ssList = 2; var searchInp = $(".inp").val(); map.clearOverlays(); if (event.keyCode == 13) { if (searchInp == "" || searchInp == null) { layer.msg("输入的值不能为空!"); } else { document.activeElement.blur(); setTimeout(function () { var wsHeight = window.outerHeight - $(".right-map").innerHeight() - $(".head").innerHeight() - 11; var rmHeight = window.outerHeight - $(".right-map").innerHeight() - $(".head").innerHeight(); $(".wrap_result1").css("height", wsHeight); $(".show-fourth").css("height", rmHeight); searchEvent(searchInp); searchJSON(searchInp); }, 800); } // document.activeElement.blur(); // 关闭软键盘 } }); function searchJSON(searchInp) { $(".show-fourth").show().siblings().hide(); $(".right-search").hide(); $(".top_search").show(); var digitGroup = []; $.each(getAllJson, function (j) { $.each(getAllJson[j], function (k) { var stringText = "" + getAllJson[j][k]; if (stringText.indexOf(searchInp) > -1) { var getArrey = []; if ( getAllJson[j].dep == getAllJson[j][k] || getAllJson[j].type == getAllJson[j][k] || getAllJson[j].sptype == getAllJson[j][k] ) { getArrey = getAllJson[j]; } digitGroup.push(getArrey); } }); }); let removeZero = digitGroup.filter((item) => item.length != 0); // let newDigitGroup = [...new Set(removeZero)] for (let i = 0; i < removeZero.length; i++) { for (let j = i + 1; j < removeZero.length; j++) { if (removeZero[j].dep === removeZero[i].dep) { removeZero.splice(j, 1); } } } for (let i = 0; i < removeZero.length; i++) { for (let j = i + 1; j < removeZero.length; j++) { if (removeZero[j].dep === removeZero[i].dep) { removeZero.splice(j, 1); } } } for (let i = 0; i < removeZero.length; i++) { for (let j = i + 1; j < removeZero.length; j++) { if (removeZero[j].dep === removeZero[i].dep) { removeZero.splice(j, 1); } } } for (let i = 0; i < removeZero.length; i++) { for (let j = i + 1; j < removeZero.length; j++) { if (removeZero[j].dep === removeZero[i].dep) { removeZero.splice(j, 1); } } } // console.log(removeZero) if (removeZero == "") { var html = ""; html += '
    暂无数据
    '; $(".show-fourth .pad_box").empty().append(html); $(".show-first").hide(); $(".show-fourth").show(); $(".right-map").css("height", hlHeight); var rmHeight = window.outerHeight - $(".right-map").innerHeight() - $(".head").innerHeight(); var windowHeight = $(".right-map").innerHeight() - $(".head").innerHeight() + 45; var spWidth = ($(".show-fourth").innerWidth() - $(".wrap_result1").innerWidth()) / 2; // $('.wrap_result1').css({'top': spWidth,'left': spWidth}); $(".title-second").css({ top: windowHeight, left: spWidth }); } else { $(".show-fourth").show().siblings().hide(); $(".right-map").css("height", hlHeight); var windowHeight = $(".right-map").innerHeight() - $(".head").innerHeight() + 45; var spWidth = ($(".show-fourth").innerWidth() - $(".wrap_result1").innerWidth()) / 2; // $('.wrap_result1').css({'top': spWidth,'left': spWidth}); $(".title-second").css({ top: windowHeight, left: spWidth }); $(".right-search").hide(); $(".top_search").show(); var loading = layer.msg("加载中..", { icon: 16, shade: 0.3, time: false, }); setTimeout(function (data) { //最后数据加载完 让 loading层消失 xrList(removeZero); layer.close(loading); }, 500); } } // 上下移动的内容框 $(".arrowss").click(function () { var height = $(".left-map").height(); if ($(this).hasClass("layui-icon-up")) { $(".left-map").height(70 + "%"); $(this).removeClass("layui-icon-up").addClass("layui-icon-down"); } else { $(".left-map").height(355); $(this).removeClass("layui-icon-down").addClass("layui-icon-up"); } }); $(".btn_back").click(function () { map.clearOverlays(); map.centerAndZoom(new BMap.Point(106.563, 29.523), 14); let ran = navigator.userAgent; let isIOS = !!ran.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); if (blList == 1) { if (isIOS) { $(".show-fourth").show().siblings().hide(); var hBHeight = (window.outerHeight - $(".head").outerHeight()) / 2; var windowHeight = window.outerHeight - $(".right-map").innerHeight() - $(".head").innerHeight(); var spWidth = ($(".show-fourth").innerWidth() - $(".wrap_result1").innerWidth()) / 2; $(".title-second").css({ top: windowHeight, left: spWidth }); $(".right-search").hide(); $(".right-map").show().siblings(".top_search").show(); $(".right-map").css("height", hBHeight); $(".content_from_ajax .layui-tab-title>li:nth-child(1)") .addClass("layui-this") .siblings() .removeClass("layui-this"); $(".content_from_ajax .layui-tab-content .layui-tab-item:nth-child(1)") .addClass("layui-show") .siblings() .removeClass("layui-show"); $(".result_form_ajax").empty(); xrList(getAllArr); initSearchEventPage(); blList = 2; ssList = 2; $(".wrap_result1").scrollTop(scrollListHeight1); } else { $(".show-fourth").show().siblings().hide(); var windowHeight = $(".right-map").innerHeight() - $(".head").innerHeight() + 45; var spWidth = ($(".show-fourth").innerWidth() - $(".wrap_result1").innerWidth()) / 2; // $('.wrap_result1').css({'top': spWidth,'left': spWidth}); $(".title-second").css({ top: windowHeight, left: spWidth }); $(".right-search").hide(); $(".right-map").show().siblings(".top_search").show(); $(".right-map").css("height", hlHeight); // $('.show-fifth .back_top').show(); $(".content_from_ajax .layui-tab-title>li:nth-child(1)") .addClass("layui-this") .siblings() .removeClass("layui-this"); $(".content_from_ajax .layui-tab-content .layui-tab-item:nth-child(1)") .addClass("layui-show") .siblings() .removeClass("layui-show"); $(".result_form_ajax").empty(); xrList(getAllArr); initSearchEventPage(); blList = 2; ssList = 2; $(".wrap_result1").scrollTop(scrollListHeight1); } } else if (blList == 2) { window.location.reload(); } }); // 点击搜索的出现结果部分的返回到首页 $(".backBtn").click(function () { // if (gjIndex == 1){ // window.location.reload(); // localStorage.setItem('discern','0'); // } else if(gjIndex == 2){ // const startGJ = $("#gj-one").val(); // const endGJ = $("#gj-two").val(); // busResultLine(startGJ,endGJ); // gjIndex = 1; // } // if (zjIndex == 1){ // window.location.reload(); // localStorage.setItem('discern','0'); // } else if(zjIndex == 2){ // const startZJ = $("#zj-one").val(); // const endZJ = $("#zj-two").val(); // drivingResultLine(startZJ,endZJ); // zjIndex = 1; // } var discern = localStorage.getItem("discern"); if (discern == 1) { window.location.reload(); localStorage.setItem("discern", "0"); var object = JSON.stringify(["", ""]); localStorage.setItem("lineText", object); } else if (discern == 3) { window.location.reload(); localStorage.setItem("discern", "0"); var object = JSON.stringify(["", ""]); localStorage.setItem("lineText", object); } else if (discern == 2) { const startGJ = $("#gj-one").val(); const endGJ = $("#gj-two").val(); busResultLine(startGJ, endGJ); localStorage.setItem("discern", "1"); } else if (discern == 4) { const startZJ = $("#zj-one").val(); const endZJ = $("#zj-two").val(); drivingResultLine(startZJ, endZJ); localStorage.setItem("discern", "3"); } }); $(".back_btn").click(function () { map.clearOverlays(); map.centerAndZoom(new BMap.Point(106.563, 29.523), 14); if ($(this).parent().next().attr("sign") == "isShowAddress") { window.location.reload(); return; } if (indexList == 1) { applyClickList(); xrList(getAllArr); indexList = 2; $(".show-fifth .back_top").show(); $(".wrap_result").scrollTop(scrollListHeight); $(".content_from_ajax3").parent().addClass("layui-hide"); } else if (indexList == 2) { window.location.reload(); } }); $(".back_Btn").click(function () { // 清空url中携带的参数 // 获取当前页面的url var url = window.location.href; // 判断是否存在参数 if (url.indexOf("?") != -1) { // 去除参数 url = url.replace(/(\?|#)[^'"]*/, ""); window.history.pushState({}, 0, url); } if (ssList == 1) { map.clearOverlays(); $(".show-first").hide(); $(".show-fourth").show(); $(".right-map").css("height", hlHeight); var windowHeight = $(".right-map").innerHeight() - $(".head").innerHeight() + 45; var spWidth = ($(".show-fourth").innerWidth() - $(".wrap_result1").innerWidth()) / 2; // $('.wrap_result1').css({'top': spWidth,'left': spWidth}); $(".title-second").css({ top: windowHeight, left: spWidth }); $(".right-search").hide(); $(".top_search").show(); $(".show-fifth .back_top").show(); xrList(getAllArr); ssList = 2; indexList = 0; $(".wrap_result1").scrollTop(scrollListHeight1); } else if (ssList == 2) { window.location.reload(); } else if (ssList == 3) { searchClick() } }); $(".wrap_result").scroll(function () { var topHeight = $(this) .children(".pad_box") .find(".titleFirst") .outerHeight(); var top = $(this).scrollTop(); if (top > topHeight) { $(".show-fifth .back_top").css("display", "block"); } else if (top < topHeight) { $(".show-fifth .back_top").hide(); } }); $(".wrap_result1").scroll(function () { var topHeight = $(this) .children(".pad_box") .find(".titleFirst") .outerHeight(); var top = $(this).scrollTop(); if (top > topHeight) { $(".show-fourth .back_top").css("display", "block"); } else if (top < topHeight) { $(".show-fourth .back_top").hide(); } }); $(".show-fourth .back_top").click(function () { $(".wrap_result1").scrollTop(0); }); $(".show-fifth .back_top").click(function () { $(".wrap_result").scrollTop(0); }); var markerInfo = { markers: [], data: [], myMark: null, }; var geolocation = new BMap.Geolocation(); geolocation.getCurrentPosition(function (r) { if (this.getStatus() == BMAP_STATUS_SUCCESS) { var mk = new BMap.Marker(r.point); markerInfo.myMark = r.point; let ccount = 0; let sta = false, sta2 = false; for (let i = 0; i < ggfwzx.length; i++) { myGeo.getPoint( ggfwzx[i].address, function (point) { if (point) { const addr = map.getDistance(r.point, point); if (i == ggfwzx.length - 1) { sta = true; } if (addr <= 1000) { markerInfo.data.push(ggfwzx[i]); markerInfo.markers.push(point); ccount++; var myIcon = new BMap.Icon( "./img/location.png", new BMap.Size(40, 40) ); var marker = new BMap.Marker(point, { icon: myIcon, }); map.addOverlay(marker); marker.addEventListener("click", function (e) { showAddressDetail(ggfwzx[i], point); }); } } }, "重庆市" ); } for (let i = 0; i < xzfwzx.length; i++) { myGeo.getPoint( xzfwzx[i].address, function (point) { if (point) { const addr = map.getDistance(r.point, point); if (i == xzfwzx.length - 1) { sta2 = true; } if (addr <= 1000) { markerInfo.data.push(xzfwzx[i]); markerInfo.markers.push(point); ccount++; var myIcon = new BMap.Icon( "./img/location.png", new BMap.Size(40, 40) ); var marker = new BMap.Marker(point, { icon: myIcon, }); map.addOverlay(marker); marker.addEventListener("click", function (e) { showAddressDetail(xzfwzx[i], point); }); } } }, "重庆市" ); } var myTask = setInterval(function () { if (sta && sta2 && ccount) { $("#bsddNum").text(ccount); clearInterval(myTask); } }, 500); map.addOverlay(mk); map.panTo(r.point); myGeo.getLocation(r.point, function (rs) { var addComp = rs.surroundingPois[0].title; $("#gj-one").val(addComp); $("#zj-one").val(addComp); }); } else { // alert('未能获得您的定位,请手动输入起点'); } }); function showAddressDetail(getClick, point) { $(".show-fourth").hide(); var addFirst; scrollListHeight = $(".wrap_result").scrollTop(); scrollListHeight1 = $(".wrap_result1").scrollTop(); var address = new BMap.Point(point.lng, point.lat); addFirst = address; applyClickList(); $(".right-search").hide().css("top", "0px"); $(".top_search").hide(); let arr = []; arr.push(getClick); xrResultList(arr, "isShowAddress"); indexList = 1; ssList = 1; map.setCenter(addFirst); $("#deptDiv div") .removeClass("layui-border-green") .addClass("layui-border-blue"); $(this).removeClass("layui-border-blue").addClass("layui-border-green"); var firstpage = 1; var pagetype = 0; setTimeout(function () { if (deptArr[getClick.dep]) { initmarkDetail(getClick); } else { initmarkDetail2(getClick); } }, 200); } var digitGroupItem = []; function searchEvent(val) { getDeptList(val); } function getDeptList(val) { $.ajax({ url: PATH + "/mapdata/searchHandMatterByVal", type: "GET", data: { queryVal: val, }, success: function (res) { let sContnet = ""; if (res && res.data && res.data.length) { $.each(res.data, function (j) { if (res.data[j].itemName == undefined) { sContnet += ""; } else { let filterArr = res.data[j].depts.split(","); let bool = filterArr.every((item) => deptArr["重庆市南岸区政务服务中心(南坪中心)"].includes(item) ); let bool1 = filterArr.every((item) => deptArr["重庆市南岸区政务服务中心(江南新城中心)"].includes( item ) ); if (bool) { res.data[j].fomartDept += ",区政务服务中心(南坪中心)"; } if (bool1) { res.data[j].fomartDept += ",区政务服务中心(江南新城中心)"; } if (res.data[j].type === 0) { sContnet += "

    " + res.data[j].itemName + "(" + res.data[j].fomartDept + ")(个人)

    "; } else { sContnet += "

    " + res.data[j].itemName + "(" + res.data[j].fomartDept + ")(法人)

    "; } } }); $(".result_form_ajax").empty().append(sContnet); } }, }); } function getDetail(val) { ssList = 3; $.ajax({ url: PATH + "/mapdata/getHandMatterBySearch", type: "GET", data: { queryVal: val, }, success: function (json) { if (json && json.data && json.data.length) { digitGroupItem = []; let st1 = true, st2 = true; let dept1 = [], dept2 = []; $.each(json.data, function (j) { if ( deptArr["重庆市南岸区政务服务中心(江南新城中心)"].indexOf( json.data[j] ) >= 0 ) { dept1.push(json.data[j]); st1 = false; } if ( deptArr["重庆市南岸区政务服务中心(南坪中心)"].indexOf( json.data[j] ) >= 0 ) { dept2.push(json.data[j]); st2 = false; } }); if (!st1) { let d = xzfwzx[deptArr.jnxc]; d.searchDept = dept1; digitGroupItem.push(d); } if (!st2) { let d = xzfwzx[deptArr.npzx]; d.searchDept = dept2; digitGroupItem.push(d); } $.each(getAllJson, function (j) { if (json.data.indexOf(getAllJson[j].dep) >= 0) { digitGroupItem.push(getAllJson[j]); } }); setTimeout(function () { initSearchEventPage(); }, 500); } }, error: function (err) { var html = ""; html += '
    暂无数据
    '; $(".show-fourth .result_form_ajax").empty().append(html); }, }); } $(document).on("click", ".result_form_ajax div .text_from_ajax", function () { getDetail($(this).attr("title")); }); function initSearchEventPage() { if (digitGroupItem.length) { xrList2(digitGroupItem); } else { var html = ""; html += '
    暂无数据
    '; $(".show-fourth .result_form_ajax").empty().append(html); } } function initmarkDetail(getClick) { var dep = getClick.dep; $(".content_from_ajax .layui-tab-title") .find(".layui-this") .attr("id", dep); $(".content_from_ajax").show().siblings(".marrige").hide(); var count; var firstpage = 1; var pagetype = 0; scrollListHeight = $(".wrap_result").scrollTop(); const sign = $(this).attr("data-sign"); $(".right-search").hide().css("top", "0px"); $(".top_search").hide(); if ($("#deptDiv").prev().hasClass("isDel")) { $("#deptDiv").prev().remove(); $("#deptDiv").empty(); } if (deptArr[getClick.dep]) { dep = deptArr[getClick.dep].join(","); $(".show-sixth .pad_box").attr("data-dep", dep); let html = '
    全部
    '; for (let n = 0; n < deptArr[getClick.dep].length; n++) { html += `
    ${deptArr[getClick.dep][n].replace("重庆市", "").replace("南岸", "")}
    `; } $("#deptDiv").empty().append(html); $("#deptDiv").before( `
    入驻部门
    ` ); } page(firstpage, pagetype, dep); function page(page, pagetype, dep) { $.ajax({ type: "GET", url: PATH + "/mapdata/getHandMatterPage", // url: "http://192.168.0.230:7777/mapdata/getHandMatterPage", async: false, dataType: "json", data: { page: page, limit: 4, type: pagetype, matterDept: dep, }, success: function (res) { if (res.data == null) { applyClickList(); $(".show-sixth").fadeOut(0); $(".show-fifth").fadeIn(100); indexList = 1; } else if (res.data != null) { var rmHeight = window.outerHeight - $(".right-map").innerHeight() - $(".head").innerHeight(); $(".show-sixth").show().css("height", rmHeight).siblings().hide(); $(".wrap_handle").show(); count = res.count; var html = ""; $.each(res.data, function (j) { if ( res.data[j].itemName == undefined && res.data[j].matterUrl == undefined && res.data[j].matterDept == undefined ) { html += ""; } else { html += ""; html += "
    "; html += "

    " + res.data[j].itemName + "

    "; html += "
    "; } }); $(".layui-show .result_form_ajax").empty().append(html); } }, }); // if (discriptText == discrptAddress) { // } } layui.use(["laypage", "layer"], function () { var laypage = layui.laypage, layer = layui.layer; laypage.render({ elem: "demo", count: count, limit: 4, layout: ["prev", "next"], prev: '上一页', next: '下一页', jump: function (obj, first) { pagetype = 0; page(obj.curr, pagetype, dep); }, }); }); blList = 2; } function initmarkDetail2(getClick) { var dep = getClick.dep.replace("便民服务中心", "").replace("政府", ""); console.log(dep); $(".content_from_ajax .layui-tab-title") .find(".layui-this") .attr("id", dep); $(".content_from_ajax").show().siblings(".marrige").hide(); var count; var firstpage = 1; var pagetype = 0; scrollListHeight = $(".wrap_result").scrollTop(); const sign = $(this).attr("data-sign"); $(".right-search").hide().css("top", "0px"); $(".top_search").hide(); page(firstpage, pagetype, dep); function page(page, pagetype, dep) { $.ajax({ type: "GET", url: PATH + "/mapdata/getHandMatterPage", // url: "http://192.168.0.230:7777/mapdata/getHandMatterPage", async: false, dataType: "json", data: { page: page, limit: 4, type: pagetype, matterDept: dep, }, success: function (res) { if (res.data == null) { applyClickList(); $(".show-sixth").fadeOut(0); $(".show-fifth").fadeIn(100); indexList = 1; } else if (res.data != null) { var rmHeight = window.outerHeight - $(".right-map").innerHeight() - $(".head").innerHeight(); $(".show-fifth").show().css("height", rmHeight).siblings().hide(); $(".wrap_handle").show(); count = res.count; var html = ""; $.each(res.data, function (j) { if ( res.data[j].itemName == undefined && res.data[j].matterUrl == undefined && res.data[j].matterDept == undefined ) { html += ""; } else { html += ""; html += "
    "; html += "

    " + res.data[j].itemName + "

    "; html += "
    "; } }); $(".layui-show .result_form_ajax2").empty().append(html); } }, }); // if (discriptText == discrptAddress) { // } } layui.use(["laypage", "layer"], function () { var laypage = layui.laypage, layer = layui.layer; laypage.render({ elem: "demo2", count: count, limit: 4, layout: ["prev", "next"], prev: '上一页', next: '下一页', jump: function (obj, first) { pagetype = 0; page(obj.curr, pagetype, dep); }, }); }); blList = 2; } $(document).on( "click", ".content_from_ajax3 .layui-tab-title li", function () { var getdep = $(this) .parent() .parent() .parent() .prev() .find(".title_flex") .text() .trim(); getdep = getdep.replace("便民服务中心", "").replace("政府", ""); var getText = $(this).text(); if (getText == "个人办事") { var count; var firstpage = 1; var pagetype = 0; page(firstpage, pagetype, getdep); function page(page, pagetype, dep) { $.ajax({ type: "GET", url: PATH + "/mapdata/getHandMatterPage", // url: "http://192.168.0.40:7777/mapdata/getHandMatterPage", async: false, dataType: "json", data: { page: page, limit: 4, type: pagetype, matterDept: dep, }, success: function (res) { if (res.data != null) { $(".content_from_ajax3").parent().removeClass("layui-hide"); count = res.count; var sContnet = ""; $.each(res.data, function (j) { if ( res.data[j].itemName == undefined && res.data[j].matterUrl == undefined && res.data[j].matterDept == undefined ) { sContnet += ""; } else { sContnet += ""; sContnet += "
    "; sContnet += "

    " + res.data[j].itemName + "

    "; sContnet += "
    "; } }); $(".result_form_ajax2").empty().append(sContnet); } else { $(".content_from_ajax3").parent().addClass("layui-hide"); } }, }); } layui.use(["laypage", "layer"], function () { var laypage = layui.laypage, layer = layui.layer; laypage.render({ elem: "demo2", count: count, limit: 4, layout: ["prev", "next"], prev: '上一页', next: '下一页', jump: function (obj, first) { pagetype = 0; page(obj.curr, pagetype, getdep); }, }); }); blList = 1; } else if (getText == "法人办事") { var count; var firstpage = 1; var pagetype = 1; page(firstpage, pagetype, getdep); function page(page, pagetype, dep) { $.ajax({ type: "GET", url: PATH + "/mapdata/getHandMatterPage", // url: "http://192.168.0.40:7777/mapdata/getHandMatterPage", async: false, dataType: "json", data: { page: page, limit: 4, type: pagetype, matterDept: dep, }, success: function (res) { if (res.data != null) { $(".content_from_ajax3").parent().removeClass("layui-hide"); count = res.count; var sContnet = ""; $.each(res.data, function (j) { if ( res.data[j].itemName == undefined && res.data[j].matterUrl == undefined && res.data[j].matterDept == undefined ) { sContnet += ""; } else { sContnet += ""; sContnet += "
    "; sContnet += "

    " + res.data[j].itemName + "

    "; sContnet += "
    "; } }); $(".result_form_ajax2").empty().append(sContnet); } else { $(".content_from_ajax3").parent().addClass("layui-hide"); } }, }); } layui.use(["laypage", "layer"], function () { var laypage = layui.laypage, layer = layui.layer; laypage.render({ elem: "demo2", count: count, limit: 4, layout: ["prev", "next"], prev: '上一页', next: '下一页', jump: function (obj, first) { pagetype = 1; page(obj.curr, pagetype, getdep); }, }); }); blList = 1; } } ); $(document).on("click", "#aroundEvent", function () { if (!markerInfo.myMark) { layer.msg("初始定位还未完成,请稍后再试"); return; } if (!markerInfo.data || !markerInfo.data.length) { layer.msg("附近一公里没有办事地点"); return; } indexList = 2; applyClickList(); xrList(markerInfo.data); getPointPostAjax(markerInfo.data); }); });