sy_mobile.js 33 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706
  1. var is_mobi = navigator.userAgent.toLowerCase().match(/(ipod|iphone|android|coolpad|mmp|smartphone|midp|wap|xoom|symbian|j2me|blackberry|wince)/i) != null;
  2. if (!is_mobi) {
  3. window.location.href = "sy.html";
  4. }
  5. layui.use('element', function () {
  6. var element = layui.element;
  7. layer = layui.layer;
  8. });
  9. // if (screen.availWidth <= 750) {
  10. // $('.logo-img').attr('src', '/img/map-logo2.png');
  11. // $('.logo-img').css("width", "257px");
  12. // }
  13. $(function () {
  14. // 全部输入框特殊字符不能输入
  15. // 匹配标志: g:全局匹配 i:忽略大小写
  16. // / 是表达式开始和结束的标记
  17. // \ 可以将后面出现的字符标记为特殊字符
  18. // ^ 匹配输入字符串的开始位置,除非在方括号表达式中使用,当该符号在方括号表达式中使用时,表示不接受该方括号表达式中的字符集合。要匹配 ^ 字符本身,请使用 \^。
  19. // \w 匹配字母、数字、下划线。等价于 [A-Za-z0-9_]
  20. // $("input").bind('keyup blur', function() {
  21. // // var reg= /[^\w\u4e00-\u9fa5\/\-]/gi;
  22. // var reg = /[^\w\u4e00-\u9fa5]/gi;
  23. // var val = $(this).val();
  24. // if (reg.test(val)) {
  25. // $(this).val($(this).val().replace(reg, ''));
  26. // }
  27. // });
  28. // 点击图片,显示弹窗
  29. $(".flex_li").click(function () {
  30. // = $(".pop").css("display");
  31. var tabshow = $(this).text().replace(/\s+/g, '');
  32. if (tabshow == "教育") {
  33. $(".pop").toggle();
  34. $(".pop").siblings().hide()
  35. } else if (tabshow == "户籍管理") {
  36. $(".popCensus").toggle();
  37. $(".popCensus").siblings().hide()
  38. } else if (tabshow == "交通服务") {
  39. $(".popTraffic").toggle();
  40. $(".popTraffic").siblings().hide()
  41. } else if (tabshow == "民政服务") {
  42. $(".popCivil").toggle();
  43. $(".popCivil").siblings().hide()
  44. } else if (tabshow == "社会保障") {
  45. $(".popSociety").toggle();
  46. $(".popSociety").siblings().hide()
  47. } else if (tabshow == "文体旅游") {
  48. $(".popTravel").toggle();
  49. $(".popTravel").siblings().hide()
  50. } else if (tabshow == "养老服务") {
  51. $(".popProvide").toggle();
  52. $(".popProvide").siblings().hide()
  53. } else if (tabshow == "医疗") {
  54. $(".popMedical").toggle();
  55. $(".popMedical").siblings().hide()
  56. }
  57. })
  58. // 百度地图API功能
  59. function G(id) {
  60. return document.getElementById(id);
  61. }
  62. var map = new BMap.Map('right-map'); // 创建Map实例
  63. map.centerAndZoom(new BMap.Point(106.563, 29.523), 14); // 初始化地图,设置中心点坐标和地图级别
  64. map.enableScrollWheelZoom(true); // 开启鼠标滚轮缩放
  65. // 区级部门与街镇解析地址批量解析开始
  66. var myGeo = new BMap.Geocoder();
  67. var xxs = [];
  68. var xx = [];
  69. var zx = [];
  70. var tsjy = [];
  71. var dx = [];
  72. var zyyx = [];
  73. var yey = [];
  74. $.ajax({
  75. type: 'GET',
  76. url: './js/map.json',
  77. async: false,
  78. success: function (res) {
  79. console.log(res)
  80. for (let i = 0; i < res.xxs.length; i++) {
  81. xxs.push(res.xxs[i]);
  82. if (xxs[i].type == "小学") {
  83. xx.push(xxs[i])
  84. }
  85. if (xxs[i].type == "中学" || xxs[i].specialtype == "中学") {
  86. zx.push(xxs[i])
  87. }
  88. if (xxs[i].type == "特殊教育学校") {
  89. tsjy.push(xxs[i])
  90. }
  91. }
  92. for (let j = 0; j < res.dxs.length; j++) {
  93. dx.push(res.dxs[j])
  94. }
  95. for (let k = 0; k < res.zyyxs.length; k++) {
  96. zyyx.push(res.zyyxs[k])
  97. }
  98. for (let y = 0; y < res.yeys.length; y++) {
  99. yey.push(res.yeys[y])
  100. }
  101. },
  102. error: function (err) { },
  103. });
  104. $(".mapnav").click(function () {
  105. $(this).addClass("choice");
  106. $(this).parent("li").siblings().children(".mapnav").removeClass("choice");
  107. var xxtx = $(this).text();
  108. if (xxtx == "小学") {
  109. bdGEOxx(xx);
  110. }
  111. if (xxtx == "中学") {
  112. bdGEOzx(zx);
  113. }
  114. if (xxtx == "特殊教育学校") {
  115. bdGEOtsjy(tsjy)
  116. }
  117. if (xxtx == "高等院校") {
  118. bdGEOdx(dx)
  119. }
  120. if (xxtx == "职业教育学校") {
  121. bdGEOzyyx(zyyx)
  122. }
  123. if (xxtx == "幼儿园") {
  124. bdGEOyey(yey)
  125. }
  126. })
  127. function bdGEOxx(xx) {
  128. map.clearOverlays();
  129. for (var z = 0; z < xx.length; z++) {
  130. var add = xx[z].address;
  131. const tempAdd = add;
  132. myGeo.getPoint(tempAdd, function (point) {
  133. if (point) {
  134. var address = new BMap.Point(point.lng, point.lat);
  135. for (var index = 0; index < xx.length; index++) {
  136. var xxdep = xx[index].dep;
  137. var xxaddre = xx[index].address;
  138. var xxtype = xx[index].type;
  139. var xxspecial = xx[index].specialtype;
  140. var xxtag = xx[index].tag;
  141. var xxtag2 = xx[index].tag2;
  142. var xxtag3 = xx[index].tag3;
  143. var xxcontent = xx[index].content;
  144. var xximg = xx[index].img;
  145. var sContnet = ''
  146. sContnet += "<ul class='titleFirst'>"
  147. sContnet += "<li class='title_flex'>"
  148. sContnet += xxdep
  149. sContnet += "<p class='flex_blue'>· "
  150. sContnet += xxtype
  151. sContnet += "</p>"
  152. sContnet += "</li>"
  153. if (xxtag == "") {
  154. sContnet += "<li>"
  155. } else {
  156. sContnet += "<li class='flex_orange'>"
  157. sContnet += "<div class='three_tag'>"
  158. sContnet += xxtag
  159. if (xxtag2 == undefined) {
  160. sContnet += "</div>"
  161. } else {
  162. sContnet += "</div>"
  163. sContnet += "<div class='three_tag'>"
  164. sContnet += xxtag2
  165. sContnet += "</div>"
  166. }
  167. if (xxtag3 == undefined) {
  168. sContnet += "</li>"
  169. } else {
  170. sContnet += "<div class='three_tag'>"
  171. sContnet += xxtag3
  172. sContnet += "</div>"
  173. sContnet += "</li>"
  174. }
  175. sContnet += "<li>"
  176. }
  177. if (xxcontent == "") {
  178. sContnet += "<p class='content_p'>暂无数据</p>"
  179. } else {
  180. sContnet += "<a class='a_blue'>"
  181. sContnet += "<p class='content_p'>"
  182. sContnet += xxcontent
  183. sContnet += "</p>"
  184. sContnet += "详情></a>"
  185. }
  186. sContnet += "</li>"
  187. sContnet += "<li class='img_box'>"
  188. if (xximg == "") {
  189. sContnet += "<p class='content_p'>暂无数据</p>"
  190. // sContnet += "<img class='two_img' src='http://www.cqsyz.com/templates/site/image/nav-1.png'>"
  191. // sContnet += "<img class='two_img' src='http://www.cqsyz.com/upfiles/202201/20220117141352844.jpg'>"
  192. } else {
  193. sContnet += "<img class='two_img' src='" + xximg + "'>"
  194. // sContnet += "<img class='two_img' src='http://www.cqsyz.com/upfiles/202201/20220117141352844.jpg'>"
  195. }
  196. sContnet += "</li>"
  197. sContnet += "<li class='address_box'>"
  198. sContnet += "<p><span class='flex_address'>地址:</span>"
  199. sContnet += xxaddre
  200. sContnet += "</p>"
  201. sContnet += "</li>"
  202. sContnet += "<li class='btn_box'>"
  203. sContnet += "<button class='one_bus'>公交</button>"
  204. sContnet += "<button class='two_car'>自驾</button>"
  205. sContnet += "</li>"
  206. sContnet += "</ul>";
  207. if (tempAdd == xxaddre) {
  208. addMarker(index, address, new BMap.InfoWindow(sContnet, xxaddre));
  209. }
  210. document.querySelectorAll(".two_img").onload = function () {
  211. infoWindow.redraw();
  212. }
  213. }
  214. }
  215. }, "重庆市");
  216. }
  217. };
  218. function bdGEOzx(zx) {
  219. map.clearOverlays();
  220. for (var z = 0; z < zx.length; z++) {
  221. var add = zx[z].address;
  222. const tempAdd = add;
  223. myGeo.getPoint(tempAdd, function (point) {
  224. if (point) {
  225. var address = new BMap.Point(point.lng, point.lat);
  226. for (var index = 0; index < zx.length; index++) {
  227. var zxdep = zx[index].dep;
  228. var zxaddre = zx[index].address;
  229. var zxtype = zx[index].type;
  230. var zxspecial = zx[index].specialtype;
  231. var zxtag = zx[index].tag;
  232. var zxtag2 = zx[index].tag2;
  233. var zxtag3 = zx[index].tag3;
  234. var zxcontent = zx[index].content;
  235. var zximg = zx[index].img;
  236. var zxtel = zx[index].tel
  237. var sContnet = ''
  238. sContnet += "<ul class='titleFirst'>"
  239. sContnet += "<li class='title_flex'>"
  240. sContnet += zxdep
  241. if (zxtype == "小学") {
  242. sContnet += "<p class='flex_blue'>· "
  243. sContnet += zxtype
  244. sContnet += "</p>"
  245. sContnet += "<p class='flex_blue'>· "
  246. sContnet += zxspecial
  247. sContnet += "</p>"
  248. } else {
  249. sContnet += "<p class='flex_blue'>· "
  250. sContnet += zxtype
  251. sContnet += "</p>"
  252. }
  253. sContnet += "</li>"
  254. if (zxtag == "") {
  255. sContnet += "<li>"
  256. } else {
  257. sContnet += "<li class='flex_orange'>"
  258. sContnet += "<div class='three_tag'>"
  259. sContnet += zxtag
  260. if (zxtag2 == undefined) {
  261. sContnet += "</div>"
  262. } else {
  263. sContnet += "</div>"
  264. sContnet += "<div class='three_tag'>"
  265. sContnet += zxtag2
  266. sContnet += "</div>"
  267. }
  268. if (zxtag3 == undefined) {
  269. sContnet += "</li>"
  270. } else {
  271. sContnet += "<div class='three_tag'>"
  272. sContnet += zxtag3
  273. sContnet += "</div>"
  274. sContnet += "</li>"
  275. }
  276. sContnet += "<li>"
  277. }
  278. if (zxcontent == "") {
  279. sContnet += "<p class='content_p'>暂无数据</p>"
  280. } else {
  281. sContnet += "<a class='a_blue'>"
  282. sContnet += "<p class='content_p'>"
  283. sContnet += zxcontent
  284. sContnet += "</p>"
  285. sContnet += "详情></a>"
  286. }
  287. sContnet += "</li>"
  288. sContnet += "<li class='img_box'>"
  289. if (zximg == "") {
  290. sContnet += "<p class='content_p'>暂无数据</p>"
  291. // sContnet += "<img class='two_img' src='http://www.cqsyz.com/templates/site/image/nav-1.png'>"
  292. // sContnet += "<img class='two_img' src='http://www.cqsyz.com/upfiles/202201/20220117141352844.jpg'>"
  293. } else {
  294. sContnet += "<img class='two_img' src='" + zximg + "'>"
  295. // sContnet += "<img class='two_img' src='http://www.cqsyz.com/upfiles/202201/20220117141352844.jpg'>"
  296. }
  297. sContnet += "</li>"
  298. sContnet += "<li class='address_box'>"
  299. sContnet += "<p><span class='flex_address'>地址:</span>"
  300. sContnet += zxaddre
  301. sContnet += "</p>"
  302. sContnet += "<p><span class='flex_address'>办公电话:</span>"
  303. sContnet += zxtel
  304. sContnet += "</p>"
  305. sContnet += "</li>"
  306. sContnet += "<li class='btn_box'>"
  307. sContnet += "<button class='one_bus'>公交</button>"
  308. sContnet += "<button class='two_car'>自驾</button>"
  309. sContnet += "</li>"
  310. sContnet += "</ul>"
  311. if (tempAdd == zxaddre) {
  312. addMarker(index, address, new BMap.InfoWindow(sContnet, zxaddre));
  313. }
  314. document.querySelectorAll(".two_img").onload = function () {
  315. infoWindow.redraw();
  316. }
  317. }
  318. }
  319. }, "重庆市");
  320. }
  321. };
  322. function bdGEOtsjy(tsjy) {
  323. map.clearOverlays();
  324. for (var z = 0; z < tsjy.length; z++) {
  325. var add = tsjy[z].address;
  326. const tempAdd = add;
  327. myGeo.getPoint(tempAdd, function (point) {
  328. if (point) {
  329. var address = new BMap.Point(point.lng, point.lat);
  330. for (var index = 0; index < tsjy.length; index++) {
  331. var tsjydep = tsjy[index].dep;
  332. var tsjyaddre = tsjy[index].address;
  333. var tsjytype = tsjy[index].type;
  334. var tsjytag = tsjy[index].tag;
  335. var tsjytag2 = tsjy[index].tag2;
  336. var tsjytag3 = tsjy[index].tag3;
  337. var tsjycontent = tsjy[index].content;
  338. var tsjyimg = tsjy[index].img;
  339. var tsjytel = tsjy[index].tel
  340. var sContnet =
  341. sContnet += "<ul class='titleFirst'>"
  342. sContnet += "<li class='title_flex'>"
  343. sContnet += tsjydep
  344. sContnet += "<p class='flex_blue'>· "
  345. sContnet += tsjytype
  346. sContnet += "</p>"
  347. sContnet += "</li>"
  348. if (tsjytag == "") {
  349. sContnet += "<li>"
  350. } else {
  351. sContnet += "<li class='flex_orange'>"
  352. sContnet += "<div class='three_tag'>"
  353. sContnet += tsjytag
  354. if (tsjytag2 == undefined) {
  355. sContnet += "</div>"
  356. } else {
  357. sContnet += "</div>"
  358. sContnet += "<div class='three_tag'>"
  359. sContnet += tsjytag2
  360. sContnet += "</div>"
  361. }
  362. if (tsjytag3 == undefined) {
  363. sContnet += "</li>"
  364. } else {
  365. sContnet += "<div class='three_tag'>"
  366. sContnet += tsjytag3
  367. sContnet += "</div>"
  368. sContnet += "</li>"
  369. }
  370. sContnet += "<li>"
  371. }
  372. if (tsjycontent == "") {
  373. sContnet += "<p class='content_p'>暂无数据</p>"
  374. } else {
  375. sContnet += "<a class='a_blue'>"
  376. sContnet += "<p class='content_p'>"
  377. sContnet += tsjycontent
  378. sContnet += "</p>"
  379. sContnet += "详情></a>"
  380. }
  381. sContnet += "</li>"
  382. sContnet += "<li class='img_box'>"
  383. if (tsjyimg == "") {
  384. sContnet += "<p class='content_p'>暂无数据</p>"
  385. // sContnet += "<img class='two_img' src='http://www.cqsyz.com/templates/site/image/nav-1.png'>"
  386. // sContnet += "<img class='two_img' src='http://www.cqsyz.com/upfiles/202201/20220117141352844.jpg'>"
  387. } else {
  388. sContnet += "<img class='two_img' src='" + tsjyimg + "'>"
  389. // sContnet += "<img class='two_img' src='http://www.cqsyz.com/upfiles/202201/20220117141352844.jpg'>"
  390. }
  391. sContnet += "</li>"
  392. sContnet += "<li class='address_box'>"
  393. sContnet += "<p><span class='flex_address'>地址:</span>"
  394. sContnet += tsjyaddre
  395. sContnet += "</p>"
  396. sContnet += "</li>"
  397. sContnet += "<li class='btn_box'>"
  398. sContnet += "<button class='one_bus'>公交</button>"
  399. sContnet += "<button class='two_car'>自驾</button>"
  400. sContnet += "</li>"
  401. sContnet += "</ul>"
  402. if (tempAdd == tsjyaddre) {
  403. addMarker(index, address, new BMap.InfoWindow(sContnet, tsjyaddre));
  404. }
  405. document.querySelectorAll(".two_img").onload = function () {
  406. infoWindow.redraw();
  407. }
  408. }
  409. }
  410. }, "重庆市");
  411. }
  412. };
  413. function bdGEOdx(dx) {
  414. map.clearOverlays();
  415. for (var z = 0; z < dx.length; z++) {
  416. var add = dx[z].address;
  417. const tempAdd = add;
  418. myGeo.getPoint(tempAdd, function (point) {
  419. if (point) {
  420. var address = new BMap.Point(point.lng, point.lat);
  421. for (var index = 0; index < dx.length; index++) {
  422. var dxdep = dx[index].dep;
  423. var dxaddre = dx[index].address;
  424. var dxtype = dx[index].type;
  425. var dxtag = dx[index].tag;
  426. var dxtag2 = dx[index].tag2;
  427. var dxtag3 = dx[index].tag3;
  428. var dxcontent = dx[index].content;
  429. var dximg = dx[index].img;
  430. var dxtel = dx[index].tel
  431. var sContnet = ''
  432. sContnet += "<ul class='titleFirst'>"
  433. sContnet += "<li class='title_flex'>"
  434. sContnet += dxdep
  435. sContnet += "<p class='flex_blue'>· "
  436. sContnet += dxtype
  437. sContnet += "</p>"
  438. sContnet += "</li>"
  439. sContnet += "<li class='flex_orange'>"
  440. sContnet += "<div class='three_tag'>"
  441. sContnet += dxtag
  442. sContnet += "</div>"
  443. sContnet += "<div class='three_tag'>"
  444. sContnet += dxtag2
  445. sContnet += "</div>"
  446. sContnet += "<div class='three_tag'>"
  447. sContnet += dxtag3
  448. sContnet += "</div>"
  449. sContnet += "</li>"
  450. sContnet += "<li>"
  451. sContnet += "<a class='a_blue'>"
  452. sContnet += "<p class='content_p'>"
  453. sContnet += dxcontent
  454. sContnet += "</p>"
  455. sContnet += "详情></a>"
  456. sContnet += "</li>"
  457. sContnet += "<li class='img_box'>"
  458. if (dximg == "") {
  459. sContnet += "<p class='content_p'>暂无数据</p>"
  460. } else {
  461. sContnet += "<img class='two_img' src='" + dximg + "'>"
  462. }
  463. sContnet += "</li>"
  464. sContnet += "<li class='address_box'>"
  465. sContnet += "<p><span class='flex_address'>地址:</span>"
  466. sContnet += dxaddre
  467. sContnet += "</p>"
  468. sContnet += "<p><span class='flex_address'>办公电话:</span>"
  469. sContnet += dxtel
  470. sContnet += "</p>"
  471. sContnet += "</li>"
  472. sContnet += "<li class='btn_box'>"
  473. sContnet += "<button class='one_bus'>公交</button>"
  474. sContnet += "<button class='two_car'>自驾</button>"
  475. sContnet += "</li>"
  476. sContnet += "</ul>"
  477. if (tempAdd == dxaddre) {
  478. addMarker(index, address, new BMap.InfoWindow(sContnet, dxaddre));
  479. }
  480. document.querySelectorAll(".two_img").onload = function () {
  481. infoWindow.redraw();
  482. }
  483. }
  484. }
  485. }, "重庆市");
  486. }
  487. };
  488. function bdGEOzyyx(zyyx) {
  489. map.clearOverlays();
  490. for (var z = 0; z < zyyx.length; z++) {
  491. var add = zyyx[z].address;
  492. const tempAdd = add;
  493. myGeo.getPoint(tempAdd, function (point) {
  494. if (point) {
  495. var address = new BMap.Point(point.lng, point.lat);
  496. for (var index = 0; index < zyyx.length; index++) {
  497. var zyyxdep = zyyx[index].dep;
  498. var zyyxaddre = zyyx[index].address;
  499. var zyyxtype = zyyx[index].type;
  500. var zyyxtag = zyyx[index].tag;
  501. var zyyxtag2 = zyyx[index].tag2;
  502. var zyyxtag3 = zyyx[index].tag3;
  503. var zyyxcontent = zyyx[index].content;
  504. var zyyximg = zyyx[index].img;
  505. var zyyxtel = zyyx[index].tel
  506. var sContnet = ''
  507. sContnet += "<ul class='titleFirst'>"
  508. sContnet += "<li class='title_flex'>"
  509. sContnet += zyyxdep
  510. sContnet += "<p class='flex_blue'>· "
  511. sContnet += zyyxtype
  512. sContnet += "</p>"
  513. sContnet += "</li>"
  514. if (zyyxtag == "") {
  515. sContnet += "<li>"
  516. } else {
  517. sContnet += "<li class='flex_orange'>"
  518. sContnet += "<div class='three_tag'>"
  519. sContnet += zyyxtag
  520. if (zyyxtag2 == undefined) {
  521. sContnet += "</div>"
  522. } else {
  523. sContnet += "</div>"
  524. sContnet += "<div class='three_tag'>"
  525. sContnet += zyyxtag2
  526. sContnet += "</div>"
  527. }
  528. if (zyyxtag3 == undefined) {
  529. sContnet += "</li>"
  530. } else {
  531. sContnet += "<div class='three_tag'>"
  532. sContnet += zyyxtag3
  533. sContnet += "</div>"
  534. sContnet += "</li>"
  535. }
  536. sContnet += "<li>"
  537. }
  538. if (zyyxcontent == "") {
  539. sContnet += "<p class='content_p'>暂无数据</p>"
  540. } else {
  541. sContnet += "<a class='a_blue'>"
  542. sContnet += "<p class='content_p'>"
  543. sContnet += zyyxcontent
  544. sContnet += "</p>"
  545. sContnet += "详情></a>"
  546. }
  547. sContnet += "</li>"
  548. sContnet += "<li class='img_box'>"
  549. if (zyyximg == "") {
  550. sContnet += "<p class='content_p'>暂无数据</p>"
  551. // sContnet += "<img class='two_img' src='http://www.cqsyz.com/templates/site/image/nav-1.png'>"
  552. // sContnet += "<img class='two_img' src='http://www.cqsyz.com/upfiles/202201/20220117141352844.jpg'>"
  553. } else {
  554. sContnet += "<img class='two_img' src='" + zyyximg + "'>"
  555. // sContnet += "<img class='two_img' src='http://www.cqsyz.com/upfiles/202201/20220117141352844.jpg'>"
  556. }
  557. sContnet += "</li>"
  558. sContnet += "<li class='address_box'>"
  559. sContnet += "<p><span class='flex_address'>地址:</span>"
  560. sContnet += zyyxaddre
  561. sContnet += "</p>"
  562. sContnet += "<p><span class='flex_address'>办公电话:</span>"
  563. sContnet += zyyxtel
  564. sContnet += "</p>"
  565. sContnet += "</li>"
  566. sContnet += "<li class='btn_box'>"
  567. sContnet += "<button class='one_bus'>公交</button>"
  568. sContnet += "<button class='two_car'>自驾</button>"
  569. sContnet += "</li>"
  570. sContnet += "</ul>"
  571. if (tempAdd == zyyxaddre) {
  572. addMarker(index, address, new BMap.InfoWindow(sContnet, zyyxaddre));
  573. }
  574. document.querySelectorAll(".two_img").onload = function () {
  575. infoWindow.redraw();
  576. }
  577. }
  578. }
  579. }, "重庆市");
  580. }
  581. };
  582. function bdGEOyey(yey) {
  583. map.clearOverlays();
  584. for (var z = 0; z < yey.length; z++) {
  585. var add = yey[z].address;
  586. const tempAdd = add;
  587. myGeo.getPoint(tempAdd, function (point) {
  588. if (point) {
  589. var address = new BMap.Point(point.lng, point.lat);
  590. for (var index = 0; index < yey.length; index++) {
  591. var yeydep = yey[index].dep;
  592. var yeyaddre = yey[index].address;
  593. var yeytype = yey[index].type;
  594. var yeytag = yey[index].tag;
  595. var yeytag2 = yey[index].tag2;
  596. var yeycontent = yey[index].content;
  597. var yeyimg = yey[index].img;
  598. var yeytel = yey[index].tel
  599. var sContnet = ''
  600. sContnet += "<ul class='titleFirst'>"
  601. sContnet += "<li class='title_flex'>"
  602. sContnet += yeydep
  603. sContnet += "<p class='flex_blue'>· "
  604. sContnet += yeytype
  605. sContnet += "</p>"
  606. sContnet += "</li>"
  607. sContnet += "<li class='flex_orange'>"
  608. sContnet += "<div class='three_tag'>"
  609. sContnet += yeytag
  610. sContnet += "</div>"
  611. sContnet += "<div class='three_tag'>"
  612. sContnet += yeytag2
  613. sContnet += "</div>"
  614. sContnet += "<li>"
  615. if (yeycontent == "") {
  616. sContnet += "<p class='content_p'>暂无数据</p>"
  617. } else {
  618. sContnet += "<a class='a_blue'>"
  619. sContnet += "<p class='content_p'>"
  620. sContnet += yeycontent
  621. sContnet += "</p>"
  622. sContnet += "详情></a>"
  623. }
  624. sContnet += "</li>"
  625. sContnet += "<li class='img_box'>"
  626. if (yeyimg == "") {
  627. sContnet += "<p class='content_p'>暂无数据</p>"
  628. } else {
  629. sContnet += "<img class='two_img' src='" + yeyimg + "'>"
  630. }
  631. sContnet += "</li>"
  632. sContnet += "<li class='address_box'>"
  633. sContnet += "<p><span class='flex_address'>地址:</span>"
  634. sContnet += yeyaddre
  635. sContnet += "</p>"
  636. sContnet += "<p><span class='flex_address'>办公电话:</span>"
  637. sContnet += yeytel
  638. sContnet += "</p>"
  639. sContnet += "</li>"
  640. sContnet += "<li class='btn_box'>"
  641. sContnet += "<button class='one_bus'>公交</button>"
  642. sContnet += "<button class='two_car'>自驾</button>"
  643. sContnet += "</li>"
  644. sContnet += "</ul>"
  645. if (tempAdd == yeyaddre) {
  646. addMarker(index, address, new BMap.InfoWindow(sContnet, yeyaddre));
  647. }
  648. document.querySelectorAll(".two_img").onload = function () {
  649. infoWindow.redraw();
  650. }
  651. }
  652. }
  653. }, "重庆市");
  654. }
  655. };
  656. function addMarker(index, point, infoWindow) {
  657. var myIcon = new BMap.Icon("./img/locationIcon2.png", new BMap.Size(34, 34));
  658. var marker = new BMap.Marker(point, {
  659. icon: myIcon
  660. });
  661. map.addOverlay(marker);
  662. if (index == 0) {
  663. marker.openInfoWindow(infoWindow)
  664. }
  665. marker.addEventListener("click", function () {
  666. map.openInfoWindow(infoWindow, point); //开启信息窗口
  667. });
  668. }
  669. })
  670. // 当屏幕等于375px,将左上角的图片替换成小尺寸
  671. // $(window).resize(function (e) {
  672. // if (e.target.innerWidth < '750') {
  673. // $('.logo-img').attr('src', 'img/map-logo2.png');
  674. // $('.logo-img').css("width", "257px");
  675. // }
  676. // if (e.target.innerWidth > '750') {
  677. // $('.logo-img').attr('src', 'img/map-logo2.png');
  678. // $('.logo-img').css("width", "257px");
  679. // }
  680. // if (e.target.innerWidth < '1366') {
  681. // $('.logo-img').attr('src', 'img/map-logo2.png');
  682. // $('.logo-img').css("width", "257px");
  683. // }
  684. // if (e.target.innerWidth > '1366') {
  685. // $('.logo-img').attr('src', 'img/map-logo.png');
  686. // $('.logo-img').css("width", "446px");
  687. // }
  688. // });