$comp({ id:"${compconfig.compid}",//实例id 服务器传 lib:["js/portalgrouppublic/portalresgrouppublic_codecontainer-01"] //组件js }); //计算表达式的值 function evil(fn) { var fn = function; //一个变量指向function,防止有些前端编译工具报错 return new fn('return ' + fn)(); } $(function(){ function _defineproperty(obj, key, value) { if (key in obj) { object.defineproperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; } var marker; var mycompoverlay; var net_diviarr = [], base_diviarr = []; var test = []; $('.selectric-bar').find('.selectric-list').mcustomscrollbar(); $(".searchbar").find("input").on("focus", function (ev) { $(".searchbar").find(".sear-list").stop().slidedown(); }); $(".searchbar").find("input").on("click", function (ev) { ev.stoppropagation(); }); $(document).on("click", ".sear-scroll a", function (ev) { ev.stoppropagation(); var prov = $(this).text(); $(".searchbar").find("input").val(prov); $(".searchbar").find(".sear-list").stop().slideup(); selectprov(prov); }); $(document).on("click", function () { $(".searchbar").find(".sear-list").stop().slideup(); }); var catadata = { "appid": 260, "tenantid": tenant.id }; var cataurl = "/api/map/category/findall"; ajaxqueryfun({}, {}, cataurl, catadata, "get", function (data) { var dataitem = json.parse(data.data); if (dataitem.status == 101) { var temp_cate = '{{cate}}'; var str_cate = ''; var arr_cate = dataitem.data.sort(function (n1, n2) { return n1.id < n2.id ? 1 : -1; }); $.each(arr_cate, function (i, cate) { var act; if (i == 0) { act = 'now'; name = 'net'; init_render(cate.id); } else { act = '', name = 'base'; } str_cate += temp_cate.replace('{{cateid}}', cate.id).replace('{{cate}}', cate.name).replace('{{now}}', act).replace('{{casename}}', name); }); $('.map-label').append($(str_cate)); $('#htmlj').t2s(); $('.un-trans').s2t(); $('.map-label').find('a').each(function () { $(this).on('click', function (ev) { ev.stoppropagation(); $(this).addclass('now').siblings('a').removeclass('now'); $('.selectric-bar').find('.pager').remove(); $('.selectric-bar').find('.selectric-scroll').html(''); $(".tab-list").find(".loading").removeclass("hidden"); $(".searchbar").find("input").val(""); $(".searchbar").find(".sear-scroll").html(""); $(".sear-list").find(".loading").removeclass("hidden"); deletepoint(); var cate_id = $(this).data('id'); //console.log(cate_id) init_render(cate_id); //处理国外tab $('.base_btn').addclass('on').siblings().removeclass('on'); $('.map_index').css('z-index', '9'); $('.sheng_con').css('z-index', '8'); $('.xiao_con').css('z-index', '8'); if ($(this).attr('data-tag') == 'base') { /*隐藏生产tab 开始*/ $('.zhong_tab').show(); /*隐藏生产tab 结束*/ $('.zhong_tab').find('.change_btn').attr('id', 'xiao_btn'); } else { $('.zhong_tab').find('.change_btn').attr('id', 'sheng_btn'); /*隐藏生产tab 开始*/ $('.zhong_tab').hide(); /*隐藏生产tab 结束*/ } if ($('.xiao_con .select_input_w input').val() != '') { $('.xiao_con .select_input_w input').val(''); $('.searchbtn_w2').trigger('click'); } if ($('.sheng_con .select_input_w input').val() != '') { $('.sheng_con .select_input_w input').val(''); $('.searchbtn_w1').trigger('click'); } }); }); } }); //添加国外 /*隐藏生产tab 开始*/ $('.zhong_tab').hide(); /*隐藏生产tab 结束*/ $('.select_mcscroll_w').mcustomscrollbar(); $('.phone_con_w').mcustomscrollbar({ axis: "x" // 水平滚动条 }); $(document).on('click', '#sheng_btn', function () { $(this).addclass('on').siblings().removeclass('on'); $('.map_index').css('z-index', '8'); $('.xiao_con').css('z-index', '8'); $('.sheng_con').css('z-index', '9'); }); $(document).on('click', '#xiao_btn', function () { $(this).addclass('on').siblings().removeclass('on'); $('.map_index').css('z-index', '8'); $('.sheng_con').css('z-index', '8'); $('.xiao_con').css('z-index', '9'); if ($(window).width() <= 414) { $(".phone_con_w").mcustomscrollbar("scrollto", "200px"); } }); $(document).on('click', '.base_btn', function () { $(this).addclass('on').siblings().removeclass('on'); $('.map_index').css('z-index', '9'); $('.sheng_con').css('z-index', '8'); $('.xiao_con').css('z-index', '8'); }); //结束 //国外搜索 //生产 var keyw1 = ""; var arry_list1 = ['
俄罗斯
地址:

广东省广州市黄埔区永和经济开发区环岭路15号

电话:

020-568958458

', '
马拉西亚
地址:

广东省广州市黄埔区永和经济开发区环岭路15号

电话:

020-568958458

', '
印度尼西亚
地址:

广东省广州市黄埔区永和经济开发区环岭路15号

电话:

020-568958458

']; $(document).on('click', '.searchbtn_w1', function () { keyw1 = $(this).parent().find('input').val(); var dome_html = fuzzyquery(arry_list1, keyw1); $('.seltct_sheng #mcsb_3_container').html(''); var html = ""; $.each(dome_html, function (ind, data) { html += data; }); $('.seltct_sheng #mcsb_3_container').html(html); $('.select_mcscroll_w').mcustomscrollbar('update'); }); $(document).on('click', '.select_mcscroll_w dl', function () { $(this).addclass('on').siblings().removeclass('on'); var data_class = $(this).attr('data-oclass'); $(this).parents('.sheng_con').find('.mao_ul li').each(function (ind, ele) { if ($(this).attr('data-oclass') == data_class) { $(this).addclass('on').siblings().removeclass('on'); $(this).find('span img').attr('src', '/repository/image/21c1296d-88b7-4103-ae61-960c8a4ef220.png'); } }); }); //销售 var keyw2 = ""; var arry_list2 = ['
俄罗斯 hengan (vostock) sredstva gigieny
地址:

404119, 6th avtodoroga, 44b, office no.13, volzhskiy, volgograd region, russian federation

电话:

8(8443)210926

', '
马来西亚 wang-zheng corporation sdn. bhd. (166952-d)
地址:

no.1, jalan utarid u5/19, section u5, 40150 shah alam, selangor, malaysia.

电话:

+603-7801-3333

', '
印度尼西亚 pt. hengan global
地址:

jl. ir. h. juanda lll no.25 kebon kelapa, gambir, jakarta pusat, indonesia.

电话:

021-352-3282

', '
阿曼
', '
安哥拉
', '
澳大利亚
', '
巴巴多斯
', '
巴布亚
', '
巴基斯坦
', '
巴林
', '
巴拿马
', '
巴西
', '
玻利维亚
', '
迪拜
', '
多米尼加
', '
厄瓜多尔
', '
菲律宾
', '
斐济群岛共和国
', '
格林纳达
', '
格鲁吉亚
', '
圭亚那
', '
韩国
', '
吉布提共和国
', '
加拿大
', '
卡塔尔
', '
肯尼亚
', '
留尼汪,法属
', '
马达加斯加
', '
马尔代夫
', '
坦桑尼亚
', '
美国
', '
蒙古
', '
孟加拉
', '
秘鲁
', '
缅甸
', '
莫桑比克
', '
墨西哥
', '
南非
', '
尼泊尔
', '
日本
', '
塞内加尔
', '
沙特阿拉伯
', '
圣卢西亚
', '
圣文森特和格林纳丁斯
', '
苏丹
', '
苏里南
', '
泰国
', '
汤加
', '
瓦努阿图共和国
', '
危地马拉共和国
', '
委内瑞拉
', '
乌干达
', '
新加坡
', '
匈牙利
', '
牙买加
', '
亚美尼亚
', '
伊拉克
', '
印度
', '
约旦
', '
智利
']; $(document).on('click', '.searchbtn_w2', function () { keyw2 = $(this).parent().find('input').val(); var dome_html = fuzzyquery(arry_list2, keyw2); $('.seltct_xiao #mcsb_4_container').html(''); var html = ""; $.each(dome_html, function (ind, data) { html += data; }); $('.seltct_xiao #mcsb_4_container').html(html); $('.select_mcscroll_w').mcustomscrollbar('update'); }); $(document).on('click', '.select_mcscroll_w dl', function () { $(this).addclass('on').siblings().removeclass('on'); var data_class = $(this).attr('data-oclass'); $(this).parents('.xiao_con').find('.mao_ul li').each(function (ind, ele) { if ($(this).attr('data-oclass') == data_class) { $(this).addclass('on').siblings().removeclass('on'); $(this).find('span img').attr('src', '/repository/image/21c1296d-88b7-4103-ae61-960c8a4ef220.png'); if ($(window).width() > 414) { $('.phone_con_w').mcustomscrollbar("scrollto", $(this).position().left / 10 + 150 + "px"); } else { $('.phone_con_w').mcustomscrollbar("scrollto", $(this).position().left - 50 + "px"); } } }); }); function fuzzyquery(list, keyword) { var reg = new regexp(keyword); var arr = []; for (var i = 0; i < list.length; i++) { if (reg.test(list[i])) { arr.push(list[i]); } } return arr; } //结束 var map = new bmap.map("map"); // 创建map实例 map.enablescrollwheelzoom(true); var mystylejson = [{ "featuretype": ["building", "water", "land"], "elementtype": "geometry.stroke", "stylers": { "visibility": "off" } }]; map.setmapstyle({ stylejson: mystylejson }); map.centerandzoom("西安", 5); //创建标注 var myicon = new bmap.icon("/img/icon_point.png", new bmap.size(20, 24)); // 动态获取城市列表 $('.selectric-bar').find('.selectric').each(function () { $(this).on('click', function () { if ($(this).hasclass('city') && $('.selectric.prov').find('input').val() != '') { var getprov = $('.selectric.prov').find('input').val(); var dataof = $('.map-label').find('a.now').data('tag'); var getjson = evil(dataof + '_diviarr'); $.each(getjson, function (i, data) { if (data.prov == getprov) { var str = ''; $.each(data.city, function (cityind, city) { str += '
  • {{city}}
  • '.replace('{{city}}', city); }); $('.tab-list.city-list').find('.selectric-scroll').html($(str)); $('.tab-list.city-list').find('li').each(function (i, oli) { clickli(oli); }); $('.tab-list.city-list').addclass('active').siblings('.tab-list').removeclass('active'); $('.selectric-bar').find('.selectric-list').mcustomscrollbar('update'); //$('.tab-list.city-list').find('.selectric-scroll').mcustomscrollbar('update') } }); } else if ($(this).hasclass('prov')) { $('.tab-list.prov-list').addclass('active').siblings('.tab-list').removeclass('active'); } }); }); function eachp(point) { return new promise(function (eachres, eachrej) { var p_prov, p_city; if (!point.provincename || !point.cityname || point.provincename == '' || point.cityname == '') { var p_addr = point.address; var mygeo = new bmap.geocoder(); mygeo.getpoint(point.address, function (pt) { if (pt) { mygeo.getlocation(pt, function (rs) { var addcomp = rs.addresscomponents; p_prov = addcomp.province; p_city = addcomp.city; // 筛选中国之外区域的点 if (p_prov == "北京市" && p_addr.indexof("北京") == -1) { var divi = { prov: '', city: '' }; eachres(divi); } else { var divi = { prov: p_prov, city: p_city }; eachres(divi); marker = new bmap.marker(new bmap.point(point.lng, point.lat), { icon: myicon }); map.addoverlay(marker); map.removeoverlay(mycompoverlay); marker.addeventlistener("mouseover", function () { map.removeoverlay(mycompoverlay); //图片加载完毕重绘infowindow mycompoverlay = new complexcustomoverlay(point); map.addoverlay(mycompoverlay); }); marker.addeventlistener("click", function () { map.removeoverlay(mycompoverlay); //图片加载完毕重绘infowindow mycompoverlay = new complexcustomoverlay(point); map.addoverlay(mycompoverlay); }); } }); } }); } else { p_prov = point.provincename; p_city = point.cityname; var divi = { prov: p_prov, city: p_city }; marker = new bmap.marker(new bmap.point(point.lng, point.lat), { icon: myicon }); map.addoverlay(marker); map.removeoverlay(mycompoverlay); marker.addeventlistener("mouseover", function () { map.removeoverlay(mycompoverlay); //图片加载完毕重绘infowindow mycompoverlay = new complexcustomoverlay(point); map.addoverlay(mycompoverlay); }); marker.addeventlistener("click", function () { map.removeoverlay(mycompoverlay); //图片加载完毕重绘infowindow mycompoverlay = new complexcustomoverlay(point); map.addoverlay(mycompoverlay); }); eachres(divi); } }); } //数据初始化封装 function init_render(cid) { var requestdata = { "tenantid": tenant.id, "pagesize": 500, "currentpage": 1, "params": { "appid": 260, "cid": cid } }; var mapdataurl = "/api/map/position/findbyfrontgcpagination"; ajaxqueryfun({}, {}, mapdataurl, requestdata, "post", function (data) { var dataitem = json.parse(data.data); if (dataitem.status == 101) { var list = dataitem.data.list; var diviarr = []; var getdivi = $(".map-label").find(".now").data("tag") + '_diviarr'; $.each(list, function (i, point) { var p = eachp(point); p.then(function (resp) { diviarr.push(resp); if (diviarr.length == list.length) { next(diviarr); } }); }); map.centerandzoom("西安", 5); if (dataitem.data.page.total > 10) { // 渲染默认数据列表 var temp_point = $('#temp_point').html(); var str_point = ''; $.each(list, function (i, point) { if (i < 10) { str_point += temp_point.replace('{{lat}}', point.lat).replace('{{lng}}', point.lng).replace('{{prov}}', point.prov).replace('{{corp}}', point.name).replace('{{addr}}', point.address).replace('{{tel}}', point.flag); } }); $(".tab-list").find(".loading").addclass("hidden"); clickloc($('.selectric-bar').find('.selectric-scroll').html('').append($(str_point))); $('.selectric-bar').find('.selectric-list').mcustomscrollbar(); $('html').scrolltop($('.group-map').offset().top); //默认数据分页 var pager = '
    '; $('.selectric-bar').append($(pager)); var page = 1; var pagination = $(".pager").pagination(dataitem.data.page.total, { num_edge_entries: 1, //边缘页数 num_display_entries: 2, //主体页数 callback: pageselectcallback, items_per_page: 10, //每页显示项 link_to: 'javascript:void(0);', prev_text: "上一页", next_text: "下一页" }); } else { // 渲染默认数据列表 var temp_point = $('#temp_point').html(); var str_point = ''; $.each(list, function (i, point) { str_point += temp_point.replace('{{lat}}', point.lat).replace('{{lng}}', point.lng).replace('{{prov}}', point.prov).replace('{{corp}}', point.name).replace('{{addr}}', point.address).replace('{{tel}}', point.flag); }); $(".tab-list").find(".loading").addclass("hidden"); clickloc($('.selectric-bar').find('.selectric-scroll').html('').append($(str_point))); $('.selectric-bar').find('.selectric-list').mcustomscrollbar(); $('html').scrolltop($('.group-map').offset().top); } } }); } function next(diviarr) { var getdivi = $(".map-label").find(".now").data("tag") + '_diviarr'; if (evil(getdivi).length == 0) { //console.log(diviarr) $.each(diviarr, function (n, item) { if (item.prov != '') { var province = item.prov; if (evil(getdivi).indexof(province) == -1) { evil(getdivi).push(province); } } }); } var html_provul = '
  • 全部
  • '; $.each(evil(getdivi), function (index, prov) { var str = '
  • ' + prov + '
  • '; html_provul += str; }); $(".sear-list").find(".loading").addclass("hidden"); $(".searchbar").find(".sear-list ul").html(html_provul); $(".searchbar").find(".sear-list").mcustomscrollbar(); } //根据条件获取点 function filterrender(req) { req.tenantid = tenant.id; var promisedata = req; var promiseurl = "/api/map/position/findbyfrontgcpagination"; return new promise(function (response, reject) { ajaxqueryfun({}, {}, promiseurl, promisedata, "post", function (data) { var dataitem = json.parse(data.data); if (dataitem.status == 101) { $.each(dataitem.data.list, function (pind, point) { marker = new bmap.marker(new bmap.point(point.lng, point.lat), { icon: myicon }); map.addoverlay(marker); map.removeoverlay(mycompoverlay); marker.addeventlistener("mouseover", function () { map.removeoverlay(mycompoverlay); //图片加载完毕重绘infowindow mycompoverlay = new complexcustomoverlay(point); map.addoverlay(mycompoverlay); }); marker.addeventlistener("click", function () { map.removeoverlay(mycompoverlay); //图片加载完毕重绘infowindow mycompoverlay = new complexcustomoverlay(point); map.addoverlay(mycompoverlay); }); map.centerandzoom("西安", 5); /* if(req.params.cityname){ map.centerandzoom(new bmap.point(point.lng,point.lat),10) }else{ map.centerandzoom("西安",5); } */ }); response(dataitem.data.list); } }); }); } //获取所有点 function renderall(total, id) { var requestdata = { "tenantid": tenant.id, "pagesize": total, "currentpage": 1, "params": { "appid": 260, "cid": id } }; var renderurl = "/api/map/position/findbyfrontgcpagination"; ajaxqueryfun({}, {}, renderurl, requestdata, "post", function (data) { var dataitem = json.parse(data.data); if (dataitem.status == 101) { $.each(dataitem.data.list, function (i, point) { //console.log(point) marker = new bmap.marker(new bmap.point(point.lng, point.lat), { icon: myicon }); map.addoverlay(marker); map.removeoverlay(mycompoverlay); marker.addeventlistener("mouseover", function () { map.removeoverlay(mycompoverlay); //图片加载完毕重绘infowindow mycompoverlay = new complexcustomoverlay(point); map.addoverlay(mycompoverlay); }); marker.addeventlistener("click", function () { map.removeoverlay(mycompoverlay); //图片加载完毕重绘infowindow mycompoverlay = new complexcustomoverlay(point); map.addoverlay(mycompoverlay); }); }); } }); } array.prototype.indexvalue = function (arr) { for (var i = 0; i < this.length; i++) { if (this[i] == arr) { return i; } } }; function selectprov(prov) { if (prov == "全部") { prov = ""; } deletepoint(); $('.selectric-bar').find('.pager').remove(); $('.selectric-bar').find('.selectric-scroll').html(''); $(".tab-list").find(".loading").removeclass("hidden"); var cid = $(".map-label").find(".now").data("id"); var requestdata = { "pagesize": 100, "currentpage": 1, "params": { "appid": 260, "cid": cid, "provicename": prov } }; var selectprov_p = filterrender(requestdata); selectprov_p.then(function (data) { var temp_point = $('#temp_point').html(); var str_point = ''; $.each(data, function (i, point) { str_point += temp_point.replace('{{lat}}', point.lat).replace('{{lng}}', point.lng).replace('{{prov}}', point.prov).replace('{{corp}}', point.name).replace('{{addr}}', point.address).replace('{{tel}}', point.flag); }); $(".tab-list").find(".loading").addclass("hidden"); clickloc($('.selectric-bar').find('.selectric-scroll').html('').append($(str_point))); $('.selectric-bar').find('.selectric-list').mcustomscrollbar('update'); $('html').scrolltop($('.group-map').offset().top); }); } //翻页回调封装 function pageselectcallback(page) { var _requestdata; page = ++page; var actid = $('.map-label').find('.now').data('id'); var requestdata = (_requestdata = { "tenantid": tenant.id, "pagesize": 2, "currentpage": page }, _defineproperty(_requestdata, 'pagesize', 10), _defineproperty(_requestdata, "params", { "appid": 260, "cid": actid }), _requestdata); var requrl = "/api/map/position/findbyfrontgcpagination"; ajaxqueryfun({}, {}, requrl, requestdata, "post", function (data) { var dataitem = json.parse(data.data); if (dataitem.status == 101) { var temp_point = $('#temp_point').html(); var str_point = ''; $.each(dataitem.data.list, function (i, point) { str_point += temp_point.replace('{{lat}}', point.lat).replace('{{lng}}', point.lng).replace('{{prov}}', point.prov).replace('{{corp}}', point.name).replace('{{addr}}', point.address).replace('{{tel}}', point.flag); }); clickloc($('.selectric-bar').find('.selectric-scroll').html('').append($(str_point))); $('.selectric-bar').find('.selectric-list').mcustomscrollbar(); $('html').scrolltop($('.group-map').offset().top); } }); } //点击列表中网点定位地图 function clickli(ele) { $(ele).find('a').on('click', function (ev) { ev.stoppropagation(); var this = $(this); $(ele).addclass('on').siblings('li').removeclass('on'); deletepoint(); var cid = $(".map-label").find(".now").data("id"); if ($(this).parents('.tab-list').hasclass('city-list')) { var loccity = this.text(); var locprov = $(".selectric.prov").find("input").val(); $('.selectric.city').find('input').val(this.text()); $('.tab-list.loc-list').addclass('active').siblings('.tab-list').removeclass('active'); var requestdata = { "pagesize": 100, "currentpage": 1, "params": { "appid": 260, "cid": cid, "provicename": locprov, "cityname": loccity } }; var p = filterrender(requestdata); p.then(function (data) { var temp_point = $('#temp_point').html(); var str_point = ''; $.each(data, function (i, point) { str_point += temp_point.replace('{{lat}}', point.lat).replace('{{lng}}', point.lng).replace('{{prov}}', point.prov).replace('{{corp}}', point.name).replace('{{addr}}', point.address).replace('{{tel}}', point.flag); }); clickloc($('.loc-list').find('.selectric-scroll').html('').append($(str_point))); $('.selectric-bar').find('.selectric-list').mcustomscrollbar('update'); //$('html').scrolltop($('.group-map').offset().top) }); } else if ($(this).parents('.tab-list').hasclass('prov-list')) { var locprov = this.text(); $('.selectric.prov').find('input').val(locprov); $('.selectric.city').find('input').val(''); var requestdata = { "pagesize": 100, "currentpage": 1, "params": { "appid": 260, "cid": cid, "provicename": locprov } }; filterrender(requestdata); } }); } //点击列表中的网点 function clickloc(ele) { ele.find("li").each(function () { $(this).on("click", function (ev) { ev.stoppropagation(); $(this).addclass('on').siblings('li').removeclass('on'); var li_lng = $(this).data('lng'); var li_lat = $(this).data('lat'); map.centerandzoom(new bmap.point(li_lng, li_lat), 10); }); }); } // 清空所有标注 function deletepoint() { var alloverlay = map.getoverlays(); for (var i = 0; i < alloverlay.length; i++) { map.removeoverlay(alloverlay[i]); } } // 自定义覆盖物 function complexcustomoverlay(point) { this._point = point; } complexcustomoverlay.prototype = new bmap.overlay(); complexcustomoverlay.prototype.initialize = function (map) { this._map = map; var div = this._div = document.createelement("div"); div.style.position = "absolute"; div.style.zindex = bmap.overlay.getzindex(this._point.lat); var div_w, div_padding; if ($(window).width() > 767) { div_w = "108px"; div_padding = "10px 0"; } else { div_w = "96px"; div_padding = "5px 0"; }; div.style.width = div_w; div.style.backgroundcolor = "#fff"; div.style.padding = div_padding; div.style.borderradius = "5px"; div.style.boxshadow = "0 0 26px #dbdbdb"; var elep = document.createelement("p"); elep.style.width = "86px"; elep.style.height = "28px"; elep.style.background = "url(/repository/image/21c1296d-88b7-4103-ae61-960c8a4ef220.png) no-repeat center"; elep.style.backgroundsize = "cover"; elep.style.margin = "0 auto"; div.appendchild(elep); map.getpanes().labelpane.appendchild(div); return div; }; complexcustomoverlay.prototype.draw = function () { var map = this._map; var pixel = map.pointtooverlaypixel(this._point); this._div.style.left = pixel.x + 20 + "px"; this._div.style.top = pixel.y - 30 + "px"; }; } )