$(function () { //三级联动 var province = ''; var city = ''; var area = ''; new pcas("province", "city", "area", province, city, area); // 模板引擎 var data = { "arr": $('#items .swiper-slide .e_text-3') }; //点击事件 $('#searchbtn').on('click', function () { var sheng = $('#province').val(); var city = $('#city').val(); var qu = $('#area').val(); var keyword = $('#address').val(); var searhtxt = sheng + city + qu; searhtxt = searhtxt.slice(0, searhtxt.length - 1); var searchdata = { arr: [] }; var datas = data.arr; console.log(datas); // 循环数据 for (let i = 0; i < datas.length; i++) { const ele = datas[i]; // 判断地址是否在这个地址里面, if (ele.innertext.indexof(searhtxt) != -1 && ele.innertext.indexof( keyword) != -1) { searchdata.arr.push(ele); $(searchdata.arr).parents(".swiper-slide").siblings().removeclass("searchlist"); $(searchdata.arr).parents("#items").addclass("searching"); $(searchdata.arr).parents(".swiper-slide").addclass("searchlist"); }; } console.log(searchdata); if (searchdata.arr == 0 || searchdata.arr.length <= 0) { console.log("为查询到相关网点"); $("#items").addclass("searching"); $("#items").find(".swiper-slide").removeclass("searchlist"); } }); // 轮播图 $require(['swiper'], function () { var storeswiper = new swiper('.wyz-container-wd', { navigation: { nextel: '.btn-prev', prevel: '.btn-next', }, direction: 'horizontal', slidesperview: 1, preventclicks: false, observer: true, observeslidechildren: true, mousewheel: true, scrollbar: { el: '.swiper-scrollbar', }, breakpoints: { 768: { slidesperview: 4, direction: 'vertical', } }, on: { init: function () { // 格式化坐标 $('.clickhaoadd').each(function () { var datavar = $(this).find('.huoqusite').text(); var strs = new array(); strs = datavar.split(","); for (i = 0; i < strs.length; i++) { $(this).find(".site").find(".lat").text(strs[0]); $(this).find(".site").find(".lng").text(strs[1]); } }); var firstdom = $('#items').find('.swiper-slide').eq(this.activeindex); firstdom.addclass('on'); // 执行地图事件 var lng = firstdom.find('.lng').text(); var lat = firstdom.find('.lat').text(); setmap(lng, lat); $('.clickhaoadd').each(function (i, v) { $(v).on('click', function () { $(this).parent().addclass('on').siblings().removeclass('on'); var lng = $(this).find('.lng').text(); var lat = $(this).find('.lat').text(); setmap(lng, lat); }) }) } } }); }); function setmap(lng, lat) { var map = new bmapgl.map("map_canvas", { minzoom: 2, maxzoom: 19 }); map.enablescrollwheelzoom(true); if ($(window).width() <= 1150) { map.disabledragging(); }; var zoomctrl = new bmapgl.zoomcontrol(); // 添加缩放控件 map.addcontrol(zoomctrl); map.clearoverlays(); var point = new bmapgl.point(lng, lat); map.centerandzoom(point, 19); myicon = new bmapgl.icon( "https://omo-oss-image1.thefastimg.com//portal-saas/sop_tp_2022070400003/cms/image/aabb1723-e03f-4181-a1a6-2dfccb6921d1.png", new bmapgl.size(36, 36), { anchor: new bmapgl.size(18, 30) }); marker = new bmapgl.marker(point, { icon: myicon }); map.addoverlay(marker); // 增加事件 地图创建好久设置alt信息 map.addeventlistener("tilesloaded", function () { $('#map_canvas').find('img').attr('alt', 'map'); }); }; });