layui.use('element', function() { var element = layui.element; layer = layui.layer; }); // 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 = "district_mobile.html"; // } // if (screen.availWidth <= 750) { // $('.logo-img').attr('src', '/img/map-logo2.png'); // $('.logo-img').css("width", "257px"); // } $(function() { // 全部输入框特殊字符不能输入 // 匹配标志: g:全局匹配 i:忽略大小写 // / 是表达式开始和结束的标记 // \ 可以将后面出现的字符标记为特殊字符 // ^ 匹配输入字符串的开始位置,除非在方括号表达式中使用,当该符号在方括号表达式中使用时,表示不接受该方括号表达式中的字符集合。要匹配 ^ 字符本身,请使用 \^。 // \w 匹配字母、数字、下划线。等价于 [A-Za-z0-9_] // $("input").bind('keyup blur', function() { // // var reg= /[^\w\u4e00-\u9fa5\/\-]/gi; // var reg = /[^\w\u4e00-\u9fa5]/gi; // var val = $(this).val(); // if (reg.test(val)) { // $(this).val($(this).val().replace(reg, '')); // } // }); // 点击市级部门下的文字地址选择切换样式 街镇选择开始 $('.text-first p').click(function() { $(this).addClass('tab'); $(this).siblings().removeClass('tab'); const jztext = $(this).text(); var index = $(this).index() - 1; // console.log(index) if (jztext == "南坪镇") { var jd = ['重庆市南岸区响水路7号']; bdGEO2(jztext, jd, index); map.centerAndZoom(new BMap.Point(106.572, 29.526), 14); } if (jztext == "涂山镇") { var jd = ['重庆市南岸区涂山路563号']; bdGEO2(jztext, jd, index); map.centerAndZoom(new BMap.Point(106.602, 29.568), 14); } if (jztext == "鸡冠石镇") { var jd = ['重庆市南岸区鸡冠石镇和平小区1号']; bdGEO2(jztext, jd, index); map.centerAndZoom(new BMap.Point(106.612, 29.594), 14); } if (jztext == "峡口镇") { var jd = ['重庆市南岸区峡口镇大兴一路3号']; bdGEO2(jztext, jd, index); map.centerAndZoom(new BMap.Point(106.669, 29.562), 14); } if (jztext == "长生桥镇") { var jd = ['重庆市南岸区长生路6号']; bdGEO2(jztext, jd, index); map.centerAndZoom(new BMap.Point(106.669, 29.505), 14); } if (jztext == "迎龙镇") { var jd = ['重庆市南岸区迎龙镇银河路9号']; bdGEO2(jztext, jd, index); map.centerAndZoom(new BMap.Point(106.712, 29.520), 14); } if (jztext == "广阳镇") { var jd = ['重庆市南岸区广阳镇明月沱正街']; bdGEO2(jztext, jd, index); map.centerAndZoom(new BMap.Point(106.778, 29.596), 14); } if (jztext == "南坪街道") { var jd = ['重庆市南岸区南坪正街1号']; bdGEO2(jztext, jd, index); map.centerAndZoom(new BMap.Point(106.567, 29.529), 14); } if (jztext == "花园路街道") { var jd = ['重庆市南岸区丹龙南路5号']; bdGEO2(jztext, jd, index); map.centerAndZoom(new BMap.Point(106.554, 29.506), 14); } if (jztext == "海棠溪街道") { var jd = ['重庆市南岸区海棠溪正街34号']; bdGEO2(jztext, jd, index); map.centerAndZoom(new BMap.Point(106.588, 29.543), 14); } if (jztext == "铜元局街道") { var jd = ['重庆市南岸区风临路26号']; bdGEO2(jztext, jd, index); map.centerAndZoom(new BMap.Point(106.545, 29.529), 14); } if (jztext == "龙门浩街道") { var jd = ['重庆市南岸区上新街33号']; bdGEO2(jztext, jd, index); map.centerAndZoom(new BMap.Point(106.594, 29.552), 14); } if (jztext == "弹子石街道") { var jd = ['重庆市南岸区弹子石街道']; bdGEO2(jztext, jd, index); map.centerAndZoom(new BMap.Point(106.596, 29.588), 14); } if (jztext == "南山街道") { var jd = ['重庆市南岸区崇文路28号']; bdGEO2(jztext, jd, index); map.centerAndZoom(new BMap.Point(106.609, 29.543), 14); } if (jztext == "天文街道") { var jd = ['重庆市南岸区茶园城南家园5组团2栋吊2-3楼']; bdGEO2(jztext, jd, index); map.centerAndZoom(new BMap.Point(106.649, 29.514), 14); } }); // 头部的公交输入框中的始末地点值切换 $('#change-word').click(function() { let start = $('#gj-one').val(); let end = $('#gj-two').val(); $('#gj-one').val(end); $('#gj-two').val(start); }); // 点击头部的公交的搜索按钮在左边出现结果 $('.inp-icon2').click(function() { let start = $('#gj-one').val(); let end = $('#gj-two').val(); if (start === "" || end === "") { $('.show-first').css('display', 'block'); $('.show-second').css('display', 'none'); $('.show-third').css('display', 'none'); $('.show-fourth').css('display', 'none'); $('.show-fifth').css('display', 'none'); } else { $('.show-first').css('display', 'none'); $('.show-second').css('display', 'block'); $('.show-third').css('display', 'none'); $('.show-fourth').css('display', 'none'); $('.show-fifth').css('display', 'none'); $('#start').text(start); $('#end').text(end); $('.startPoint').text(start); $('.endPoint').text(end); } }); // 点击公交的出现结果部分的返回回到受理场所 $('.btn-back').click(function() { window.location.reload(); $('.show-second').css('display', 'none'); $('.show-first').css('display', 'block'); $('show-third').css('display', 'none'); $('.show-fourth').css('display', 'none'); $('.show-fifth').css('display', 'none'); // bdGEO(jzadds); bdGEO(jzs); }); // 点击搜索的出现结果部分的返回回到受理场所 $('.backBtn').click(function() { window.location.reload(); $('.show-second').css('display', 'none'); $('.show-first').css('display', 'block'); $('show-third').css('display', 'none'); $('.show-fourth').css('display', 'none'); $('.show-fifth').css('display', 'none'); // bdGEO(jzadds); bdGEO(jzs); }); // 点击公交的出现结果部分的路径选择查看具体路径 $('.line-first').click(function() { $(this).parent('.line').siblings().find(".line-hide").css('display', 'none'); $(this).parent('.line').siblings().find(".line-first").removeClass('shows'); $(this).siblings().toggle(); let lightBlue = $(this).css('backgroundColor'); if (lightBlue == 'rgb(233, 243, 255)') { $(this).removeClass('shows'); } else { $(this).addClass('shows'); } }); // 点击自驾的出现结果部分的返回回到受理场所 $('.back-btn').click(function() { window.location.reload(); $('.show-third').css('display', 'none'); $('.show-second').css('display', 'none'); $('.show-first').css('display', 'block'); $('.show-fourth').css('display', 'none'); $('.show-fifth').css('display', 'none'); // bdGEO(jzadds); bdGEO(jzs); }); // 头部的自驾输入框中的始末地点值切换 $('#word-change').click(function() { let start = $('#zj-one').val(); let end = $('#zj-two').val(); $('#zj-one').val(end); $('#zj-two').val(start); }); // 点击头部的自驾的搜索按钮在左边出现结果 $('.inp-icon3').click(function() { let start = $('#zj-one').val(); let end = $('#zj-two').val(); if (start === "" || end === "") { $('.show-first').css('display', 'block'); $('.show-second').css('display', 'none'); $('.show-third').css('display', 'none'); $('.show-fourth').css('display', 'none'); $('.show-fifth').css('display', 'none'); } else { $('.show-first').css('display', 'none'); $('.show-third').css('display', 'block'); $('.show-second').css('display', 'none'); $('.show-fourth').css('display', 'none'); $('.show-fifth').css('display', 'none'); $('#start2').text(start); $('#end2').text(end); } }); // 写受理场所和查阅场所前的icon切换 $('.top-title>li').click(function() { // bdGEO(jzs); var con = $(this).text().trim(); if(con == "受理场所"){ bdGEO(jzadds); } if(con == "查阅场所"){ cycsGEO(cycsbms); } let blue = $(this).css('color'); if (blue == 'rgb(51, 51, 51)') { $(this).children(':first').css('display', 'block'); $(this).children(':last').css('display', 'none'); $(this).siblings().children(':first').css('display', 'none'); $(this).siblings().children(':last').css('display', 'block'); } }); // 百度地图API功能 function G(id) { return document.getElementById(id); } var map = new BMap.Map('right-map'); // 创建Map实例 map.centerAndZoom(new BMap.Point(106.563, 29.523), 14); // 初始化地图,设置中心点坐标和地图级别 map.enableScrollWheelZoom(true); // 开启鼠标滚轮缩放 // 区级部门与街镇解析地址批量解析开始 var myGeo = new BMap.Geocoder(); var bms = [{ "dept": "区政府办公室", "tel": "023—62980783", "address": "重庆市南岸区广福大道1号" }, { "dept": "区发展改革委", "tel": "023—62988121", "address": "重庆市南岸区茶园新区桐福路189号" }, { "dept": "区教委", "tel": "023—62800428", "address": "重庆市南岸区茶园新区广福大道22号" }, { "dept": "区科技局", "tel": "023—62988799", "address": "重庆市南岸区天文街道广福大道12号2号楼8楼" }, { "dept": "区经济信息委", "tel": "023—62989428", "address": "重庆市南岸区广福大道12号2号楼21-22楼" }, { "dept": "区民政局", "tel": "023—62890166", "address": "重庆市南岸区天文街道广福大道12号行政服务中心B区2号楼6-7层" }, { "dept": "区司法局", "tel": "023—62989032", "address": "重庆市南岸区茶园新区广福大道12号行政中心B区1号楼20楼" }, { "dept": "区财政局", "tel": "023—62988116", "address": "重庆市南岸区茶园新区广福大道5号" }, { "dept": "区人力社保局", "tel": "023—62803703", "address": "重庆市南岸区广福大道12号1号楼2-4楼、8-13楼" }, { "dept": "区生态环境局", "tel": "023—62806871", "address": "重庆市南岸区茶园新区广福大道12号2号楼15-17楼" }, { "dept": "区住房城乡建委", "tel": "023—62988076", "address": "重庆市南岸区茶园新区长电一支路13号" }, { "dept": "区城市管理局", "tel": "023—62988981", "address": "重庆市南岸区天文街道广福大道12号2号楼18-19层" }, { "dept": "区交通局", "tel": "023—62980670", "address": "重庆市南岸区天文街道广福大道12号2号楼13楼" }, { "dept": "区农业农村委", "tel": "023—62802546", "address": "重庆市南岸区天文街道广福大道12号行政服务中心B区3号楼13-15楼" }, { "dept": "区商务委", "tel": "023—62922422", "address": "重庆市南岸区天文街道广福大道12号行政中心B区2号楼1204" }, { "dept": "区文化旅游委", "tel": "023—62988059", "address": "重庆市南岸区茶园新区广福大道12号行政中心B区2号楼10楼" }, { "dept": "区卫生健康委", "tel": "023-62988107   023-62988117", "address": "重庆市南岸区天文街道广福大道12号1号楼14-16楼" }, { "dept": "区退役军人事务局", "tel": "023-62381831", "address": "重庆市南岸区南滨西路1号" }, { "dept": "区应急局", "tel": "023-62988178", "address": "重庆市南岸区广福大道12号1号楼5-7楼" }, { "dept": "区审计局", "tel": "023-62988849", "address": "重庆市南岸区茶园广福大道12号行政中心B区1号楼17、18楼" }, { "dept": "区统计局", "tel": "023-62988159", "address": "重庆市南岸区茶园新区广福大道12号行政中心B区3号楼8楼" }, { "dept": "区医保局", "tel": "023-62928406", "address": "重庆市南岸区茶园新区广福大道12号3号楼" }, { "dept": "区信访办", "tel": "023-62988697", "address": "重庆市南岸区广福大道1号区行政中心A区1号楼一楼" }, { "dept": "区政府外办", "tel": "023-62629122", "address": "重庆市南岸区广福大道12号3号楼24层" }, { "dept": "区民族宗教委", "tel": "023-62988368", "address": "重庆市南岸区天文街道广福大道12号1号楼19楼" }, { "dept": "区金融办", "tel": "023-62948231", "address": "重庆市南岸区茶园广福大道5号9楼" }, { "dept": "区机关事务局", "tel": "023-62988978", "address": "重庆市南岸区广福大道1号附1号楼" }, { "dept": "区国资委", "tel": "023-62922291", "address": "重庆市南岸区茶园新区广福大道12号3号楼11楼" }, { "dept": "区大数据发展局", "tel": "023-62620612", "address": "重庆市南岸区天文街道广福大道12号3号楼5楼" }, { "dept": "区政务办", "tel": "023-62988214", "address": "重庆市南岸区茶园新区广福大道12号2号楼3—5楼" }, { "dept": "区供销社", "tel": "023-62805453", "address": "重庆市南岸区茶园新区行政中心B区2号楼20楼" }, { "dept": "区公安分局", "tel": "023-60437035", "address": "重庆市南岸区广福大道5号" }, { "dept": "区规划自然资源局", "tel": "023-62803001", "address": "重庆市南岸区茶园新区汇成路24号" }, { "dept": "区市场监管", "tel": "023-61217803", "address": "重庆市南岸区金紫街175号4楼403室" }, { "dept": "区征地事务中心", "tel": "023-62916722", "address": "重庆市南岸区南湖路交通大厦三楼" }, ]; var jzs = [{ "dep": "南坪镇", "tel": "023-61217016", "address": "重庆市南岸区响水路7号" }, { "dep": "涂山镇", "tel": "023-62527009", "address": "重庆市南岸区涂山路563号" }, { "dep": "鸡冠石镇", "tel": "023-62951279", "address": "重庆市南岸区鸡冠石镇和平小区1号" }, { "dep": "峡口镇", "tel": "023-62390803", "address": "重庆市南岸区峡口镇大兴一路3号" }, { "dep": "长生桥镇", "tel": "023-62450881", "address": "重庆市南岸区长生路6号" }, { "dep": "迎龙镇", "tel": "023-89882585", "address": "重庆市南岸区迎龙镇银河路9号" }, { "dep": "广阳镇", "tel": "023-62491022", "address": "重庆市南岸区广阳镇明月沱正街" }, { "dep": "南坪街道", "tel": "023-62909575", "address": "重庆市南岸区南坪正街1号" }, { "dep": "花园路街道", "tel": "023-62809718", "address": "重庆市南岸区丹龙南路5号" }, { "dep": "海棠溪街道", "tel": "023-62883293", "address": "重庆市南岸区海棠溪正街34号" }, { "dep": "铜元局街道", "tel": "023-62305908", "address": "重庆市南岸区风临路26号" }, { "dep": "龙门浩街道", "tel": "023-62881199", "address": "重庆市南岸区上新街33号" }, { "dep": "弹子石街道", "tel": "023-62506319", "address": "重庆市南岸区弹子石街道" }, { "dep": "南山街道", "tel": "023-62466099", "address": "重庆市南岸区崇文路28号" }, { "dep": "天文街道", "tel": "023-62809650", "address": "重庆市南岸区茶园城南家园5组团2栋吊2-3楼" } ]; var adds = [ "重庆市南岸区广福大道1号", "重庆市南岸区茶园新区桐福路189号", "重庆市南岸区茶园新区广福大道22号", "重庆市南岸区天文街道广福大道12号2号楼8楼", "重庆市南岸区广福大道12号2号楼21-22楼", "重庆市南岸区天文街道广福大道12号行政服务中心B区2号楼6-7层", "重庆市南岸区茶园新区广福大道12号行政中心B区1号楼20楼", "重庆市南岸区茶园新区广福大道5号", "重庆市南岸区广福大道12号1号楼2-4楼、8-13楼", "重庆市南岸区茶园新区广福大道12号2号楼15-17楼", "重庆市南岸区茶园新区长电一支路13号", "重庆市南岸区天文街道广福大道12号2号楼18-19层", "重庆市南岸区天文街道广福大道12号2号楼13楼", "重庆市南岸区天文街道广福大道12号行政服务中心B区3号楼13-15楼", "重庆市南岸区天文街道广福大道12号行政中心B区2号楼1204", "重庆市南岸区茶园新区广福大道12号行政中心B区2号楼10楼", "重庆市南岸区天文街道广福大道12号1号楼14-16楼", "重庆市南岸区南滨西路1号", "重庆市南岸区广福大道12号1号楼5-7楼", "重庆市南岸区茶园广福大道12号行政中心B区1号楼17、18楼", "重庆市南岸区茶园新区广福大道12号行政中心B区3号楼8楼", "重庆市南岸区茶园新区广福大道12号3号楼", "重庆市南岸区广福大道1号区行政中心A区1号楼一楼", "重庆市南岸区广福大道12号3号楼24层", "重庆市南岸区天文街道广福大道12号1号楼19楼", "重庆市南岸区茶园广福大道5号9楼", "重庆市南岸区广福大道1号附1号楼", "重庆市南岸区茶园新区广福大道12号3号楼11楼", "重庆市南岸区天文街道广福大道12号3号楼5楼", "重庆市南岸区茶园新区广福大道12号2号楼3—5楼", "重庆市南岸区茶园新区行政中心B区2号楼20楼", "重庆市南岸区广福大道5号", "重庆市南岸区茶园新区汇成路24号", "重庆市南岸区金紫街175号4楼403室", "重庆市南岸区南湖路交通大厦三楼", ]; var jzadds = [ "重庆市南岸区响水路7号", "重庆市南岸区涂山路563号", "重庆市南岸区鸡冠石镇和平小区1号", "重庆市南岸区峡口镇大兴一路3号", "重庆市南岸区长生路6号", "重庆市南岸区迎龙镇银河路9号", "重庆市南岸区广阳镇明月沱正街", "重庆市南岸区南坪正街1号", "重庆市南岸区丹龙南路5号", "重庆市南岸区海棠溪正街34号", "重庆市南岸区风临路26号", "重庆市南岸区上新街33号", "重庆市南岸区弹子石街道", "重庆市南岸区崇文路28号", "重庆市南岸区茶园城南家园5组团2栋吊2-3楼" ]; var cycsbms =[{ "dept": "重庆市南岸区档案馆", "tel": "023-62988345", "address": "重庆市南岸区天文街道广福大道1号行政中心A区12号楼" }, { "dept": "重庆市南岸区图书馆", "tel": "023-62988155", "address": "重庆市南岸区南城大道199号" }, { "dept": "重庆市南岸区行政服务中心江南新城中心", "tel": "023-62986525", "address": "重庆市南岸区天文街道广福大道12号2号楼" }] bdGEO(jzadds); xrjz(jzs); xrbm(bms); cycsone(cycsbms); // 街镇的循环渲染 function xrjz(jzs) { var html = '' for (var item = 0; item < jzs.length; item++) { var jzdep = jzs[item].dep; var jzdhs = jzs[item].tel; var jzdzs = jzs[item].address; var sum = 1; sum += item; html += "" }; $('.text-second').empty().append(html); $('.text-third').empty().append( "共" + "" + sum + "" + "条记录" ); // 点击公交或者自驾出现隐藏层中的输入框,让其不能输入特殊字符 // $(".title-first").bind('keyup blur', '.inps', function() { // // var reg= /[^\w\u4e00-\u9fa5\/\-]/gi; // var reg = /[^\w\u4e00-\u9fa5]/gi; // var item = $(this).find('.inps'); // var val = item.val(); // if (reg.test(val)) { // item.val(item.val().replace(reg, '')); // } // }); // $(".title-first").bind('keyup blur', '.inpst', function() { // // var reg= /[^\w\u4e00-\u9fa5\/\-]/gi; // var reg = /[^\w\u4e00-\u9fa5]/gi; // var item = $(this).find('.inpst'); // var val = item.val(); // if (reg.test(val)) { // item.val(item.val().replace(reg, '')); // } // }); } // 区级部门循环渲染 function xrbm(bms) { var html2 = '' for (var index = 0; index < bms.length; index++) { var bmdep = bms[index].dept; var bmdhs = bms[index].tel; var bmdzs = bms[index].address; var num = 1; num += index; html2 += "" }; $('.districtLevel').empty().append(html2); $('.textThird').empty().append( "共" + "" + num + "" + "条记录" ); // $(".districtLevel>input").bind('keyup blur', function() { // var reg = /[^\w\u4e00-\u9fa5\/\-]/gi; // var val = $(this).val(); // if (reg.test(val)) { // $(this).val($(this).val().replace(reg, '')); // } // }); }; // 查阅场所地点 function cycsone(cycsbms) { var html3 = '' for (var index = 0; index < cycsbms.length; index++) { var bmdep = cycsbms[index].dept; var bmdhs = cycsbms[index].tel; var bmdzs = cycsbms[index].address; var num = 1; num += index; html3 += "" }; $('.districtLevel2').empty().append(html3); $('.textThird2').empty().append( "共" + "" + num + "" + "条记录" ); $(".districtLevel2>input").bind('keyup blur',function(){ var reg= /[^\w\u4e00-\u9fa5\/\-]/gi; var val=$(this).val(); if(reg.test(val)){ $(this).val($(this).val().replace(reg,'')); } }); }; // 点击市级部门下公交出现输入框并点击中间的切换按钮能够切换起点和终点 $(document).on('click', '.change-buts', function() { let inps = $('.inps').css('left'); if (inps == '0px') { $('.inps').css('left', '90px'); } if (inps == '90px') { $('.inps').css('left', '0px'); } let inpText = $('.inp-text').css('left'); if (inpText == '220px') { $('.inp-text').css('left', '0px'); } if (inpText == '0px') { $('.inp-text').css('left', '220px'); } let changeButs = $('.change-buts').css('left'); if (changeButs == '185px') { $('.change-buts').css('left', '50px'); } if (changeButs == '50px') { $('.change-buts').css('left', '185px'); } }); // 点击市级部门下自驾出现输入框并点击中间的切换按钮能够切换起点和终点 $(document).on('click', '.change-buts2', function() { let inpst = $('.inpst').css('left'); if (inpst == '0px') { $('.inpst').css('left', '90px'); } if (inpst == '90px') { $('.inpst').css('left', '0px'); } let inpText2 = $('.inp-text2').css('left'); if (inpText2 == '220px') { $('.inp-text2').css('left', '0px'); } if (inpText2 == '0px') { $('.inp-text2').css('left', '220px'); } let changeButs2 = $('.change-buts2').css('left'); if (changeButs2 == '185px') { $('.change-buts2').css('left', '50px'); } if (changeButs2 == '50px') { $('.change-buts2').css('left', '185px'); } }); function bdGEO(jzadds) { map.clearOverlays(); for (var i = 0; i < jzadds.length; i++) { var add = jzadds[i]; const tempAdd = add; myGeo.getPoint(tempAdd, function(point) { if (point) { var address = new BMap.Point(point.lng, point.lat); for (var j = 0; j < bms.length; j++) { var bmdep = bms[j].dept; var bmtel = bms[j].tel; var bmaddre = bms[j].address; var sContnet = ""; if (tempAdd == bmaddre) { addMarker(j, address, new BMap.InfoWindow(sContnet, bmaddre)); } } for (var index = 0; index < jzs.length; index++) { var jzdep = jzs[index].dep; var jztel = jzs[index].tel; var jzaddre = jzs[index].address; var sContnet = ""; if (tempAdd == jzaddre) { addMarker(index, address, new BMap.InfoWindow(sContnet, jzaddre)); } } } }, "重庆市"); } }; //查阅场所初始化 function cycsGEO(cycsbms){ map.clearOverlays(); console.log(111); for (var i = 0; i < cycsbms.length; i++) { const temdep = cycsbms[i].dept; const temtel = cycsbms[i].tel; const temadd = cycsbms[i].address; myGeo.getPoint(temadd, function(point) { if (point) { var address = new BMap.Point(point.lng, point.lat); var sContnet = ""; addMarker(0, address, new BMap.InfoWindow(sContnet, temadd)); } }, "重庆市"); } }; function bdGEO2(name, jd, index) { map.clearOverlays(); var jzdep = jzs[index].dep; var jztel = jzs[index].tel; var jzaddre = jzs[index].address; var sContnet = ""; var html3 = "" // 将地址解析结果显示在地图上,并调整地图视野 myGeo.getPoint(jd, function(point) { if (point) { addMarker(0, point, new BMap.InfoWindow(sContnet, jd)) $(".text-second").empty().append(html3); $('.text-third').empty().append( "共" + "" + 1 + "" + "条记录" ); } else { alert('您选择的地址没有解析到结果!'); } }, '重庆市') } function addMarker(index, point, infoWindow) { var myIcon = new BMap.Icon("./img/location.png", new BMap.Size(34, 34)); var marker = new BMap.Marker(point, { icon: myIcon }); map.addOverlay(marker); if (index == 0) { marker.openInfoWindow(infoWindow) } marker.addEventListener("click", function() { map.openInfoWindow(infoWindow, point); //开启信息窗口 }); } //区级部门与街镇解析地址批量解析结束 $('.second-title>li').click(function() { const xz = $(this).text(); if (xz == "区级部门") { bdGEO(adds); xrbm(bms); } if (xz == "街镇") { bdGEO(jzadds); xrjz(jzs); } }); $('.second-title2>li').click(function() { // 解决点击事件,多次执行的问题 // $('.second-title>li').unbind('click'); const xz = $(this).text().trim(); if (xz == "区级部门") { map.clearOverlays(); for (var i = 0; i < cycsbms.length; i++) { const temdep = cycsbms[i].dept; const temtel = cycsbms[i].tel; const temadd = cycsbms[i].address; myGeo.getPoint(temadd, function(point) { if (point) { var address = new BMap.Point(point.lng, point.lat); var sContnet = ""; addMarker(0, address, new BMap.InfoWindow(sContnet, temadd)); } }, "重庆市"); }; } if (xz == "街镇") { map.clearOverlays(); } }); // 点击第一个全部 显示所有街道办事处 $('.alltotal').click(function() { $(this).addClass('tab'); $(this).siblings().removeClass('tab'); bdGEO(jzadds); xrjz(jzs); }); // 公交路线图 $(".search-change>li").click(function() { map.clearOverlays(); const liText = $(this).text(); var routePolicy = [BMAP_TRANSIT_POLICY_LEAST_TIME,BMAP_TRANSIT_POLICY_LEAST_TRANSFER,BMAP_TRANSIT_POLICY_LEAST_WALKING,BMAP_TRANSIT_POLICY_AVOID_SUBWAYS]; var drivingRoutePolicy = [BMAP_DRIVING_POLICY_LEAST_TIME, BMAP_DRIVING_POLICY_LEAST_DISTANCE, BMAP_DRIVING_POLICY_AVOID_HIGHWAYS ]; // 该部分是公交初始化(推荐路线) if (liText == "公交") { // 这是为了方便演示,你可以合并到你的内容中去 var startData, endData; $("#inp-icon2").click(async function() { const startZD = $("#gj-one").val(); const endZD = $("#gj-two").val(); const adds = [startZD, endZD]; for (var i = 0; i < adds.length; i++) { if (i == 0) { var add = adds[0]; await new Promise((resolve, reject) => { myGeo.getPoint(add, function(point) { if (point) { startData = new BMap.Point(point.lng,point.lat); resolve(); } }, "重庆市"); }) }; if (i == 1) { var add = adds[1]; await new Promise((resolve, reject) => { myGeo.getPoint(add, function(point) { if (point) { endData = new BMap.Point(point .lng, point.lat); resolve(); } }, "重庆市"); }) } }; var start = new BMap.Point(startData.lng, startData.lat); var end = new BMap.Point(endData.lng, endData.lat); var transit = new BMap.TransitRoute(map, { renderOptions: { map: map, panel: 'result' }, policy: 0, }); map.clearOverlays(); // search(start, end, routePolicy[0]); transit.setPolicy(routePolicy[0]); transit.search(start, end); // function search(start, end, route) { // transit.setPolicy(route); // transit.search(start, end); // }; console.log(start); console.log(end); console.log(routePolicy[0]); }); // 选择其他方案(少步行等) $(".content-title>li").click(function() { const liIndex = $(this).index(); var start = new BMap.Point(startData.lng, startData.lat); var end = new BMap.Point(endData.lng, endData.lat); var transit = new BMap.TransitRoute(map, { renderOptions: { map: map, panel: 'result' }, policy: 0, }); map.clearOverlays(); // search(start, end, routePolicy[liIndex]); transit.setPolicy(routePolicy[liIndex]); transit.search(start, end); // function search(start, end, route) { // transit.setPolicy(route); // transit.search(start, end); // }; console.log(start); console.log(end); console.log(routePolicy[liIndex]); }) } // 自驾初始化--最少时间,最短距离,避开高速 if (liText == "自驾") { var startData, endData; $('#inp-icon3').click(async function() { const startZD = $("#zj-one").val(); const endZD = $("#zj-two").val(); const adds = [startZD, endZD]; for (var i = 0; i < adds.length; i++) { if (i == 0) { var add = adds[0]; await new Promise((resolve, reject) => { myGeo.getPoint(add, function(point) { if (point) { startData = new BMap.Point(point .lng, point.lat); resolve() } }, "全国"); }) } if (i == 1) { var add = adds[1]; await new Promise((resolve, reject) => { myGeo.getPoint(add, function(point) { if (point) { endData = new BMap.Point(point.lng, point.lat); resolve() } }, "全国"); }) } }; var start = new BMap.Point(startData.lng, startData.lat); var end = new BMap.Point(endData.lng, endData.lat); var drivingRoute = new BMap.DrivingRoute(map, { renderOptions: { map: map, panel: "result1", autoViewport: true, enableDragging: true }, onSearchComplete: function(results) { if (drivingRoute.getStatus() == BMAP_STATUS_SUCCESS) { // 获取第一条方案 var plan = results.getPlan(0); // 获取方案的驾车线路 var route = plan.getRoute(0); // 获取每个关键步骤,并输出到页面 var s = []; for (var i = 0; i < route.getNumSteps(); i++) { var step = route.getStep(i); } } } }); map.clearOverlays(); drivingRoute.setPolicy(drivingRoutePolicy[0]); drivingRoute.search(start, end); }); // 选择其他方案 $("#zjxz>li").click(function() { const liIndex = $(this).index(); console.log(liIndex); var start = new BMap.Point(startData.lng, startData.lat); var end = new BMap.Point(endData.lng, endData.lat); var drivingRoute = new BMap.DrivingRoute(map, { renderOptions: { map: map, panel: "result1", autoViewport: true, enableDragging: true }, onSearchComplete: function(results) { if (drivingRoute.getStatus() == BMAP_STATUS_SUCCESS) { // 获取第一条方案 var plan = results.getPlan(0); // 获取方案的驾车线路 var route = plan.getRoute(0); // 获取每个关键步骤,并输出到页面 var s = []; for (var i = 0; i < route.getNumSteps(); i++) { var step = route.getStep(i); } } } }); map.clearOverlays(); drivingRoute.setPolicy(drivingRoutePolicy[liIndex]); drivingRoute.search(start, end); }) } }); // 左边的公交的起末位置封装成函数 function seBus(_that) { var inps = $('.inps').css('left'); var buse = []; if (inps == '0px') { var startZD = _that.siblings('.inps').val(); var endZD = _that.parents('.title-first').find('.jzdz').text(); buse.push(startZD); buse.push(endZD); return buse; } else { var startZD = _that.parents('.title-first').find('.jzdz').text(); var endZD = _that.siblings('.inps').val(); buse.push(startZD); buse.push(endZD); return buse; } return buse; }; // 点击左边的公交搜索按钮显示公交路径选择页面 $(document).on('click', '.imgSearch', function() { var _that = $(this); var res = seBus(_that); for (var i = 0; i < res.length; i++) { $('#start').text(res[0]); $('#end').text(res[1]); const startjz = res[0]; const endjz = res[1]; const valInput = _that.siblings('.inps').val(); if (startjz === "" || endjz === "") { $('.show-first').css('display', 'block'); $('.show-second').css('display', 'none'); $('.show-third').css('display', 'none'); $('.show-fifth').css('display', 'none'); $('.show-fourth').css('display', 'none'); } else { $('.show-first').css('display', 'none'); $('.show-second').css('display', 'block'); $('.show-third').css('display', 'none'); $('.show-fifth').css('display', 'none'); $('.show-fourth').css('display', 'none'); } } }); // 左边的自驾的起末位置封装成函数 function seCar(those) { var inpst = $('.inpst').css('left'); var Care = []; if (inpst == '0px') { var startQJ = those.siblings('.inpst').val(); var endQJ = those.parents('.title-first').find('.jzdz').text(); Care.push(startQJ); Care.push(endQJ); return Care; } else { var startQJ = those.parents('.title-first').find('.jzdz').text(); var endQJ = those.siblings('.inpst').val(); Care.push(startQJ); Care.push(endQJ); return Care; } return Care; } // 点击右边的自驾搜索按钮显示自驾路径选择页面 $(document).on('click', '.imgSearch2', function() { var those = $(this); var result = seCar(those); for (var i = 0; i < result.length; i++) { $('#start2').text(result[0]); $('#end2').text(result[1]); const startjz = result[0]; const endjz = result[1]; const valInput2 = those.siblings('.inpst').val(); if (startjz === "" || endjz === "") { $('.show-first').css('display', 'block'); $('.show-second').css('display', 'none'); $('.show-third').css('display', 'none'); $('.show-fifth').css('display', 'none'); $('.show-fourth').css('display', 'none'); } else if (!/^([\u4e00-\u9fa5A-Za-z0-9,.?!;,。?!、;])*$/.test(valInput2)) { return false; $('.show-first').css('display', 'block'); $('.show-second').css('display', 'none'); $('.show-fifth').css('display', 'none'); $('.show-third').css('display', 'none'); $('.show-fourth').css('display', 'none'); } else { $('.show-first').css('display', 'none'); $('.show-second').css('display', 'none'); $('.show-third').css('display', 'block'); $('.show-fifth').css('display', 'none'); $('.show-fourth').css('display', 'none'); } } }); // 点击左边显示公交路线图 $(document).on('click', '.change-but>input', function() { map.clearOverlays(); const inpVal = $(this).val(); var routePolicy = [BMAP_TRANSIT_POLICY_LEAST_TIME,BMAP_TRANSIT_POLICY_LEAST_TRANSFER,BMAP_TRANSIT_POLICY_LEAST_WALKING,BMAP_TRANSIT_POLICY_AVOID_SUBWAYS]; var drivingRoutePolicy = [ BMAP_DRIVING_POLICY_LEAST_TIME, BMAP_DRIVING_POLICY_LEAST_DISTANCE, BMAP_DRIVING_POLICY_AVOID_HIGHWAYS ]; // 该部分是公交初始化(推荐路线) if (inpVal == "公交") { // 这是为了方便演示,你可以合并到你的内容中去 $(document).on('click', '.imgSearch', async function() { var _that = $(this); let adds = seBus(_that); for (var i = 0; i < adds.length; i++) { if (i == 0) { var add = adds[0]; await new Promise((resolve, reject) => { myGeo.getPoint(add, function(point) { if (point) { startData = new BMap.Point(point .lng, point.lat); resolve(); } }, "重庆市"); }) }; if (i == 1) { var add = adds[1]; await new Promise((resolve, reject) => { myGeo.getPoint(add, function(point) { if (point) { endData = new BMap.Point(point .lng, point.lat); resolve(); } }, "重庆市"); }) } }; var start = new BMap.Point(startData.lng, startData.lat); var end = new BMap.Point(endData.lng, endData.lat); var transit = new BMap.TransitRoute(map, { renderOptions: { map: map, panel: 'result' }, policy: 0, }); map.clearOverlays(); // search(start, end, routePolicy[0]); transit.setPolicy(routePolicy[0]); transit.search(start, end); console.log(start); console.log(end); console.log(routePolicy[0]); // function search(start, end, route) { // transit.setPolicy(route); // transit.search(start, end); // }; }); // 选择其他方案(少步行等) $(".content-title>li").click(function() { const liIndex = $(this).index(); console.log(liIndex); var start = new BMap.Point(startData.lng, startData.lat); var end = new BMap.Point(endData.lng, endData.lat); var transit = new BMap.TransitRoute(map, { renderOptions: { map: map, panel: 'result' }, policy: 0, }); map.clearOverlays(); // search(start, end, routePolicy[liIndex]); // console.log(routePolicy[liIndex]); transit.setPolicy(routePolicy[liIndex]); transit.search(start, end); console.log(start); console.log(end); console.log(routePolicy[liIndex]); // function search(start, end, route) { // transit.setPolicy(route); // transit.search(start, end); // }; }) } // 自驾初始化--最少时间,最短距离,避开高速 if (inpVal == "自驾") { $(document).on('click', '.imgSearch2', async function() { var those = $(this); let adds = seCar(those); for (var i = 0; i < adds.length; i++) { if (i == 0) { var add = adds[0]; await new Promise((resolve, reject) => { myGeo.getPoint(add, function(point) { if (point) { startData = new BMap.Point(point .lng, point.lat); resolve() } }, "重庆市"); }) } if (i == 1) { var add = adds[1]; await new Promise((resolve, reject) => { myGeo.getPoint(add, function(point) { if (point) { endData = new BMap.Point(point.lng, point.lat); resolve() } }, "重庆市"); }) } }; var start = new BMap.Point(startData.lng, startData.lat); var end = new BMap.Point(endData.lng, endData.lat); var drivingRoute = new BMap.DrivingRoute(map, { renderOptions: { map: map, panel: "result1", autoViewport: true, enableDragging: true }, onSearchComplete: function(results) { if (drivingRoute.getStatus() == BMAP_STATUS_SUCCESS) { // 获取第一条方案 var plan = results.getPlan(0); // 获取方案的驾车线路 var route = plan.getRoute(0); // 获取每个关键步骤,并输出到页面 var s = []; for (var i = 0; i < route.getNumSteps(); i++) { var step = route.getStep(i); } } } }); map.clearOverlays(); drivingRoute.setPolicy(drivingRoutePolicy[0]); drivingRoute.search(start, end); }); // 选择其他方案 $("#zjxz>li").click(function() { const liIndex = $(this).index(); console.log(liIndex); var start = new BMap.Point(startData.lng, startData.lat); var end = new BMap.Point(endData.lng, endData.lat); var drivingRoute = new BMap.DrivingRoute(map, { renderOptions: { map: map, panel: "result1", autoViewport: true, enableDragging: true }, onSearchComplete: function(results) { if (drivingRoute.getStatus() == BMAP_STATUS_SUCCESS) { // 获取第一条方案 var plan = results.getPlan(0); // 获取方案的驾车线路 var route = plan.getRoute(0); // 获取每个关键步骤,并输出到页面 var s = []; for (var i = 0; i < route.getNumSteps(); i++) { var step = route.getStep(i); } } } }); map.clearOverlays(); drivingRoute.setPolicy(drivingRoutePolicy[liIndex]); drivingRoute.search(start, end); }) } }); $(document).on('click', '.but-bus', function() { $(this).siblings('.hide1').toggle(); $(this).parents('.title-first').siblings().find('.hide2').css('display', 'none'); $(this).parents('.title-first').siblings().find('.hide1').css('display', 'none'); $(this).siblings('.hide2').css('display', 'none'); $(this).siblings('.hide1').find('.inps').css('left', '0px'); $(this).siblings('.hide1').find('.inp-text').css('left', '220px'); $(this).siblings('.hide1').find('.imgSearch').css('right', '10px'); $(this).siblings('.hide1').find('.change-buts').css('left', '185px'); $(this).siblings('.hide2').find('.inpst').css('left', '0px'); $(this).siblings('.hide2').find('.inp-text2').css('left', '220px'); $(this).siblings('.hide2').find('.change-buts2').css('left', '185px'); $(this).siblings('.hide2').find('.imgSearch2').css('right', '10px'); $(this).addClass("xz-active").siblings("input").removeClass("xz-active"); $(this).parents(".title-first").siblings("ul").find(".change-but").children("input").removeClass("xz-active"); var hideBlue1 = $(this).siblings('.hide1').css('display'); if (hideBlue1 == 'none') { $(this).removeClass("xz-active"); } }); $(document).on('click', '.but-car', function() { $(this).siblings('.hide1').css('display', 'none'); $(this).siblings('.hide2').toggle(); $(this).parents('.title-first').siblings().find('.hide1').css('display', 'none'); $(this).parents('.title-first').siblings().find('.hide2').css('display', 'none'); $(this).siblings('.hide1').find('.inps').css('left', '0px'); $(this).siblings('.hide1').find('.inp-text').css('left', '220px'); $(this).siblings('.hide1').find('.imgSearch').css('right', '10px'); $(this).siblings('.hide1').find('.change-buts').css('left', '185px'); $(this).siblings('.hide2').find('.inpst').css('left', '0px'); $(this).siblings('.hide2').find('.inp-text2').css('left', '220px'); $(this).siblings('.hide2').find('.change-buts2').css('left', '185px'); $(this).siblings('.hide2').find('.imgSearch2').css('right', '10px'); $(this).addClass("xz-active").siblings("input").removeClass("xz-active"); $(this).parents(".title-first").siblings("ul").find(".change-but").children("input").removeClass("xz-active"); var hideBlue2 = $(this).siblings('.hide2').css('display'); if (hideBlue2 == 'none') { $(this).removeClass("xz-active"); } }); // 点击搜索的图标,显示 $('.inp-icon1').click(function() { map.clearOverlays(); var searchInp = $('.inp').val(); if (searchInp === "") { $('.show-first').css('display', 'block'); $('.show-second').css('display', 'none'); $('.show-third').css('display', 'none'); $('.show-fourth').css('display', 'none'); } else { $('.show-first').css('display', 'none'); $('.show-third').css('display', 'none'); $('.show-second').css('display', 'none'); $('.show-fourth').css('display', 'block'); } var options = { renderOptions: { map: map, panel: 'search-result' }, onSearchComplete: function(results) { console.log(results); } } var local = new BMap.LocalSearch(map, options); local.search(searchInp); }); // 当屏幕等于375px,将左上角的图片替换成小尺寸 // $(window).resize(function(e) { // if (e.target.innerWidth < '750') { // $('.logo-img').attr('src', 'img/map-logo2.png'); // $('.logo-img').css("width", "257px"); // } // if (e.target.innerWidth > '750') { // $('.logo-img').attr('src', 'img/map-logo2.png'); // $('.logo-img').css("width", "257px"); // } // if (e.target.innerWidth < '1366') { // $('.logo-img').attr('src', 'img/map-logo2.png'); // $('.logo-img').css("width", "257px"); // } // if (e.target.innerWidth > '1366') { // $('.logo-img').attr('src', 'img/map-logo.png'); // $('.logo-img').css("width", "446px"); // } // }); })