12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001100210031004100510061007100810091010101110121013101410151016101710181019102010211022102310241025102610271028102910301031103210331034103510361037103810391040104110421043104410451046104710481049105010511052105310541055105610571058105910601061106210631064106510661067106810691070107110721073107410751076107710781079108010811082108310841085108610871088108910901091109210931094109510961097109810991100110111021103110411051106110711081109111011111112111311141115111611171118111911201121112211231124112511261127112811291130113111321133113411351136113711381139114011411142114311441145114611471148114911501151115211531154115511561157115811591160116111621163116411651166116711681169117011711172117311741175117611771178117911801181118211831184118511861187118811891190119111921193119411951196119711981199120012011202120312041205120612071208120912101211121212131214121512161217121812191220122112221223122412251226122712281229123012311232123312341235123612371238123912401241124212431244124512461247124812491250125112521253125412551256125712581259126012611262126312641265126612671268126912701271127212731274127512761277127812791280128112821283128412851286128712881289129012911292129312941295129612971298129913001301130213031304130513061307130813091310131113121313131413151316131713181319132013211322132313241325132613271328132913301331133213331334133513361337133813391340134113421343134413451346134713481349135013511352135313541355135613571358135913601361136213631364136513661367136813691370137113721373137413751376137713781379138013811382138313841385138613871388138913901391139213931394139513961397139813991400140114021403140414051406140714081409141014111412141314141415141614171418141914201421142214231424142514261427142814291430143114321433143414351436143714381439144014411442144314441445144614471448144914501451145214531454145514561457145814591460146114621463146414651466146714681469147014711472147314741475147614771478147914801481148214831484148514861487148814891490149114921493149414951496149714981499150015011502150315041505150615071508150915101511151215131514151515161517151815191520152115221523152415251526152715281529153015311532153315341535153615371538153915401541154215431544154515461547154815491550155115521553155415551556155715581559156015611562156315641565156615671568156915701571157215731574157515761577157815791580158115821583158415851586158715881589159015911592159315941595159615971598159916001601160216031604160516061607160816091610161116121613161416151616161716181619162016211622162316241625162616271628162916301631163216331634163516361637163816391640164116421643164416451646164716481649165016511652165316541655165616571658165916601661166216631664166516661667166816691670167116721673167416751676167716781679168016811682168316841685168616871688168916901691169216931694169516961697169816991700170117021703170417051706170717081709171017111712171317141715171617171718171917201721172217231724172517261727172817291730173117321733173417351736173717381739174017411742174317441745174617471748174917501751175217531754175517561757175817591760176117621763176417651766176717681769177017711772177317741775177617771778177917801781178217831784178517861787178817891790179117921793179417951796179717981799180018011802180318041805180618071808180918101811181218131814181518161817181818191820182118221823182418251826182718281829183018311832183318341835183618371838183918401841184218431844184518461847184818491850185118521853185418551856185718581859186018611862186318641865186618671868186918701871187218731874187518761877187818791880188118821883188418851886188718881889189018911892189318941895189618971898189919001901190219031904190519061907190819091910191119121913191419151916191719181919192019211922192319241925192619271928192919301931193219331934193519361937193819391940194119421943194419451946194719481949195019511952195319541955195619571958195919601961196219631964196519661967196819691970197119721973197419751976197719781979198019811982198319841985198619871988198919901991199219931994199519961997199819992000200120022003200420052006200720082009201020112012201320142015201620172018201920202021202220232024202520262027202820292030203120322033203420352036203720382039204020412042204320442045204620472048204920502051205220532054205520562057205820592060206120622063206420652066206720682069207020712072207320742075207620772078207920802081208220832084208520862087208820892090209120922093209420952096209720982099210021012102210321042105210621072108210921102111 |
- 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_mobile.html";
- }
- $(function() {
- // 点击显示弹窗
- $(".flex_li").click(function() {
- var tabtext = $(this).text().replace(/\s+/g, '');
- if (tabtext == "政务公开") {
- $(".show-first").hide();
- $(".show-fifth").show();
- // bdGEO(jzadds);
- xxGEO(jzs);
- xrjz(jzs);
- localStorage.setItem("gjIndex","1");
- localStorage.setItem("gjImg","0");
- localStorage.setItem("zjImg","0");
- localStorage.setItem("zjIndex","0");
- }
- $(this).children(".pop").toggle();
- $(this).siblings().find(".pop").hide();
- });
- // 点击弹窗以外的区域隐藏弹窗
- $(document).on("click", function (e) {
- if (!$(e.target).is($(".img_tab img")) && !$(e.target).is($(".img_tab img")) && $(e.target).parent(".img_tab 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");
- }
- });
-
- // 百度地图API功能
- function G(id) {
- return document.getElementById(id);
- }
- var map = new BMap.Map('right-map'); // 创建Map实例
- map.centerAndZoom(new BMap.Point(106.563, 29.523), 14); // 初始化地图,设置中心点坐标和地图级别
- map.enableScrollWheelZoom(true); // 开启鼠标滚轮缩放
- // 区级部门与街镇解析地址批量解析开始
- var myGeo = new BMap.Geocoder();
- var xxs = [];
- var xx = [];
- var zx = [];
- var tsjy = [];
- var dx = [];
- var zyyx = [];
- var yey = [];
- var bmfwzx = [];
- var ggfwzx = [];
- var dqfwzx = [];
- let allArr = [];
- var bms = [];
- var jzs = [];
- var cyy = [];
- var byfwjg = [];
- var cwss = [];
- var sqwsfwz = [];
- var ejyljg = [];
- var ekzlfwjg = [];
- var kqbpsfczmz = [];
- var myghyfjzmz = [];
- var sjyljg = [];
- var sqwsfwjg = [];
- var zybzdjg = [];
- var gy = [];
- var tc = [];
- var gjIndex,gjImg;
- var res;
- var zjIndex,zjImg;
- // 接收json内所有数据
- var getAllJson = [];
- // 用来接收对比参数的数组
- var contrastArrey = [];
- var cycsbms =[]
- $.ajax({
- type: 'GET',
- url: './js/map.json',
- async: false,
- success: function(res) {
- for (let i = 0; i < res.xxs.length; i++) {
- xxs.push(res.xxs[i]);
- getAllJson.push(res.xxs[i]);
- contrastArrey.push(res.xxs[i]);
- if (xxs[i].type == "小学") {
- xx.push(xxs[i])
- }
- if (xxs[i].type == "中学" || xxs[i].specialtype == "中学") {
- zx.push(xxs[i])
- }
- if (xxs[i].type == "特殊教育学校") {
- tsjy.push(xxs[i])
- }
- allArr.push(res.xxs[i]);
- }
- for (let i = 0; i < res.dxs.length; i++) {
- dx.push(res.dxs[i]);
- allArr.push(res.dxs[i]);
- getAllJson.push(res.dxs[i]);
- contrastArrey.push(res.dxs[i]);
- }
- for (let i = 0; i < res.zyyxs.length; i++) {
- zyyx.push(res.zyyxs[i]);
- allArr.push(res.zyyxs[i]);
- getAllJson.push(res.zyyxs[i]);
- contrastArrey.push(res.zyyxs[i]);
- }
- for (let i = 0; i < res.yeys.length; i++) {
- yey.push(res.yeys[i])
- allArr.push(res.yeys[i]);
- getAllJson.push(res.yeys[i]);
- contrastArrey.push(res.yeys[i]);
- }
- for (let i = 0; i < res.bmfwzxs.length; i++) {
- bmfwzx.push(res.bmfwzxs[i])
- allArr.push(res.bmfwzxs[i]);
- getAllJson.push(res.bmfwzxs[i]);
- contrastArrey.push(res.bmfwzxs[i]);
- }
- for (let i = 0; i < res.ggfwzxs.length; i++) {
- ggfwzx.push(res.ggfwzxs[i])
- allArr.push(res.ggfwzxs[i]);
- getAllJson.push(res.ggfwzxs[i]);
- contrastArrey.push(res.ggfwzxs[i]);
- }
- for (let i = 0; i < res.dqfwzxs.length; i++) {
- dqfwzx.push(res.dqfwzxs[i])
- allArr.push(res.dqfwzxs[i]);
- getAllJson.push(res.dqfwzxs[i]);
- contrastArrey.push(res.dqfwzxs[i]);
- }
- for (let i = 0; i < res.bms.length; i++) {
- bms.push(res.bms[i])
- allArr.push(res.bms[i]);
- getAllJson.push(res.bms[i]);
- contrastArrey.push(res.bms[i]);
- }
- for (let i = 0; i < res.jzs.length; i++) {
- jzs.push(res.jzs[i])
- allArr.push(res.jzs[i]);
- getAllJson.push(res.jzs[i]);
- contrastArrey.push(res.jzs[i]);
- }
- for (let i = 0; i < res.cycsbms.length; i++) {
- cycsbms.push(res.cycsbms[i])
- allArr.push(res.cycsbms[i]);
- getAllJson.push(res.cycsbms[i]);
- contrastArrey.push(res.cycsbms[i]);
- }
- for (let i = 0; i < res.cyys.length; i++) {
- cyy.push(res.cyys[i])
- allArr.push(res.cyys[i]);
- getAllJson.push(res.cyys[i]);
- contrastArrey.push(res.cyys[i]);
- }
- for (let i = 0; i < res.byfwjgs.length; i++) {
- byfwjg.push(res.byfwjgs[i])
- allArr.push(res.byfwjgs[i]);
- getAllJson.push(res.byfwjgs[i]);
- contrastArrey.push(res.byfwjgs[i]);
- }
- for (let i = 0; i < res.cwsss.length; i++) {
- cwss.push(res.cwsss[i])
- allArr.push(res.cwsss[i]);
- getAllJson.push(res.cwsss[i]);
- contrastArrey.push(res.cwsss[i]);
- }
- for (let i = 0; i < res.sqwsfwzs.length; i++) {
- sqwsfwz.push(res.sqwsfwzs[i])
- allArr.push(res.sqwsfwzs[i]);
- getAllJson.push(res.sqwsfwzs[i]);
- contrastArrey.push(res.sqwsfwzs[i]);
- }
- for (let i = 0; i < res.ekzlfwjgs.length; i++) {
- ekzlfwjg.push(res.ekzlfwjgs[i])
- allArr.push(res.ekzlfwjgs[i]);
- getAllJson.push(res.ekzlfwjgs[i]);
- contrastArrey.push(res.ekzlfwjgs[i]);
- }
- for (let i = 0; i < res.kqbpsfczmzs.length; i++) {
- kqbpsfczmz.push(res.kqbpsfczmzs[i])
- allArr.push(res.kqbpsfczmzs[i]);
- getAllJson.push(res.kqbpsfczmzs[i]);
- contrastArrey.push(res.kqbpsfczmzs[i]);
- }
- for (let i = 0; i < res.myghyfjzmzs.length; i++) {
- myghyfjzmz.push(res.myghyfjzmzs[i])
- allArr.push(res.myghyfjzmzs[i]);
- getAllJson.push(res.myghyfjzmzs[i]);
- contrastArrey.push(res.myghyfjzmzs[i]);
- }
- for (let i = 0; i < res.ejyljgs.length; i++) {
- ejyljg.push(res.ejyljgs[i])
- allArr.push(res.ejyljgs[i]);
- getAllJson.push(res.ejyljgs[i]);
- contrastArrey.push(res.ejyljgs[i]);
- }
- for (let i = 0; i < res.sjyljgs.length; i++) {
- sjyljg.push(res.sjyljgs[i])
- allArr.push(res.sjyljgs[i]);
- getAllJson.push(res.sjyljgs[i]);
- contrastArrey.push(res.sjyljgs[i]);
- }
- for (let i = 0; i < res.sqwsfwjgs.length; i++) {
- sqwsfwjg.push(res.sqwsfwjgs[i])
- allArr.push(res.sqwsfwjgs[i]);
- getAllJson.push(res.sqwsfwjgs[i]);
- contrastArrey.push(res.sqwsfwjgs[i]);
- }
- for (let i = 0; i < res.zybzdjgs.length; i++) {
- zybzdjg.push(res.zybzdjgs[i])
- allArr.push(res.zybzdjgs[i]);
- getAllJson.push(res.zybzdjgs[i]);
- contrastArrey.push(res.zybzdjgs[i]);
- }
- for (let i = 0; i < res.gys.length; i++) {
- gy.push(res.gys[i])
- allArr.push(res.gys[i]);
- getAllJson.push(res.gys[i]);
- contrastArrey.push(res.gys[i]);
- }
- for (let i = 0; i < res.tcs.length; i++) {
- tc.push(res.tcs[i])
- allArr.push(res.tcs[i]);
- getAllJson.push(res.tcs[i]);
- contrastArrey.push(res.tcs[i]);
- }
- },
- error: function(err) {},
- });
- // 点击具体的街镇地图上单独设置地区
- $('.text-first p').click(function() {
- $(this).addClass('tab');
- $(this).siblings().removeClass('tab');
- const jztext = $(this).text();
- let addDataJz = [];
- jzs.map(function(item, index) {
- addDataJz.push(Object.assign({},item,{clickIndex: 1}))
- });
- let silgleJz = addDataJz.filter(function(i){
- return i.dep==jztext
- });
- xxGEO(silgleJz);
- xrjz(silgleJz);
- });
-
- $('.mapnav').click(function() {
- $(this).addClass("choice");
- $(this).parent("li").siblings().children(".mapnav").removeClass("choice");
- $("#gj-one").val();
- $("#gj-two").val();
- $("#zj-one").val();
- $("#zj-two").val();
- $(".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");
- $(this).parents('.flex_li').find('.flex_text').css('color','#2775CC');
- $(this).parents('.flex_li').siblings().children('.img_tab').find('.flex_text').css('color','#333333');
- var xxtx = $(this).text();
- if (xxtx == "小学") {
- xxGEO(xx);
- xrxx(xx);
- }else if(xxtx == "中学") {
- xxGEO(zx);
- xrxx(zx);
- }else if(xxtx == "特殊教育学校") {
- xxGEO(tsjy);
- xrxx(tsjy);
- }else if(xxtx == "高等院校") {
- xxGEO(dx);
- xrxx(dx);
- }else if(xxtx == "职业教育学校") {
- xxGEO(zyyx);
- xrxx(zyyx);
- }else if(xxtx == "幼儿园") {
- xxGEO(yey);
- xrxx(yey);
- }else if(xxtx == "公共服务中心") {
- xxGEO(ggfwzx);
- xrxx(ggfwzx);
- }else if(xxtx == "村(社区)便民服务中心") {
- xxGEO(bmfwzx);
- xrxx(bmfwzx);
- }else if(xxtx == "党群服务中心") {
- xxGEO(dqfwzx);
- xrxx(dqfwzx);
- }else if(xxtx == "殡仪服务机构") {
- xxGEO(byfwjg);
- xrxx(byfwjg);
- }else if(xxtx == "村卫生室") {
- xxGEO(cwss);
- xrxx(cwss);
- }else if(xxtx == "社区卫生服务站"){
- xxGEO(sqwsfwz);
- xrxx(sqwsfwz);
- }else if(xxtx == "儿科诊疗服务机构"){
- xxGEO(ekzlfwjg);
- xrxx(ekzlfwjg);
- }else if(xxtx == "狂犬病、破伤风处置门诊"){
- xxGEO(kqbpsfczmz);
- xrxx(kqbpsfczmz);
- }else if(xxtx == "免疫规划预防接种门诊"){
- xxGEO(myghyfjzmz);
- xrxx(myghyfjzmz);
- }else if(xxtx == "二级医疗机构"){
- xxGEO(ejyljg);
- xrxx(ejyljg);
- }else if(xxtx == "三级医疗机构"){
- xxGEO(sjyljg);
- xrxx(sjyljg);
- }else if(xxtx == "社区卫生服务机构"){
- xxGEO(sqwsfwjg);
- xrxx(sqwsfwjg);
- }else if(xxtx == "职业病诊断机构"){
- xxGEO(zybzdjg);
- xrxx(zybzdjg);
- }else if(xxtx == "公园"){
- xxGEO(gy);
- xrxx(gy);
- }
- });
- $('.flex_li').click(function(){
- $('#gj-one').val();
- $('#gj-two').val();
- $('#zj-one').val();
- $('#zj-two').val();
- var cyytx = $(this).find('.flex_text').text();
- if (cyytx == '产业园') {
- $(this).find('.flex_text').css('color','rgb(39, 117, 204)').parents('.flex_li').siblings().children('.img_tab').find('.flex_text').attr('style','');
- xxGEO(cyy);
- xrxx(cyy);
- }else if (cyytx == '停车') {
- $(this).find('.flex_text').css('color','rgb(39, 117, 204)').parents('.flex_li').siblings().children('.img_tab').find('.flex_text').attr('style','');
- xxGEO(tc);
- xrxx(tc);
- }
- })
- // 点击列表中的一条,重置地图中心点
- $(document).on('click', '.title-first', function() {
- var add_text = $(this).find('.jzdz').text();
- let cilckList = [];
- allArr.map(function(item, index) {
- cilckList.push(Object.assign({},item,{clickIndex: 1}))
- });
- let getClick = cilckList.filter(item => {
- return item.address == add_text
- });
- xxGEO(getClick);
- addGEO(getClick);
- });
- // 将json数据渲染到地图
- function xxGEO(arr) {
- map.clearOverlays();
- var addFirst;
- for (var z = 0; z < arr.length; z++) {
- var add = arr[z].address;
- const tempAdd = add;
- myGeo.getPoint(tempAdd, function(point) {
- if (point) {
- var address = new BMap.Point(point.lng, point.lat);
- addFirst = address;
- for (var index = 0; index < arr.length; index++) {
- var arrdep = arr[index].dep;
- var 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 arrIndex = arr[index].clickIndex;
- var arrUrl = arr[index].url;
- var sContnet = ''
- sContnet += "<ul class='titleFirst'>"
- sContnet += "<li class='title_flex' title='"+arrdep+"'>"
- sContnet += arrdep
- if (arrtype == "" || arrtype == undefined) {
- sContnet += ''
- } else {
- if (arrspecial == "中学") {
- sContnet += "<p class='flex_blue'>· "
- if (arrtype == "中学"){
- sContnet += ''
- } else {
- sContnet += arrtype
- }
- sContnet += "</p>"
- sContnet += "<p class='flex_blue'>· "
- sContnet += arrspecial
- sContnet += "</p>"
- } else {
- sContnet += "<p class='flex_blue'>· "
- sContnet += arrtype
- sContnet += "</p>"
- }
- sContnet += "</li>"
- }
- if (arrtag == "" || arrtag == undefined) {
- sContnet += ""
- } else {
- sContnet += "<li class='flex_orange'>"
- sContnet += "<div class='three_tag'>"
- sContnet += arrtag
- if (arrtag2 == undefined) {
- sContnet += "</div>"
- } else {
- sContnet += "</div>"
- sContnet += "<div class='three_tag'>"
- sContnet += arrtag2
- sContnet += "</div>"
- }
- if (arrtag3 == undefined) {
- sContnet += "</li>"
- } else {
- sContnet += "<div class='three_tag'>"
- sContnet += arrtag3
- sContnet += "</div>"
- sContnet += "</li>"
- }
- }
- if (arrcontent == "") {
- sContnet += ''
- } else if (arrcontent == undefined) {
- sContnet += ''
- } else {
- sContnet += "<li>"
- sContnet += "<a class='a_blue'>"
- sContnet += "<p class='content_p'>"
- sContnet += arrcontent
- sContnet += "</p>"
- sContnet += "</a>"
- }
- sContnet += "</li>"
- if (arrimg == "") {
- sContnet += ''
- } else if (arrimg == undefined) {
- sContnet += ''
- } else {
- sContnet += "<li class='img_box'>"
- sContnet += "<img class='two_img' src='" + arrimg + "'>"
- sContnet += "</li>"
- }
- sContnet += "<li class='address_box'>"
- sContnet += "<p><span class='flex_address'>地址:</span>"
- sContnet += arraddre
- sContnet += "</p>"
- if (arrtime == "" || arrtime == undefined) {
- sContnet += ''
- } else {
- sContnet += "<p><span class='flex_address'>办公时间:</span>"
- sContnet += arrtime
- sContnet += "</p>"
- }
- if (arrtel == '' || arrtel == undefined){
- sContnet += ''
- } else {
- sContnet += "<p><span class='flex_address'>办公电话:</span>"
- sContnet += arrtel
- sContnet += "</p>"
- }
- if (arrUrl == undefined) {
- sContnet += ''
- } else {
- sContnet += "<a href='http://"+arrUrl+"' target='_blank' style='color: #2775CC;text-decoration:underline;'>预约祭扫</a>"
- }
- sContnet += "</li>"
- sContnet += "<li class='btn_box'>"
- sContnet += "<button class='one_bus'>公交</button>"
- sContnet += "<button class='two_car'>自驾</button>"
- sContnet += "</li>"
- sContnet += "</ul>";
- if (tempAdd == arraddre) {
- addMarker(arrIndex, index, address, new BMap.InfoWindow(sContnet, arraddre));
- }
- document.querySelectorAll(".two_img").onload = function() {
- infoWindow.redraw();
- }
- }
- }
- }, "重庆市");
- }
- };
- function addGEO(arr){
- var addToFirst;
- $.each(arr,function(z){
- const tempaddress = arr[z].address;
- myGeo.getPoint(tempaddress, function(point) {
- if(point){
- addToFirst = new BMap.Point(point.lng, point.lat);
- }
- }, "重庆市");
- });
- setTimeout(function() {
- map.setCenter(addToFirst);
- },100);
- }
- // "<li class='change-but'>" +
- // "<input type='button' name='' id='' value='公交' class='but-bus' />" +
- // "<input type='button' name='' id='' value='自驾' class='but-car' />" +
- // "<div class='hide1'>" +
- // "<input type='text' name='' value='' placeholder='请输入地址' class='inps' />" +
- // "<div class='inp-text'>此位置</div>" +
- // "<div class='change-buts'></div>" +
- // "<img src='img/ss2.png' class='imgSearch'>" +
- // "</div>" +
- // "<div class='hide2'>" +
- // "<input type='text' name='' value='' placeholder='请输入地址' class='inpst' />" +
- // "<img src='img/ss2.png' class='imgSearch2'>" +
- // "<div class='inp-text2'>此位置</div>" +
- // "<div class='change-buts2'></div>" +
- // "</div>" +
- // "</li>" +
- // 街镇列表的循环渲染
- function xrjz(arrey) {
- var html = '';
- var sum = 0;
- for (var item = 0; item < arrey.length; item++) {
- var dep = arrey[item].dep;
- var tel = arrey[item].tel;
- var address = arrey[item].address;
- sum += 1;
- html += "<ul class='title-first'>"
- html += "<li title='"+dep+"'>"
- html += "<span>" + sum + "." + "</span>" + dep + "</li>"
- html += "<li>"
- if (tel == ''){
- html += ''
- } else {
- html += "<p>" + "电话:" + tel + "</p>"
- }
- html += "<div class='differentdz'>" + "地址:" + "<p class='jzdz' title='"+address+"'>" + address + "</p>" + "</div>"
- html += "</li>"
- html += "</ul>"
- };
- $('.show-fifth .text-second').empty().append(html);
- $('.text-third').empty().append(
- "共" +
- "<span>" + sum + "</span>" +
- "条记录"
- );
- $('.districtLevel').empty().append(html);
- $('.textThird').empty().append(
- "共" +
- "<span>" + sum + "</span>" +
- "条记录"
- );
- }
- // "<li class='change-but'>" +
- // "<input type='button' name='' id='' value='公交' class='but-bus' />" +
- // "<input type='button' name='' id='' value='自驾' class='but-car' />" +
- // "<div class='hide1'>" +
- // "<input type='text' name='' value='' placeholder='请输入地址' class='inps' />" +
- // "<div class='inp-text'>此位置</div>" +
- // "<div class='change-buts'></div>" +
- // "<img src='img/ss2.png' class='imgSearch'>" +
- // "</div>" +
- // "<div class='hide2'>" +
- // "<input type='text' name='' value='' placeholder='请输入地址' class='inpst' />" +
- // "<img src='img/ss2.png' class='imgSearch2'>" +
- // "<div class='inp-text2'>此位置</div>" +
- // "<div class='change-buts2'></div>" +
- // "</div>" +
- // "</li>" +
- // 渲染政务公开以外的列表
- function xrxx(arr) {
- var html = ''
- html += "<div class='hide_list'>点击收起</div>"
- for (var item = 0; item < arr.length; item++) {
- var jzdep = arr[item].dep;
- var jzdhs = arr[item].tel;
- var jzdzs = arr[item].address;
- var sum = 1;
- sum += item;
- html += "<ul class='title-first'>"
- html += "<li title='"+jzdep+"'>"
- html += "<span>" + sum + "." + "</span>" + jzdep + "</li>"
- html += "<li>"
- if (jzdhs == '' || jzdhs == undefined){
- html += ''
- } else {
- html += "<p>" + "电话:" + jzdhs + "</p>"
- }
- html += "<div class='differentdz'>" + "地址:" + "<p class='jzdz' title='"+jzdzs+"'>" + jzdzs + "</p>" + "</div>"
- html += "</li>"
- html += "</ul>"
- };
- $('.show-first .text-second').empty().append(html);
-
- }
- // 实现列表的收起和展开
- $(document).on("click", ".hide_list", function() {
- $(".title-first").toggle();
- });
- // "<li class='change-but'>" +
- // "<input type='button' name='' id='' value='公交' class='but-bus' />" +
- // "<input type='button' name='' id='' value='自驾' class='but-car' />" +
- // "<div class='hide1'>" +
- // "<input type='text' name='' value='' placeholder='请输入地址' class='inps' />" +
- // "<div class='inp-text'>此位置</div>" +
- // "<div class='change-buts'></div>" +
- // "<img src='img/ss2.png' class='imgSearch'>" +
- // "</div>" +
- // "<div class='hide2'>" +
- // "<input type='text' name='' value='' placeholder='请输入地址' class='inpst' />" +
- // "<img src='img/ss2.png' class='imgSearch2'>" +
- // "<div class='inp-text2'>此位置</div>" +
- // "<div class='change-buts2'></div>" +
- // "</div>" +
- // "</li>" +
-
- // 渲染查阅场所列表
- function cycsone(cycsbms) {
- var html3 = ''
- for (var index = 0; index < cycsbms.length; index++) {
- var bmdep = cycsbms[index].dep;
- var bmdhs = cycsbms[index].tel;
- var bmdzs = cycsbms[index].address;
- var num = 1;
- num += index;
- html3 += "<ul class='title-first textFirst'>"
- html3 += "<li>"
- html3 += "<span>" + num + "." + "</span>" + bmdep + "</li>"
- html3 += "<li>"
- if (bmdhs == ''){
- html3 += ''
- } else {
- html3 += "<p>" + "电话:" + bmdhs + "</p>"
- }
- html3 += "<div class='differentdz'>" + "地址:" + "<p class='jzdz'>" + bmdzs + "</p>" + "</div>"
- html3 += "</li>"
- html3 += "</ul>"
- };
- $('.districtLevel2').empty().append(html3);
- $('.textThird2').empty().append(
- "共" +
- "<span>" + num + "</span>" +
- "条记录"
- );
- $(".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 cycsGEO(cycsbms){
- map.clearOverlays();
- for (var i = 0; i < cycsbms.length; i++) {
- const temdep = cycsbms[i].dep;
- const temtel = cycsbms[i].tel;
- const temadd = cycsbms[i].address;
- const temIndex = cycsbms[i].clickIndex;
- myGeo.getPoint(temadd, function(point) {
- if (point) {
- var address = new BMap.Point(point.lng, point.lat);
- var sContnet =
- "<ul class='titleFirstJZ'>" +
- "<li>" + temdep + "</li>" +
- "<li>" +
- "<p><span>电话:</span>" + temtel + "</p>" +
- "<p><span>地址:</span>" + temadd + "</p>" +
- "<p><span>办公时间:</span>9:00-11:30,14:00-17:00(周一至周五,节假日除外)</p>" +
- "</li>" +
- "</ul>";
- addMarker(temIndex, 0, address, new BMap.InfoWindow(sContnet, temadd));
- }
- }, "重庆市");
- }
- };
- function addMarker(getIndex, index, point, infoWindow) {
- var myIcon = new BMap.Icon("./img/location.png", new BMap.Size(40, 40));
- var marker = new BMap.Marker(point, {
- icon: myIcon
- });
- map.addOverlay(marker);
- if (getIndex) {
- marker.openInfoWindow(infoWindow);
- $(".one_bus").click(async function () {
- var _this = this;
- await new Promise(function (resolve, reject) {
- busClickEvent(_this);
- resolve();
- });
- });
- $(".two_car").click(async function () {
- var _this = this;
- await new Promise(function (resolve, reject) {
- drivingClickEvent(_this);
- resolve();
- });
- });
- }
- marker.addEventListener("click", function() {
- map.openInfoWindow(infoWindow, point); //开启信息窗口
- });
- infoWindow.addEventListener("open", function () {
- $(".one_bus").click(async function () {
- var that = this;
- await new Promise(function (resolve, reject) {
- busClickEvent(that);
- resolve();
- });
- });
- $(".two_car").click(async function () {
- var that = this;
- await new Promise(function (resolve, reject) {
- drivingClickEvent(that);
- resolve();
- });
- });
- });
- }
- // 封装点击公交点击获取的值的部分
- function busClickEvent(that){
- var address_text = $(that).parent(".btn_box").siblings(".address_box").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(2)").addClass("layui-show").siblings().removeClass("layui-show");
- $(".search-change li:nth-child(2)").addClass("layui-this").siblings().removeClass("layui-this");
- }
- // 封装点击自驾点击获取的值的部分
- function drivingClickEvent(that){
- var address_text_zj = $(that).parent(".btn_box").siblings(".address_box").children("p:nth-child(1)").text();
- var discript_text_zj = address_text_zj.split(":")[1];
- $("#zj-two").val(discript_text_zj);
- $(".content-input .layui-tab-item:nth-child(3)").addClass("layui-show").siblings().removeClass("layui-show");
- $(".search-change li:nth-child(3)").addClass("layui-this").siblings().removeClass("layui-this");
- }
- // 公交和自驾的选择
- $('.search-change li').click(function(){
- const textGJZJ = $(this).text();
- var startGJ = $('#gj-one').val();
- var endGJ = $('#gj-two').val();
- var startZJ = $("#zj-one").val();
- var endZJ = $("#zj-two").val();
- var gjLine = JSON.parse(localStorage.getItem("gjLine"));
- var zjLine = JSON.parse(localStorage.getItem("zjLine"));
- var gjIndex = localStorage.getItem("gjIndex");
- var zjIndex = localStorage.getItem("zjIndex");
- if (textGJZJ == '公交'){
- if (startZJ == '' || endZJ == ''){
- $('.show-first').show().siblings().hide();
- // console.log(1111);
- $('#gj-one').val(startZJ);
- $('#gj-two').val(endZJ);
- } else if (zjIndex == 1){
- // console.log(2222);
- resultBusLine(startZJ,endZJ);
- $('#gj-one').val(startZJ);
- $('#gj-two').val(endZJ);
- localStorage.setItem("gjIndex",1);
- localStorage.setItem("zjIndex",0);
- } else if (startZJ == zjLine[0] && endZJ == zjLine[1]){
- // console.log(3333);
- busResultContLine();
- $('.show-second').show().siblings('.show-third').hide();
- $('.show-second').find('.content-second').show().siblings('.content-third').show().children('#result').show();
- $('#start').text(zjLine[0]).siblings('#end').text(zjLine[1]);
- $('#gj-one').val(zjLine[0]);
- $('#gj-two').val(zjLine[1]);
- localStorage.setItem("gjIndex",2);
- localStorage.setItem("zjIndex",0);
- } else if ((startZJ != zjLine[0] || endZJ != zjLine[1]) && (startZJ != '' && endZJ != '')){
- // console.log(4444);
- resultBusLine(startZJ,endZJ);
- $('#gj-one').val(zjLine[0]);
- $('#gj-two').val(zjLine[1]);
- localStorage.setItem("gjIndex",1);
- localStorage.setItem("zjIndex",0);
- }
- }
- if (textGJZJ == '自驾'){
- if (startGJ == '' || endGJ == ''){
- $('.show-first').show().siblings().hide();
- // console.log(5555);
- $("#zj-one").val(startGJ);
- $("#zj-two").val(endGJ);
- } else if (gjIndex == 1){
- // console.log(6666);
- resultDrivingLine(startGJ,endGJ);
- $("#zj-one").val(startGJ);
- $("#zj-two").val(endGJ);
- localStorage.setItem("zjIndex",1);
- localStorage.setItem("gjIndex",0);
- } else if (startGJ == gjLine[0] && endGJ == gjLine[1]){
- // console.log(7777);
- drivingResultContLine();
- $('.show-third').show().siblings('.show-second').hide();
- $('.show-third').find('.content-second').show().siblings('.content-third').show().children('#result1').show();
- $('#start2').text(gjLine[0]).siblings('#end2').text(gjLine[1]);
- $("#zj-one").val(gjLine[0]);
- $("#zj-two").val(gjLine[1]);
- localStorage.setItem("zjIndex",2);
- localStorage.setItem("gjIndex",0);
- } else if ((startGJ != gjLine[0] || endGJ != gjLine[1]) && (startGJ != '' && endGJ != '')){
- // console.log(8888);
- resultDrivingLine(startGJ,endGJ);
- $("#zj-one").val(gjLine[0]);
- $("#zj-two").val(gjLine[1]);
- localStorage.setItem("zjIndex",1);
- localStorage.setItem("gjIndex",0);
- }
- }
- })
- // 政务公开的公交的起末位置封装成函数
- 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;
- }
- };
- // 头部的公交输入框中的始末地点值切换
- $('#change-word').click(function() {
- let start = $('#gj-one').val();
- let end = $('#gj-two').val();
- $('#gj-one').val(end);
- $('#gj-two').val(start);
- });
- var obj = JSON.stringify(['','']);
- localStorage.setItem("gjLine",obj);
- // 点击头部的公交的搜索按钮在左边出现结果
- $('.inp-icon2').click(function() {
- var startGJ = $("#gj-one").val();
- var endGJ = $("#gj-two").val();
- var gjLine = JSON.parse(localStorage.getItem("gjLine"));
- if (startGJ == '' || endGJ == '') {
- $('.show-first').show().siblings().hide();
- layer.msg('请输入起点或终点!');
- } else if(startGJ != gjLine[0] || endGJ != gjLine[1]){
- map.clearOverlays();
- resultBusLine(startGJ,endGJ);
- $("#zj-one").val(startGJ);
- $("#zj-two").val(endGJ);
- startGJ = '';
- endGJ = '';
- } else if(startGJ == gjLine[0] && endGJ == gjLine[1]){
- return;
- } else {
- map.clearOverlays();
- resultBusLine(startGJ,endGJ);
- $("#zj-one").val(startGJ);
- $("#zj-two").val(endGJ);
- startGJ = '';
- endGJ = '';
- }
- });
- $('#gj-one').bind('keyup',function(event) {
- if(event.keyCode==13){
- var startGJ = $("#gj-one").val();
- var gjLine = JSON.parse(localStorage.getItem("gjLine"));
- if (startGJ == '') {
- map.clearOverlays();
- $('.show-first').show().siblings().hide();
- layer.msg('请输入起点!');
- } else {
- map.clearOverlays();
- $('#gj-two').focus();
- startGJ = '';
- endGJ = '';
- }
- }
- });
- $('#gj-two').bind('keyup',function(event) {
- if(event.keyCode==13){
- var startGJ = $("#gj-one").val();
- var endGJ = $("#gj-two").val();
- var gjLine = JSON.parse(localStorage.getItem("gjLine"));
- if (startGJ == '') {
- map.clearOverlays();
- $('.show-first').show().siblings().hide();
- layer.msg('请输入起点!');
- } else if(endGJ == '') {
- map.clearOverlays();
- $('.show-first').show().siblings().hide();
- layer.msg('请输入终点!');
- } else if(startGJ != gjLine[0] || endGJ != gjLine[1]){
- map.clearOverlays();
- resultBusLine(startGJ,endGJ);
- $("#zj-one").val(startGJ);
- $("#zj-two").val(endGJ);
- startGJ = '';
- endGJ = '';
- } else if(startGJ == gjLine[0] && endGJ == gjLine[1]){
- return;
- } else {
- map.clearOverlays();
- resultBusLine(startGJ,endGJ);
- $("#zj-one").val(startGJ);
- $("#zj-two").val(endGJ);
- startGJ = '';
- endGJ = '';
- }
- }
- });
- // 点击政务公开的公交搜索按钮显示公交路径选择页面
- // $(document).on('click', '.imgSearch', function() {
- // map.clearOverlays();
- // var _that = $(this);
- // res = seBus(_that);
- // localStorage.setItem("gjImg","2");
- // localStorage.setItem("gjIndex","0");
- // localStorage.setItem("zjImg","0");
- // localStorage.setItem("zjIndex","0");
- // resultBusLine(res[0],res[1]);
- // res = JSON.stringify(res);
- // localStorage.setItem("gjLine",res);
- // });
- // 封装公交路线规划的函数,曹莉说的,有明确地址,就不作为选择点
- function resultBusLine(startZD,endZD){
- var startPoint,endPoint,startText,endText,startAddress,endAddress,startData,endData;
- $('.show-second').show().siblings().hide();
- $('.show-second .content-second').hide().siblings('.content-third').hide();
- $('.zjboxpanel').show();
- $('.boxpanel').hide();
- let GJstart = [];
- let GJend = [];
- GJstart = allArr.filter(function(i){
- return i.address == startZD
- });
- GJend = allArr.filter(function(i){
- return i.address == endZD
- });
- if (GJstart.length == 0 && GJend.length == 0){
- $('#startbus').removeAttr('style').siblings().removeAttr('style');
- localStorage.setItem("gjIndex","1");
- localStorage.setItem("gjImg","0");
- localStorage.setItem("zjImg","0");
- localStorage.setItem("zjIndex","0");
- startLocation(startZD);
- endLocation(endZD);
- $('#start').text(startZD);
- $('#gj-one').val(startZD);
- $('#end').text(endZD);
- $('#gj-two').val(endZD);
- $(document).off("click").on('click','.openstartinfo',function(){
- $('.zjboxpanel').show().siblings('.content-second').hide().siblings('.content-third').hide();
- $('#result').hide();
- map.clearOverlays();
- startPoint = new BMap.Point($(this).data("lng"), $(this).data("lat"));
- startText = $(this).data("text");
- startAddress = $(this).data("add");
- map.addOverlay(new BMap.Marker(startPoint));
- map.setCenter(startPoint);
- $(this).find('p').addClass('change_text_color').parents('li').siblings().find('p').removeClass('change_text_color');
- });
- $(document).on('mouseover','.openstartinfo',function(){
- $(this).children('.startChoice').removeClass('hideEnd');
- });
- $(document).on('mouseleave','.openstartinfo',function(){
- $(this).children('.startChoice').addClass('hideEnd');
- });
- $(document).on('click','.openendinfo',function(){
- if (startPoint == null) {
- layer.msg("请先选择起点!");
- } else {
- 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-second').show().siblings('.content-third').show();
- $('.zjboxpanel').hide();
- $('#start').text(startText);
- $('#end').text(endText);
- $('#gj-one').val(startText);
- $('#gj-two').val(endText);
- $('#result').show();
- gjIndex = localStorage.getItem("gjIndex");
- if (gjIndex == 1) {
- localStorage.setItem("gjIndex","2");
- localStorage.setItem("gjImg","0");
- localStorage.setItem("zjImg","0");
- localStorage.setItem("zjIndex","0");
- }
- var res =JSON.stringify([startText,endText]);
- localStorage.setItem("gjLine",res);
- var resPoint =JSON.stringify([startPoint,endPoint]);
- localStorage.setItem("Point",resPoint);
- var result =JSON.stringify([startText,endText]);
- localStorage.setItem("zjLine",result);
- busResultContLine();
- startZD = '';
- endZD = '';
- }
- });
- $(document).on('mouseover','.openendinfo',function(){
- $(this).children('.endChoice').removeClass('hideEnd');
- });
- $(document).on('mouseleave','.openendinfo',function(){
- $(this).children('.endChoice').addClass('hideEnd');
- });
- } else if(GJstart.length>0) {
- localStorage.setItem("gjImg","2");
- localStorage.setItem("gjIndex","0");
- localStorage.setItem("zjImg","0");
- localStorage.setItem("zjIndex","0");
- $(this).find('p').addClass('change_text_color').parents('li').siblings().find('p').removeClass('change_text_color');
- $('.show-second').show().siblings().hide();
- $('.show-second .content-second').hide();
- $('.show-second .content-third').hide();
- $('.zjboxpanel').show();
- $('#startbus').hide();
- $('#busstartPanel').hide();
- $('#busstartPanel').empty();
- $('#endBus').show();
- $('#busendPanel').show();
- endLocation(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-second').show();
- $('.show-second .content-third').show();
- $('.zjboxpanel').hide();
- $('#start').text(startZD);
- $('#gj-one').val(startZD);
- $('#end').text(endText);
- $('#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);
- gjImg = localStorage.getItem("gjImg");
- if (gjImg == 2) {
- localStorage.setItem("gjIndex","0");
- localStorage.setItem("gjImg","3");
- localStorage.setItem("zjImg","0");
- localStorage.setItem("zjIndex","0");
- }
- var res =JSON.stringify([startZD,endText]);
- localStorage.setItem("gjLine",res);
- var resPoint =JSON.stringify([start,endPoint]);
- localStorage.setItem("Point",resPoint);
- var result =JSON.stringify([startZD,endText]);
- localStorage.setItem("zjLine",result);
- busResultContLine();
- startZD = '';
- endText = '';
- endZD = '';
- });
- $(document).on('mouseover','.openendinfo',function(){
- $(this).children('.endChoice').removeClass('hideEnd');
- });
- $(document).on('mouseleave','.openendinfo',function(){
- $(this).children('.endChoice').addClass('hideEnd');
- });
- } else if(GJend.length>0) {
- localStorage.setItem("gjImg","2");
- localStorage.setItem("gjIndex","0");
- localStorage.setItem("zjImg","0");
- localStorage.setItem("zjIndex","0");
- $(this).find('p').addClass('change_text_color').parents('li').siblings().find('p').removeClass('change_text_color');
- $('.show-second .content-second').hide();
- $('.show-second .content-third').hide();
- $('.zjboxpanel').show();
- $('#endBus').hide();
- $('#busendPanel').hide();
- $('#busendPanel').empty();
- $('#startbus').show();
- $('#busstartPanel').show();
- startLocation(startZD);
- $(document).off("click").on('click','.openstartinfo',async function(){
- $('.zjboxpanel').hide();
- $('.show-second .content-second').show();
- $('.show-second .content-third').show();
- $('#result').show();
- map.clearOverlays();
- startPoint = new BMap.Point($(this).data("lng"), $(this).data("lat"));
- startText = $(this).data("text");
- startAddress = $(this).data("add");
- map.addOverlay(new BMap.Marker(startPoint));
- map.setCenter(startPoint);
- $('#end').text(endZD);
- $('#gj-two').val(endZD);
- $(this).find('p').addClass('change_text_color').parents('li').siblings().find('p').removeClass('change_text_color');
- $('#start').text(startText);
- $('#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);
- gjImg = localStorage.getItem("gjImg");
- if (gjImg == 2) {
- localStorage.setItem("gjIndex","0");
- localStorage.setItem("gjImg","3");
- localStorage.setItem("zjImg","0");
- localStorage.setItem("zjIndex","0");
- }
- var res =JSON.stringify([startText,endZD]);
- localStorage.setItem("gjLine",res);
- var resPoint =JSON.stringify([startPoint,end]);
- localStorage.setItem("Point",resPoint);
- var result =JSON.stringify([startText,endZD]);
- localStorage.setItem("zjLine",result);
- busResultContLine();
- startZD = '';
- startText = '';
- endZD = '';
- });
- $(document).on('mouseover','.openstartinfo',function(){
- $(this).children('.startChoice').removeClass('hideEnd');
- });
- $(document).on('mouseleave','.openstartinfo',function(){
- $(this).children('.startChoice').addClass('hideEnd');
- });
- }
- // 封装起点的地址选择
- function startLocation(startZD){
- var startResults = null;
- var startOption = {
- onSearchComplete: function(results){
- // 判断状态是否正确
- if (startSearch.getStatus() == BMAP_STATUS_SUCCESS) {
- startResults = results;
- var openStartInfoHtml = '';
- for (var i = 0; i < results.getCurrentNumPois(); i++) {
- var startcount = i+1;
- openStartInfoHtml += "<li data-add='"+results.getPoi(i).address+"' data-text='"+results.getPoi(i).title+"' data-lng='"+results.getPoi(i).point.lng+"' data-lat='"+results.getPoi(i).point.lat+"' class='openstartinfo'>"
- openStartInfoHtml += "<div class='warp_choice'>"
- openStartInfoHtml += "<span>"+startcount+".</span>"
- openStartInfoHtml += "<p>"
- openStartInfoHtml += results.getPoi(i).title
- openStartInfoHtml += "</p>"
- openStartInfoHtml += "</div>"
- openStartInfoHtml += "<p>地址:"
- if (results.getPoi(i).address == undefined) {
- openStartInfoHtml += results.getPoi(i).title
- } else {
- openStartInfoHtml += results.getPoi(i).address
- }
- openStartInfoHtml += "</p></div>"
- openStartInfoHtml += "<a href='#endBus' class='startChoice hideEnd'>选为起点</a>"
- openStartInfoHtml += "</li>"
- }
- $("#busstartPanel").empty().append(openStartInfoHtml);
- } else {
- startResults = null;
- }
- }
- };
- var startSearch = new BMap.LocalSearch(map, startOption);
- startSearch.search(startZD);
- }
- // 封装终点的地址选择
- function endLocation(endZD){
- var endResults = null;
- var endOption = {
- onSearchComplete: function(results){
- // 判断状态是否正确
- if (endSearch.getStatus() == BMAP_STATUS_SUCCESS) {
- endResults = results;
- var openEndInfoHtml = '';
- for (var i = 0; i < results.getCurrentNumPois(); i++) {
- var endcount = i+1;
- openEndInfoHtml += "<li data-add='"+results.getPoi(i).address+"' data-text='"+results.getPoi(i).title+"' data-lng='"+results.getPoi(i).point.lng+"' data-lat='"+results.getPoi(i).point.lat+"' class='openendinfo'>"
- openEndInfoHtml += "<div class='warp_choice'>"
- openEndInfoHtml += "<span>"+endcount+".</span>"
- openEndInfoHtml += "<p>"
- openEndInfoHtml += results.getPoi(i).title
- openEndInfoHtml += "</p>"
- openEndInfoHtml += "</div>"
- openEndInfoHtml += "<p>地址:"
- if (results.getPoi(i).address == undefined) {
- openEndInfoHtml += results.getPoi(i).title
- } else {
- openEndInfoHtml += results.getPoi(i).address
- }
- openEndInfoHtml += "</p></div>"
- openEndInfoHtml += "<button class='endChoice hideEnd'>选为终点</button>"
- openEndInfoHtml += "</li>"
- }
- $("#busendPanel").empty().append(openEndInfoHtml);
- } else {
- endResults = null;
- }
- }
- };
- var endSearch = new BMap.LocalSearch(map, endOption);
- endSearch.search(endZD);
- }
- }
- // 点击公交的出现结果部分的路径选择查看具体路径
- $('.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');
- }
- });
- // 政务公开的自驾的起末位置封装成函数
- 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;
- }
- };
- var object = JSON.stringify(['','']);
- localStorage.setItem("zjLine",object);
- // 头部的自驾输入框中的始末地点值切换
- $('#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() {
- localStorage.setItem("zjIndex","1");
- localStorage.setItem("zjImg","0");
- localStorage.setItem("gjIndex","0");
- localStorage.setItem("gjImg","0");
- var startZJ = $("#zj-one").val();
- var endZJ = $("#zj-two").val();
- var zjLine = JSON.parse(localStorage.getItem("zjLine"));
- if (startZJ == '' || endZJ == '') {
- $('.show-first').show().siblings().hide();
- } else if(startZJ != zjLine[0] || endZJ != zjLine[1]){
- map.clearOverlays();
- resultDrivingLine(startZJ,endZJ);
- $("#gj-one").val(startZJ);
- $("#gj-two").val(endZJ);
- startZJ = '';
- endZJ = '';
- } else if(startZJ == zjLine[0] && endZJ == zjLine[1]){
- return;
- } else {
- map.clearOverlays();
- resultDrivingLine(startZJ,endZJ);
- $("#gj-one").val(startZJ);
- $("#gj-two").val(endZJ);
- startZJ = '';
- endZJ = '';
- }
- });
- $('#zj-one').bind('keyup',function(event) {
- if(event.keyCode==13){
- localStorage.setItem("zjIndex","1");
- localStorage.setItem("zjImg","0");
- localStorage.setItem("gjIndex","0");
- localStorage.setItem("gjImg","0");
- var startZJ = $("#zj-one").val();
- if (startZJ == '') {
- map.clearOverlays();
- $('.show-first').show().siblings().hide();
- layer.msg('请输入起点!');
- } else {
- map.clearOverlays();
- $('#zj-two').focus();
- startZJ = '';
- endZJ = '';
- }
- }
- });
- $('#zj-two').bind('keyup',function(event) {
- if(event.keyCode==13){
- map.clearOverlays();
- localStorage.setItem("zjIndex","1");
- localStorage.setItem("zjImg","0");
- localStorage.setItem("gjIndex","0");
- localStorage.setItem("gjImg","0");
- var startZJ = $("#zj-one").val();
- var endZJ = $("#zj-two").val();
- var zjLine = JSON.parse(localStorage.getItem("zjLine"));
- if (startZJ == '') {
- $('.show-first').show();
- $('.show-second').hide();
- $('show-third').hide();
- $('.show-fourth').hide();
- $('.show-fifth').hide();
- layer.msg('请输入起点!');
- } else if(endZJ == '') {
- $('.show-first').show();
- $('.show-second').hide();
- $('show-third').hide();
- $('.show-fourth').hide();
- $('.show-fifth').hide();
- layer.msg('请输入终点!');
- } else if(startZJ != zjLine[0] || endZJ != zjLine[1]){
- resultDrivingLine(startZJ,endZJ);
- startZJ = '';
- endZJ = '';
- } else {
- resultDrivingLine(startZJ,endZJ);
- startZJ = '';
- endZJ = '';
- }
- }
- });
- // 点击政务公开的自驾搜索按钮显示自驾路径选择页面
- // $(document).on('click', '.imgSearch2', function() {
- // var those = $(this);
- // var result = seCar(those);
- // map.clearOverlays();
- // localStorage.setItem("zjImg","2");
- // localStorage.setItem("zjIndex","0");
- // localStorage.setItem("gjIndex","0");
- // localStorage.setItem("gjImg","0");
- // resultDrivingLine(result[0],result[1]);
- // result = JSON.stringify(result);
- // localStorage.setItem("zjLine",result);
- // });
- // 封装自驾路线规划,同以上公交
- function resultDrivingLine(startZD,endZD){
- var resPoint = null;
- $('.show-third').show().siblings().hide();
- $('.show-third .content-second').hide();
- $('.show-third .content-third').hide();
- $('.zjboxpanel').hide();
- $('.boxpanel').show();
- var startPoint,endPoint,startText,endText,startData,endData;
- let ZJstart = allArr.filter(function(i){
- return i.address == startZD
- });
- let ZJend = allArr.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");
- map.setCenter(startPoint);
- map.addOverlay(new BMap.Marker(startPoint));
- $(this).find('p').addClass('change_text_color').parents('li').siblings().find('p').removeClass('change_text_color');
- $('.boxpanel').show().siblings('.content-second').hide().siblings('.content-third').hide();
- $('.boxpanel').show();
- return startPoint,startText;
- });
- $(document).on('mouseover','.openstartinfo',function(){
- $(this).children('.startChoice').removeClass('hideEnd');
- });
- $(document).on('mouseleave','.openstartinfo',function(){
- $(this).children('.startChoice').addClass('hideEnd');
- });
- $(document).on('click','.openendinfo',async function(){
- if (startPoint == null) {
- layer.msg("请先选择起点!");
- } else {
- 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').show().siblings().hide();
- $('.show-third .content-second').show();
- $('.show-third .content-third').show();
- $('.boxpanel').hide();
- $('#start2').text(startText);
- $('#end2').text(endText);
- $('#zj-one').val(startText);
- $('#zj-two').val(endText);
- zjIndex = localStorage.getItem("zjIndex");
- zjImg = localStorage.getItem("zjImg");
- if (zjIndex == 1){
- localStorage.setItem("zjIndex","2");
- localStorage.setItem("zjImg","0");
- localStorage.setItem("gjIndex","0");
- localStorage.setItem("gjImg","0");
- }
- if (zjImg == 2){
- localStorage.setItem("zjImg","3");
- localStorage.setItem("zjIndex","0");
- localStorage.setItem("gjIndex","0");
- localStorage.setItem("gjImg","0");
- }
- var result = JSON.stringify([startText,endText]);
- localStorage.setItem("zjLine",result);
- resPoint =JSON.stringify([startPoint,endPoint]);
- localStorage.setItem("Point",resPoint);
- var res = JSON.stringify([startText,endText]);
- localStorage.setItem("gjLine",res);
- drivingResultContLine();
- startZD = '';
- endZD = '';
- }
- });
- $(document).on('mouseover','.openendinfo',function(){
- $(this).children('.endChoice').removeClass('hideEnd');
- });
- $(document).on('mouseleave','.openendinfo',function(){
- $(this).children('.endChoice').addClass('hideEnd');
- });
- } else if(ZJstart.length>0){
- localStorage.setItem("zjImg","2");
- localStorage.setItem("zjIndex","0");
- localStorage.setItem("gjIndex","0");
- localStorage.setItem("gjImg","0");
- $('.show-third .content-second').hide();
- $('.show-third .content-third').hide();
- $('.boxpanel').show();
- $('#startDrving').hide();
- $('#startPanel').hide();
- $('#startPanel').empty();
- $('#endDrving').show();
- $('#endPanel').show();
- $(this).find('p').addClass('change_text_color').parents('li').siblings().find('p').removeClass('change_text_color');
- drivingEndSearch(endZD);
- $(document).off("click").on('click','.openendinfo',async function(){
- $('#start2').text(startZD);
- $('#zj-one').val(startZD);
- 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-second').show();
- $('.show-third .content-third').show();
- $('.boxpanel').hide();
- $('#end2').text(endText);
- $('#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);
- zjImg = localStorage.getItem("zjImg");
- if (zjImg == 2){
- localStorage.setItem("zjImg","3");
- localStorage.setItem("zjIndex","0");
- localStorage.setItem("gjIndex","0");
- localStorage.setItem("gjImg","0");
- }
- var result = JSON.stringify([startZD,endText]);
- localStorage.setItem("zjLine",result);
- resPoint =JSON.stringify([start,endPoint]);
- localStorage.setItem("Point",resPoint);
- var res = JSON.stringify([startZD,endText]);
- localStorage.setItem("gjLine",res);
- drivingResultContLine();
- startZD = '';
- startText = '';
- endText = '';
- endZD = '';
- });
- $(document).on('mouseover','.openendinfo',function(){
- $(this).children('.endChoice').removeClass('hideEnd');
- });
- $(document).on('mouseleave','.openendinfo',function(){
- $(this).children('.endChoice').addClass('hideEnd');
- });
- } else if(ZJend.length>0){
- localStorage.setItem("zjImg","2");
- localStorage.setItem("zjIndex","0");
- localStorage.setItem("gjIndex","0");
- localStorage.setItem("gjImg","0");
- $('.show-third .content-second').hide();
- $('.show-third .content-third').hide();
- $('.boxpanel').show();
- $('#endDrving').hide();
- $('#endPanel').hide();
- $('#endPanel').empty();
- $('#startDrving').show();
- $('#startPanel').show();
- $(this).find('p').addClass('change_text_color').parents('li').siblings().find('p').removeClass('change_text_color');
- drivingStartSearch(startZD)
- $(document).off("click").on('click','.openstartinfo',async function(){
- $('.boxpanel').hide();
- $('.show-third .content-second').show();
- $('.show-third .content-third').show();
- map.clearOverlays();
- startPoint = new BMap.Point($(this).data("lng"), $(this).data("lat"));
- startText = $(this).data("text");
- map.addOverlay(new BMap.Marker(startPoint));
- map.setCenter(startPoint);
- $(this).find('p').addClass('change_text_color').parents('li').siblings().find('p').removeClass('change_text_color');
- $('#start2').text(startText);
- $('#zj-one').val(startText);
- $('#end2').text(endZD);
- $('#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);
- zjImg = localStorage.getItem("zjImg");
- if (zjImg == 2) {
- localStorage.setItem("gjIndex","0");
- localStorage.setItem("zjImg","3");
- localStorage.setItem("gjImg","0");
- localStorage.setItem("zjIndex","0");
- }
- var result = JSON.stringify([startText,endZD]);
- localStorage.setItem("zjLine",result);
- resPoint =JSON.stringify([startPoint,end]);
- localStorage.setItem("Point",resPoint);
- var res = JSON.stringify([startText,endZD]);
- localStorage.setItem("gjLine",res);
- drivingResultContLine();
- startText = '';
- startZD = '';
- endText = '';
- endText = '';
- });
- $(document).on('mouseover','.openstartinfo',function(){
- $(this).children('.startChoice').removeClass('hideEnd');
- });
- $(document).on('mouseleave','.openstartinfo',function(){
- $(this).children('.startChoice').addClass('hideEnd');
- });
- }
- 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 += "<li data-text='"+results.getPoi(i).title+"' data-lng='"+results.getPoi(i).point.lng+"' data-lat='"+results.getPoi(i).point.lat+"' class='openstartinfo'>"
- openStartInfoWindowHtml += "<div class='warp_choice'>"
- openStartInfoWindowHtml += "<span>"+startcount+".</span>"
- openStartInfoWindowHtml += "<p>"
- openStartInfoWindowHtml += results.getPoi(i).title
- openStartInfoWindowHtml += "</p>"
- openStartInfoWindowHtml += "</div>"
- openStartInfoWindowHtml += "<p>地址:"
- if (results.getPoi(i).address == undefined) {
- openStartInfoWindowHtml += results.getPoi(i).title
- } else {
- openStartInfoWindowHtml += results.getPoi(i).address
- }
- openStartInfoWindowHtml += "</p></div>"
- openStartInfoWindowHtml += "<a href='#endDrving' class='startChoice hideEnd'>选为起点</a>"
- openStartInfoWindowHtml += "</li>"
- }
- $("#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 += "<li data-text='"+results.getPoi(i).title+"' data-lng='"+results.getPoi(i).point.lng+"' data-lat='"+results.getPoi(i).point.lat+"' class='openendinfo'>"
- openEndInfoWindowHtml += "<div class='warp_choice'>"
- openEndInfoWindowHtml += "<span>"+endcount+".</span>"
- openEndInfoWindowHtml += "<p>"
- openEndInfoWindowHtml += results.getPoi(i).title
- openEndInfoWindowHtml += "</p>"
- openEndInfoWindowHtml += "</div>"
- openEndInfoWindowHtml += "<p>地址:"
- openEndInfoWindowHtml += results.getPoi(i).address
- openEndInfoWindowHtml += "</p></div>"
- openEndInfoWindowHtml += "<button class='endChoice hideEnd'>选为终点</button>"
- openEndInfoWindowHtml += "</li>"
- }
- $("#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 gjLine = JSON.parse(localStorage.getItem("gjLine"));
- 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 += '<div>在重庆市 '
- discriptHtml += '未能计算出从“'
- discriptHtml += gjLine[0]
- discriptHtml += '”到“'
- discriptHtml += gjLine[1]
- discriptHtml += '”公交路线,抱歉。'
- discriptHtml += '</div>'
- $('#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);
- }
- // 选择其他方案
- $('.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 gjLine = JSON.parse(localStorage.getItem("gjLine"));
- 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 += '<div>在重庆市 '
- discriptHtml += '未能计算出从“'
- discriptHtml += gjLine[0]
- discriptHtml += '”到“'
- discriptHtml += gjLine[1]
- discriptHtml += '”公交路线,抱歉。'
- discriptHtml += '</div>'
- $('#result').empty().append(discriptHtml);
- map.centerAndZoom(new BMap.Point(106.563, 29.523), 14);
- }
- }
- });
- map.clearOverlays();
- transit.clearResults();
- 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);
- });
-
- // 写受理场所和查阅场所前的icon切换
- $('.top-title>li').click(function() {
- var con = $(this).text().trim();
- if(con == "受理场所"){
- // bdGEO(jzadds);
- xxGEO(jzs);
- }
- if(con == "查阅场所"){
- // cycsGEO(cycsbms);
- cycsone(cycsbms)
- xxGEO(cycsbms);
- // xrxx(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');
- }
- });
- //区级部门与街镇解析地址批量解析结束
- $('.second-title>li').click(function() {
- const xz = $(this).text();
- if (xz == "区级部门") {
- // bdGEO(adds);
- xxGEO(bms);
- xrjz(bms);
- }
- if (xz == "街镇") {
- // bdGEO(jzadds);
- xxGEO(jzs);
- xrjz(jzs);
- }
- });
-
- $('.second-title2>li').click(function() {
- // 解决点击事件,多次执行的问题
- const xz = $(this).text().trim();
- if (xz == "区级部门") {
- map.clearOverlays();
- cycsone(cycsbms)
- xxGEO(cycsbms);
- }
- if (xz == "街镇") {
- map.clearOverlays();
- }
- });
- // 点击第一个全部 显示所有街道办事处
- $('.alltotal').click(function() {
- $(this).addClass('tab');
- $(this).siblings().removeClass('tab');
- // bdGEO(jzadds);
- xxGEO(jzs);
- xrjz(jzs);
- });
- $(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').show();
- $('.show-second').hide();
- $('.show-third').hide();
- $('.show-fourth').hide();
- $('.show-fifth').hide();
- layer.msg('输入的地址不能为空!')
- } else {
- localStorage.setItem("gjIndex","1");
- localStorage.setItem("gjImg","0");
- localStorage.setItem("zjImg","0");
- localStorage.setItem("zjIndex","0");
- xrSearchResultList(searchInp);
- }
- });
- $('.inp').bind('keyup',function(event){
- if(event.keyCode==13){
- map.clearOverlays();
- var searchInp = $('.inp').val();
- if (searchInp === "") {
- $('.show-first').show();
- $('.show-second').hide();
- $('.show-third').hide();
- $('.show-fourth').hide();
- $('.show-fifth').hide();
- layer.msg('输入的地址不能为空!')
- } else {
- localStorage.setItem("gjIndex","1");
- localStorage.setItem("gjImg","0");
- localStorage.setItem("zjImg","0");
- localStorage.setItem("zjIndex","0");
- xrSearchResultList(searchInp);
- }
- }
- });
- function xrSearchResultList(searchInp){
- $('.show-fourth').show().siblings().hide();
- var firstGroup = [];
- $.each(getAllJson, function(j){
- $.each(getAllJson[j],function(k){
- if(getAllJson[j][k].indexOf(searchInp)>-1){
- var firstArrey = [];
- if(getAllJson[j].dep == getAllJson[j][k] || getAllJson[j].type == getAllJson[j][k]) {
- firstArrey = getAllJson[j];
- }
- firstGroup.push(firstArrey);
- }
- });
- });
- let removeFirstCroupZero = firstGroup.filter(item => item.length!=0);
- let newFirstGroup = [...new Set(removeFirstCroupZero)];
- if (newFirstGroup == '') {
- var html = '';
- html += '<ul class="titleFirst" style="color:#2775CC;font-size:14px;">暂无数据</ul>'
- $('.show-fourth .search-result').empty().append(html);
- } else {
- var html = '';
- for (var item = 0; item < newFirstGroup.length; item++) {
- var jzdep = newFirstGroup[item].dep;
- var jzdhs = newFirstGroup[item].tel;
- var jzdzs = newFirstGroup[item].address;
- var type = newFirstGroup[item].type;
- var sptype = newFirstGroup[item].sptype
- var sum = 1;
- sum += item;
- html += "<div class='title-first1'>"
- if (type == undefined || type == '') {
- html += ''
- } else {
- html += "<p class='typeFirst'>"+type+"</p>"
- }
- console.log(sptype)
- if (sptype == undefined || sptype == '') {
- html += ''
- } else {
- html += "<p class='typeFirst'>"+sptype+"</p>"
- }
- html += "<ul>"
- html += "<li title='"+jzdep+"'>"
- html += "<span>" + sum + "." + "</span>" + jzdep + "</li>"
- html += "<li>"
- if (jzdhs == undefined || jzdhs == '') {
- html += ''
- } else {
- html += "<p>" + "电话:" + jzdhs + "</p>"
- }
- html += "<div class='differentdz'>" + "地址:" + "<p class='jzdz' title="+jzdzs+">" + jzdzs + "</p>" + "</div>"
- html += "</li>"
- html += "</ul>"
- html += "</div>"
- };
- $('.show-fourth .search-result').empty().append(html);
- }
- }
- // 点击返回按钮回到首页
- $('.backBtn').click(function() {
- gjIndex = localStorage.getItem("gjIndex");
- gjImg = localStorage.getItem("gjImg");
- var gjLine = JSON.parse(localStorage.getItem("gjLine"));
- if(gjIndex == 1) {
- $('.show-first').show().siblings().hide();
- $('.inp').val('');
- $('#gj-one').val('');
- $('#gj-two').val('');
- $('#zj-one').val('');
- $('#zj-two').val('');
- $('.search-change li:nth-child(1)').addClass('layui-this').siblings().removeClass('layui-this');
- $('.content-input .layui-tab-item:nth-child(1)').addClass('layui-show').siblings().removeClass('layui-show');
- $('.alltotal').addClass('tab').siblings('p').removeClass('tab');
- // localStorage.removeItem("gjLine");
- // localStorage.removeItem("zjLine");
- var objgj = JSON.stringify(['','']);
- localStorage.setItem("gjLine",objgj);
- var objzj = JSON.stringify(['','']);
- localStorage.setItem("zjLine",objzj);
- map.clearOverlays();
- } else if(gjIndex == 2) {
- const startGJ = $("#gj-one").val();
- const endGJ = $("#gj-two").val();
- resultBusLine(startGJ,endGJ);
- localStorage.setItem("gjIndex","1");
- }
- if (gjImg == 1) {
- $('.show-first').show().siblings().hide();
- $('#gj-one').val('');
- $('#gj-two').val('');
- $('#zj-one').val('');
- $('#zj-two').val('');
- $('.search-change li:nth-child(1)').addClass('layui-this').siblings().removeClass('layui-this');
- $('.content-input .layui-tab-item:nth-child(1)').addClass('layui-show').siblings().removeClass('layui-show');
- $('.alltotal').addClass('tab').siblings('p').removeClass('tab');
- // localStorage.removeItem("gjLine");
- // localStorage.removeItem("zjLine");
- var objgj = JSON.stringify(['','']);
- localStorage.setItem("gjLine",objgj);
- var objzj = JSON.stringify(['','']);
- localStorage.setItem("zjLine",objzj);
- map.clearOverlays();
- } else if(gjImg == 2) {
- $('.show-fifth').show().siblings().hide();
- xxGEO(jzs);
- xrjz(jzs);
- localStorage.setItem("gjImg","1");
- } else if(gjImg == 3) {
- resultBusLine(gjLine[0],gjLine[1]);
- localStorage.setItem("gjImg","2");
- }
- zjIndex = localStorage.getItem("zjIndex");
- zjImg = localStorage.getItem("zjImg");
- var zjLine = JSON.parse(localStorage.getItem("zjLine"));
- if(zjIndex == 1) {
- $(".show-first").show().siblings().hide();
- $('#gj-one').val('');
- $('#gj-two').val('');
- $('#zj-one').val('');
- $('#zj-two').val('');
- $('.search-change li:nth-child(1)').addClass('layui-this').siblings().removeClass('layui-this');
- $('.content-input .layui-tab-item:nth-child(1)').addClass('layui-show').siblings().removeClass('layui-show');
- $('.alltotal').addClass('tab').siblings('p').removeClass('tab');
- // localStorage.removeItem("gjLine");
- // localStorage.removeItem("zjLine");
- var objgj = JSON.stringify(['','']);
- localStorage.setItem("gjLine",objgj);
- var objzj = JSON.stringify(['','']);
- localStorage.setItem("zjLine",objzj);
- map.clearOverlays();
- } else if(zjIndex == 2) {
- const startZJ = $("#zj-one").val();
- const endZJ = $("#zj-two").val();
- resultDrivingLine(startZJ,endZJ);
- localStorage.setItem("zjIndex","1");
- }
- if (zjImg == 1) {
- $(".show-first").show().siblings().hide();
- map.clearOverlays();
- $('#gj-one').val('');
- $('#gj-two').val('');
- $('#zj-one').val('');
- $('#zj-two').val('');
- $('.search-change li:nth-child(1)').addClass('layui-this').siblings().removeClass('layui-this');
- $('.content-input .layui-tab-item:nth-child(1)').addClass('layui-show').siblings().removeClass('layui-show');
- $('.alltotal').addClass('tab').siblings('p').removeClass('tab');
- // localStorage.removeItem("gjLine");
- // localStorage.removeItem("zjLine");
- var objgj = JSON.stringify(['','']);
- localStorage.setItem("gjLine",objgj);
- var objzj = JSON.stringify(['','']);
- localStorage.setItem("zjLine",objzj);
- } else if(zjImg == 2) {
- $(".show-fifth").show().siblings().hide();
- xxGEO(jzs);
- xrjz(jzs);
- localStorage.setItem("zjImg","1");
- } else if(zjImg == 3) {
- resultDrivingLine(zjLine[0],zjLine[1]);
- localStorage.setItem("zjImg","2");
- }
- });
- })
|