Nessuna descrizione

anyangMap.js 29KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001100210031004100510061007100810091010101110121013101410151016101710181019102010211022102310241025102610271028102910301031103210331034103510361037103810391040104110421043104410451046104710481049105010511052105310541055105610571058105910601061106210631064106510661067106810691070107110721073107410751076107710781079108010811082108310841085108610871088108910901091109210931094109510961097109810991100110111021103110411051106110711081109111011111112111311141115111611171118111911201121112211231124112511261127112811291130113111321133113411351136113711381139114011411142114311441145114611471148114911501151115211531154115511561157115811591160116111621163116411651166116711681169117011711172117311741175117611771178117911801181118211831184118511861187118811891190119111921193119411951196119711981199120012011202120312041205120612071208120912101211121212131214121512161217121812191220122112221223122412251226122712281229123012311232123312341235123612371238123912401241124212431244124512461247124812491250125112521253125412551256125712581259126012611262126312641265126612671268126912701271127212731274127512761277127812791280128112821283128412851286128712881289129012911292129312941295129612971298129913001301130213031304130513061307130813091310131113121313131413151316131713181319132013211322132313241325132613271328132913301331133213331334133513361337133813391340134113421343134413451346134713481349135013511352135313541355135613571358135913601361136213631364136513661367136813691370137113721373137413751376137713781379138013811382138313841385138613871388138913901391139213931394139513961397139813991400140114021403140414051406140714081409141014111412141314141415141614171418141914201421142214231424142514261427142814291430
  1. /*
  2. 一级大屏地图
  3. */
  4. var uploadedDataURL = "./json/format.1630046648889.js";
  5. var mapImg = './image/point.png';
  6. var myChart = echarts.init(document.getElementById('map'));
  7. var points = [{
  8. name: '安阳县',
  9. value: [114.164512, 36.180943]
  10. },
  11. {
  12. name: '北关区',
  13. value: [114.379621, 36.137115]
  14. },
  15. {
  16. name: '滑县',
  17. value: [114.667181, 35.465867]
  18. },
  19. {
  20. name: '龙安区',
  21. value: [114.254489, 36.044375]
  22. },
  23. {
  24. name: '林州市',
  25. value: [113.854634, 36.010256]
  26. },
  27. {
  28. name: '内黄县',
  29. value: [114.8165, 35.900576]
  30. },
  31. {
  32. name: '汤阴县',
  33. value: [114.455689, 35.902302]
  34. },
  35. {
  36. name: '文峰区(高新区)',
  37. value: [114.418257, 36.034251]
  38. },
  39. {
  40. name: '殷都区',
  41. value: [114.289197, 36.133648]
  42. }
  43. ];
  44. let mapWorkOrder = []
  45. let mapNum = 0;
  46. var maxNum = []
  47. let dataNum = [];
  48. let arrowData = []
  49. let speed = 0;
  50. let series = [];
  51. let areaCount=[]
  52. let hxData = [{
  53. name: '文峰区->滑县',
  54. coords: [
  55. [114.418257, 36.034251],
  56. [114.667181, 35.465867]
  57. ]
  58. }];
  59. let nhData = [{
  60. name: '文峰区->内黄县',
  61. coords: [
  62. [114.418257, 36.034251],
  63. [114.8165, 35.900576]
  64. ]
  65. }];
  66. let ayData = [{
  67. name: '文峰区->安阳县',
  68. coords: [
  69. [114.418257, 36.034251],
  70. [114.164512, 36.180943]
  71. ]
  72. }];
  73. let lzData = [{
  74. name: '文峰区->林州市',
  75. coords: [
  76. [114.418257, 36.034251],
  77. [113.854634, 36.010256]
  78. ]
  79. }];
  80. let tyData = [{
  81. name: '文峰区->汤阴县',
  82. coords: [
  83. [114.418257, 36.034251],
  84. [114.455689, 35.902302]
  85. ]
  86. }];
  87. let ydData = [{
  88. name: '文峰区->殷都区',
  89. coords: [
  90. [114.418257, 36.034251],
  91. [114.289197, 36.133648]
  92. ]
  93. }];
  94. let laData = [{
  95. name: '文峰区->龙安区',
  96. coords: [
  97. [114.418257, 36.034251],
  98. [114.254489, 36.044375]
  99. ]
  100. }];
  101. let bgData = [{
  102. name: '文峰区->北关区',
  103. coords: [
  104. [114.418257, 36.034251],
  105. [114.379621, 36.137115]
  106. ]
  107. }];
  108. let hxName = 0;//滑县
  109. let nhName =0;//内黄
  110. let ayName =0;//安阳
  111. let lzName =0;//林州
  112. let tyName =0;//汤阴
  113. let ydName =0;//殷都
  114. let laName =0;//龙安
  115. let bgName =0;//北关
  116. initData()
  117. setInterval(function(){
  118. mapWorkOrder = []
  119. mapNum = 0;
  120. maxNum = []
  121. dataNum = [];
  122. arrowData = []
  123. speed = 0;
  124. series = [];
  125. areaCount=[]
  126. initData()
  127. initMap();
  128. },30000)
  129. initMap()
  130. function initMap(){
  131. for (i = 0; i < mapWorkOrder.length; i++) {
  132. for (j = 0; j < mapWorkOrder.length; j++) {
  133. if (mapWorkOrder[i].value > mapWorkOrder[j].value) {
  134. t = mapWorkOrder[i];
  135. mapWorkOrder[i] = mapWorkOrder[j];
  136. mapWorkOrder[j] = t;
  137. }
  138. }
  139. }
  140. series.push( //地图
  141. {
  142. type: 'map',
  143. mapType: 'js',
  144. geoIndex: -1,
  145. zoom: 1.29, //默认显示级别
  146. left: 350,
  147. label: {
  148. show: false,
  149. color: '#222',
  150. // offset :[-200,-220],
  151. emphasis: {
  152. color: 'white',
  153. show: false
  154. }
  155. },
  156. itemStyle: {
  157. normal: {
  158. borderColor: '#2980b9',
  159. borderWidth: 1,
  160. areaColor: '#12235c'
  161. },
  162. emphasis: {
  163. // areaColor: '#FA8C16',
  164. borderWidth: 0,
  165. color: 'green'
  166. }
  167. },
  168. data: mapWorkOrder
  169. }, {
  170. type: 'effectScatter',
  171. coordinateSystem: 'geo',
  172. showEffectOn: 'render',
  173. rippleEffect: {
  174. period: 2,
  175. scale: 3,
  176. brushType: 'fill'
  177. },
  178. hoverAnimation: true,
  179. label: {
  180. formatter: '{b}',
  181. position: 'right',
  182. offset: [-20, -20],
  183. color: '#000000',
  184. fontWeight: 600,
  185. show: true
  186. },
  187. itemStyle: {
  188. normal: {
  189. color: '#00fcff',
  190. shadowBlur: 2,
  191. borderWidth: 2,
  192. shadowColor: '#00fcff'
  193. }
  194. },
  195. emphasis: {
  196. show: false,
  197. itemStyle: {
  198. opacity: 1, //线条宽度
  199. }
  200. },
  201. data: points
  202. })
  203. mapWorkOrder.forEach(function(v, n) {
  204. dataNum.push(v.value);
  205. if (v.name == '北关区' && v.value != 0) {
  206. if(bgName<v.value&&bgName!=0){
  207. bgData.push({
  208. name: '文峰区->北关区',
  209. coords: [
  210. [114.418257, 36.034251],
  211. [114.379621, 36.137115]
  212. ]
  213. })
  214. bgName=v.value
  215. }else{
  216. bgName=v.value
  217. }
  218. series.push({
  219. name: '供应商B',
  220. type: 'lines',
  221. zlevel: 2,
  222. symbol: ['none', 'arrow'],
  223. symbolSize: 7,
  224. effect: {
  225. show: true,
  226. period: n + 1,
  227. trailLength: 0.02,
  228. symbol: 'arrow',
  229. symbolSize: 6,
  230. color: '#23e9dc',
  231. loop:false
  232. },
  233. lineStyle: {
  234. color: '#23e9dc',
  235. // width: 1.5, //线条宽度
  236. opacity: 1, //尾迹线条透明度
  237. curveness: 0.3, //尾迹线条曲直度
  238. // shadowBlur: 10,
  239. },
  240. // emphasis: {
  241. // lineStyle: {
  242. // width: 2, //线条宽度
  243. // }
  244. // },
  245. data:bgData
  246. })
  247. }
  248. if (v.name == '殷都区' && v.value != 0) {
  249. if(ydName<v.value&&ydName!=0){
  250. ydData.push({
  251. name: '文峰区->殷都区',
  252. coords: [
  253. [114.418257, 36.034251],
  254. [114.289197, 36.133648]
  255. ]
  256. })
  257. ydName=v.value
  258. }else{
  259. ydName=v.value
  260. }
  261. series.push({
  262. name: '供应商B',
  263. type: 'lines',
  264. zlevel: 2,
  265. symbol: ['none', 'arrow'],
  266. symbolSize: 7,
  267. effect: {
  268. show: true,
  269. period: n + 1,
  270. trailLength: 0.02,
  271. symbol: 'arrow',
  272. symbolSize: 6,
  273. color: '#23e9dc',
  274. loop:false
  275. },
  276. lineStyle: {
  277. color: '#23e9dc',
  278. // width: 1.5, //线条宽度
  279. opacity: 1, //尾迹线条透明度
  280. curveness: 0.3, //尾迹线条曲直度
  281. // shadowBlur: 10,
  282. },
  283. emphasis: {
  284. // lineStyle: {
  285. // width: 2, //线条宽度
  286. // }
  287. },
  288. data: ydData
  289. })
  290. }
  291. if (v.name == '龙安区' && v.value != 0) {
  292. if(laName<v.value&&laName!=0){
  293. laData.push({
  294. name: '文峰区->龙安区',
  295. coords: [
  296. [114.418257, 36.034251],
  297. [114.254489, 36.044375]
  298. ]
  299. })
  300. laName=v.value
  301. }else{
  302. alName=v.value
  303. }
  304. series.push({
  305. name: '供应商B',
  306. type: 'lines',
  307. zlevel: 2,
  308. symbol: ['none', 'arrow'],
  309. symbolSize: 7,
  310. effect: {
  311. show: true,
  312. period: n + 1,
  313. trailLength: 0.02,
  314. symbol: 'arrow',
  315. symbolSize: 6,
  316. color: '#23e9dc',
  317. loop:false
  318. },
  319. lineStyle: {
  320. color: '#23e9dc',
  321. // width: 1.5, //线条宽度
  322. opacity: 1, //尾迹线条透明度
  323. curveness: 0.3, //尾迹线条曲直度
  324. // shadowBlur: 10,
  325. },
  326. emphasis: {
  327. // lineStyle: {
  328. // width: 2, //线条宽度
  329. // }
  330. },
  331. data: laData
  332. })
  333. }
  334. if (v.name == '安阳县' && v.value != 0) {
  335. if(ayName<v.value&&ayName!=0){
  336. ayData.push({
  337. name: '文峰区->安阳县',
  338. coords: [
  339. [114.418257, 36.034251],
  340. [114.164512, 36.180943]
  341. ]
  342. })
  343. ayName=v.value
  344. }else{
  345. ayName=v.value
  346. }
  347. series.push({
  348. name: '供应商B',
  349. type: 'lines',
  350. zlevel: 2,
  351. symbol: ['none', 'arrow'],
  352. symbolSize: 7,
  353. effect: {
  354. show: true,
  355. period: n + 1,
  356. trailLength: 0.02,
  357. symbol: 'arrow',
  358. symbolSize: 6,
  359. color: '#23e9dc',
  360. loop:false
  361. },
  362. lineStyle: {
  363. color: '#23e9dc',
  364. // width: 1.5, //线条宽度
  365. opacity: 1, //尾迹线条透明度
  366. curveness: 0.3, //尾迹线条曲直度
  367. // shadowBlur: 10,
  368. },
  369. emphasis: {
  370. // lineStyle: {
  371. // width: 2, //线条宽度
  372. // }
  373. },
  374. data: ayData
  375. })
  376. }
  377. if (v.name == '汤阴县' && v.value != 0) {
  378. if(tyName<v.value&&tyName!=0){
  379. tyData.push({
  380. name: '文峰区->汤阴县',
  381. coords: [
  382. [114.418257, 36.034251],
  383. [114.455689, 35.902302]
  384. ]
  385. })
  386. tyName=v.value
  387. }else{
  388. tyName=v.value
  389. }
  390. series.push({
  391. name: '供应商B',
  392. type: 'lines',
  393. zlevel: 2,
  394. symbol: ['none', 'arrow'],
  395. symbolSize: 7,
  396. effect: {
  397. show: true,
  398. period: n + 1,
  399. trailLength: 0.02,
  400. symbol: 'arrow',
  401. symbolSize: 6,
  402. color: '#23e9dc',
  403. loop:false
  404. },
  405. lineStyle: {
  406. color: '#23e9dc',
  407. // width: 1.5, //线条宽度
  408. opacity: 1, //尾迹线条透明度
  409. curveness: 0.3, //尾迹线条曲直度
  410. // shadowBlur: 10,
  411. },
  412. emphasis: {
  413. // lineStyle: {
  414. // width: 2, //线条宽度
  415. // }
  416. },
  417. data: tyData
  418. })
  419. }
  420. if (v.name == '内黄县' && v.value != 0) {
  421. if(nhName<v.value&&nhName!=0){
  422. nhData.push({
  423. name: '文峰区->内黄县',
  424. coords: [
  425. [114.418257, 36.034251],
  426. [114.8165, 35.900576]
  427. ]
  428. })
  429. nhName=v.value
  430. }else{
  431. nhName=v.value
  432. }
  433. series.push({
  434. name: '供应商B',
  435. type: 'lines',
  436. zlevel: 2,
  437. symbol: ['none', 'arrow'],
  438. symbolSize: 7,
  439. effect: {
  440. show: true,
  441. period: n + 1,
  442. trailLength: 0.02,
  443. symbol: 'arrow',
  444. symbolSize: 6,
  445. color: '#23e9dc',
  446. loop:false
  447. },
  448. lineStyle: {
  449. color: '#23e9dc',
  450. // width: 1.5, //线条宽度
  451. opacity: 1, //尾迹线条透明度
  452. curveness: 0.3, //尾迹线条曲直度
  453. // shadowBlur: 10,
  454. },
  455. emphasis: {
  456. // lineStyle: {
  457. // width: 2, //线条宽度
  458. // }
  459. },
  460. data: nhData
  461. })
  462. }
  463. if (v.name == '滑县' && v.value != 0) {
  464. if(hxName<v.value&&hxName!=0){
  465. hxData.push({
  466. name: '文峰区->滑县',
  467. coords: [
  468. [114.418257, 36.034251],
  469. [114.667181, 35.465867]
  470. ]
  471. })
  472. hxName=v.value
  473. }else{
  474. hxName=v.value
  475. }
  476. series.push({
  477. name: '供应商B',
  478. type: 'lines',
  479. zlevel: 2,
  480. symbol: ['none', 'arrow'],
  481. symbolSize: 7,
  482. effect: {
  483. show: true,
  484. period: n + 1,
  485. trailLength: 0.02,
  486. symbol: 'arrow',
  487. symbolSize: 6,
  488. color: '#23e9dc',
  489. loop:false
  490. },
  491. lineStyle: {
  492. color: '#23e9dc',
  493. // width: 1.5, //线条宽度
  494. opacity: 1, //尾迹线条透明度
  495. curveness: 0.3, //尾迹线条曲直度
  496. // shadowBlur: 10,
  497. },
  498. emphasis: {
  499. // lineStyle: {
  500. // width: 2, //线条宽度
  501. // }
  502. },
  503. data: hxData
  504. })
  505. }
  506. if (v.name == '林州市' && v.value != 0) {
  507. if(lzName<v.value&&lzName!=0){
  508. lzData.push({
  509. name: '文峰区->林州市',
  510. coords: [
  511. [114.418257, 36.034251],
  512. [113.854634, 36.010256]
  513. ]
  514. })
  515. lzName=v.value
  516. }else{
  517. lzName=v.value
  518. }
  519. series.push({
  520. name: '供应商B',
  521. type: 'lines',
  522. zlevel: 2,
  523. symbol: ['none', 'arrow'],
  524. symbolSize: 7,
  525. effect: {
  526. show: true,
  527. period: n + 1,
  528. trailLength: 0.02,
  529. symbol: 'arrow',
  530. symbolSize: 6,
  531. color: '#23e9dc',
  532. loop:false
  533. },
  534. lineStyle: {
  535. color: '#23e9dc',
  536. // width: 1.5, //线条宽度
  537. opacity: 1, //尾迹线条透明度
  538. curveness: 0.3, //尾迹线条曲直度
  539. // shadowBlur: 10,
  540. },
  541. emphasis: {
  542. // lineStyle: {
  543. // width: 2, //线条宽度
  544. // }
  545. },
  546. data: lzData
  547. })
  548. }
  549. })
  550. maxNum.push(Math.max.apply(null, dataNum));
  551. getMap(mapWorkOrder, maxNum[0], series)
  552. }
  553. function initData(){
  554. $.ajax({
  555. type: "get",
  556. url: huayi.config.callcenter_url + "InfoNew/GetAreaCount",
  557. async: false,
  558. dataType: 'json',
  559. success: function(res) {
  560. areaCount=res;
  561. res.forEach(function(v, n) {
  562. if (v.AreaName == "北关区" || v.AreaName == "殷都区" || v.AreaName == "龙安区" || v.AreaName ==
  563. "安阳县" || v.AreaName == "汤阴县" || v.AreaName == "内黄县" || v.AreaName == "滑县" || v
  564. .AreaName == "林州市") {
  565. mapWorkOrder.push({
  566. name: v.AreaName,
  567. value:v.DayCount
  568. })
  569. }
  570. if (v.AreaName == '高新区' || v.AreaName == '文峰区') {
  571. mapNum += v.DayCount
  572. }
  573. if (n == res.length - 1) {
  574. mapWorkOrder.push({
  575. name: '文峰区',
  576. value: mapNum
  577. })
  578. }
  579. })
  580. }
  581. });
  582. }
  583. function getMap(mapWorkOrder, maxNum, arrowData) {
  584. var option = null;
  585. $.getJSON(uploadedDataURL, function(geoJson) {
  586. echarts.registerMap('js', geoJson);
  587. myChart.hideLoading();
  588. option = {
  589. tooltip: {
  590. trigger: 'item',
  591. textStyle: {
  592. color: '#fff',
  593. fontSize: '16',
  594. fontWeight: '600'
  595. },
  596. position: 'top',
  597. backgroundColor: 'rgba(250,250,250,0)',
  598. transitionDuration: 0.4,
  599. formatter: function(params) {
  600. let str=''
  601. areaCount.forEach(function(v,n){
  602. // debugger
  603. if(v.AreaName=='林州市'){
  604. $('.wrapp').css({
  605. 'top':'11px !important'
  606. })
  607. }
  608. if(v.AreaName==params.name){
  609. str='<div class="wrapp"><p>'+v.AreaName+'</p><ul class="mapWrap"><li><label>今日受理量:</label>'+
  610. v.DayCount+'</li><li><label>今日办理量:</label>'+v.dayblcount+'</li><li><label>今日办理率:</label>'+
  611. v.blrate+'</li><li><label>今日满意度:</label>'+v.mydrate+'</li></ul></div>'
  612. }
  613. })
  614. return str
  615. }
  616. },
  617. graphic: {
  618. elements: [{
  619. type: "image",
  620. z: 3,
  621. style: {
  622. image: mapImg,
  623. width: 30,
  624. height: 31
  625. },
  626. left: 600,
  627. top: 155
  628. }]
  629. },
  630. visualMap: {
  631. show: true,
  632. max: maxNum,
  633. seriesIndex: [0],
  634. left: 185,
  635. calculable: true,
  636. textStyle: {
  637. color: '#fff'
  638. },
  639. inRange: {
  640. color: ['#fffb00', '#ff0100']
  641. }
  642. },
  643. geo: [{
  644. map: 'js',
  645. roam: false, //是否允许缩放
  646. zoom: 1.29, //默认显示级别
  647. left: 350,
  648. scaleLimit: {
  649. min: 0,
  650. max: 3
  651. }, //缩放级别
  652. itemStyle: {
  653. normal: {
  654. // areaColor: '#013C62',
  655. shadowColor: '#013C62',
  656. shadowBlur: 20,
  657. shadowOffsetX: -5,
  658. shadowOffsetY: 15,
  659. }
  660. },
  661. tooltip: {
  662. show: false
  663. }
  664. }],
  665. series: series
  666. };
  667. myChart.setOption(option);
  668. })
  669. }
  670. myChart.on('click',function(params){
  671. let areaid=0;
  672. let areaChildrenId={};
  673. $('.secondLevel_map .regionMap').html('<div id="regionMap" style="width:1100px;height:800px;"></div>');
  674. $('.bulletFrame').show();
  675. $('.secondLevel_map').show();
  676. $('.secondLevel_map').siblings().hide()
  677. if ($('.bulletFrame').css('display') == 'block') {
  678. $('.body').css('opacity', '0.4')
  679. }
  680. if(params.name=='汤阴县'){
  681. areaid=4970
  682. $('.table_title .region').text('安阳市/汤阴县');
  683. $('.secondLevel_map h3').text('汤阴县各个地区的数据');
  684. var points = [{
  685. name: '韩庄镇',
  686. value: [114.334991,35.927563]
  687. },
  688. {
  689. name: '宜沟镇',
  690. value: [114.323211,35.834913]
  691. },
  692. {
  693. name: '五陵镇',
  694. value: [114.596888,35.891651]
  695. },
  696. {
  697. name: '瓦岗乡',
  698. value: [114.483246,35.862893]
  699. },
  700. {
  701. name: '任固镇',
  702. value: [114.647119,35.969153]
  703. },
  704. {
  705. name: '白营镇',
  706. value: [114.420167,35.947903]
  707. },
  708. {
  709. name: '菜园镇',
  710. value: [114.537142,35.959174]
  711. },
  712. {
  713. name: '城关镇',
  714. value: [114.361279,35.909404]
  715. },
  716. {
  717. name: '伏道镇',
  718. value: [114.434838,35.885618]
  719. },{
  720. name: '古贤镇',
  721. value: [114.468908,35.952257]
  722. }
  723. ];
  724. getAreaChildrenDate("./json/second_mapjson/tyMap.js",areaid,params.name,2.1);
  725. }
  726. if(params.name=='北关区'){
  727. areaid=4966
  728. $('.table_title .region').text('安阳市/北关区');
  729. $('.secondLevel_map h3').text('北关区各个地区的数据');
  730. var points = [{
  731. name: '柏庄镇街道办事处',
  732. value: [114.376146,36.189086]
  733. },
  734. {
  735. name: '灯塔路街道办事处',
  736. value: [114.363224,36.103208]
  737. },
  738. {
  739. name: '豆腐营街道办事处',
  740. value: [114.367485,36.117054]
  741. },
  742. {
  743. name: '红旗路街道办事处',
  744. value: [114.352712,36.111018]
  745. },
  746. {
  747. name: '洹北街道办事处',
  748. value: [114.352576,36.126513]
  749. },
  750. {
  751. name: '解放路街道办事处',
  752. value: [114.337825,36.105418]
  753. },
  754. {
  755. name: '明航路街道办事处',
  756. value: [114.342118,36.116426]
  757. },
  758. {
  759. name: '曙光路街道办事处',
  760. value: [114.386033,36.11196]
  761. },
  762. {
  763. name: '彰北街道办事处',
  764. value: [114.348406,36.153483]
  765. },{
  766. name: '彰东街道办事处',
  767. value: [114.406294,36.122082]
  768. }
  769. ];
  770. // getAreaData("./json/second_mapjson/bg.js",areaid,1,points)
  771. getAreaChildrenDate("./json/second_mapjson/bg.js",areaid,params.name,1)
  772. }
  773. if(params.name=='林州市'){
  774. areaid=4973
  775. $('.table_title .region').text('安阳市/林州市');
  776. $('.secondLevel_map h3').text('林州市各个地区的数据');
  777. var points = [{
  778. name: '采桑镇',
  779. value: [113.887716,35.960656]
  780. },
  781. {
  782. name: '茶店镇',
  783. value: [113.777267,35.81841]
  784. },
  785. {
  786. name: '东岗镇',
  787. value: [113.931622,36.262622]
  788. },
  789. {
  790. name: '东姚镇',
  791. value: [113.96501,35.919831]
  792. },
  793. {
  794. name: '桂林镇',
  795. value: [113.849715,35.87905]
  796. },
  797. {
  798. name: '桂园街道',
  799. value: [113.845538,36.069393]
  800. },
  801. {
  802. name: '合涧镇',
  803. value: [113.75004,35.976737]
  804. },
  805. {
  806. name: '河顺镇',
  807. value: [113.934313,36.166682]
  808. },
  809. {
  810. name: '横水镇',
  811. value: [113.929042,36.059674]
  812. },{
  813. name: '黄华镇',
  814. value: [113.731985,36.055168]
  815. },{
  816. name: '开元街道',
  817. value: [113.779445,36.062924]
  818. },
  819. {
  820. name: '临淇镇',
  821. value: [113.810211,35.746358]
  822. },
  823. {
  824. name: '陵阳镇',
  825. value: [113.860306,36.108913]
  826. },
  827. {
  828. name: '龙山街道',
  829. value: [113.844116,36.036597]
  830. },{
  831. name: '任村镇',
  832. value: [113.819971,36.280505]
  833. },{
  834. name: '石板岩镇',
  835. value: [113.732406,36.171901]
  836. },
  837. {
  838. name: '五龙镇',
  839. value: [113.936786,35.768473]
  840. },{
  841. name: '姚村镇',
  842. value: [113.788672,36.163975]
  843. },{
  844. name: '原康镇',
  845. value: [113.733172,35.901168]
  846. },{
  847. name: '振林街道',
  848. value: [113.78518,36.028286]
  849. }
  850. ];
  851. // initSecondMap("./json/second_mapjson/lz.js",mapWorkOrder,points,0.8)
  852. // getAreaData("./json/second_mapjson/lz.js",areaid,0.8,points)
  853. getAreaChildrenDate("./json/second_mapjson/lz.js",areaid,params.name,0.8);
  854. }
  855. if(params.name=='龙安区'){
  856. areaid=4968
  857. $('.table_title .region').text('安阳市/龙安区');
  858. $('.secondLevel_map h3').text('龙安区各个地区的数据');
  859. let mapWorkOrder=[{
  860. name:'东风乡',
  861. value:265
  862. },{
  863. name:'龙泉镇',
  864. value:132
  865. },{
  866. name:'马家乡',
  867. value:905
  868. },{
  869. name:'马投涧镇',
  870. value:35
  871. },{
  872. name:'其他街道',
  873. value:1001
  874. },{
  875. name:'善应镇',
  876. value:65
  877. },{
  878. name:'田村街道',
  879. value:2653
  880. },{
  881. name:'彰武街道',
  882. value:235
  883. }]
  884. var points = [{
  885. name: '东风乡',
  886. value: [114.263657,36.081646]
  887. },
  888. {
  889. name: '龙泉镇',
  890. value: [114.183266,36.066322]
  891. },
  892. {
  893. name: '马家乡',
  894. value: [114.033834,36.007366]
  895. },
  896. {
  897. name: '善应镇',
  898. value: [114.087244,36.052482]
  899. },
  900. {
  901. name: '马投涧',
  902. value: [114.265472,36.017159]
  903. },
  904. {
  905. name: '彰武街道',
  906. value: [114.126507,36.081671]
  907. },
  908. {
  909. name: '其他街道',
  910. value: [114.309283,36.086998]
  911. },
  912. {
  913. name: '田村街道',
  914. value: [114.325998,35.995775]
  915. }
  916. ];
  917. // initSecondMap("./json/second_mapjson/la.js",mapWorkOrder,points,1.7,1)
  918. getAreaChildrenDate("./json/second_mapjson/la.js",areaid,params.name,1.7)
  919. }
  920. if(params.name=='内黄县'){
  921. areaid=4971
  922. $('.table_title .region').text('安阳市/内黄县');
  923. $('.secondLevel_map h3').text('内黄县各个地区的数据');
  924. var points = [{
  925. name: '亳城乡',
  926. value: [114.791918,35.856879]
  927. },
  928. {
  929. name: '城关镇',
  930. value: [114.913482,35.921525]
  931. },
  932. {
  933. name: '楚旺镇',
  934. value: [114.861593,36.069981]
  935. },
  936. {
  937. name: '东庄镇',
  938. value: [114.799996,35.939528]
  939. },
  940. {
  941. name: '豆公镇',
  942. value: [114.731277,36.003302]
  943. },
  944. {
  945. name: '二安镇',
  946. value: [114.63051,35.830218]
  947. },
  948. {
  949. name: '高堤乡',
  950. value: [114.686809,35.926727]
  951. },
  952. {
  953. name: '后河镇',
  954. value: [114.886355,35.823831]
  955. },
  956. {
  957. name: '井店镇',
  958. value: [114.714754,35.824492]
  959. },{
  960. name: '梁庄镇',
  961. value: [114.790612,35.714601]
  962. },{
  963. name: '六村乡',
  964. value: [114.765365,35.818409]
  965. },
  966. {
  967. name: '马上乡',
  968. value: [114.923471,36.012246]
  969. },
  970. {
  971. name: '石盘屯乡',
  972. value: [114.795523,36.026423]
  973. },
  974. {
  975. name: '宋村乡',
  976. value: [114.874849,36.102626]
  977. },{
  978. name: '田氏镇',
  979. value: [114.768836,36.093927]
  980. },{
  981. name: '张龙乡',
  982. value: [114.836405,35.997405]
  983. },
  984. {
  985. name: '中召乡',
  986. value: [114.880941,35.672457]
  987. }
  988. ];
  989. // initSecondMap("./json/second_mapjson/nh.js",mapWorkOrder,points,0.9,1)
  990. // getAreaData("./json/second_mapjson/nh.js",areaid,0.9,points)
  991. getAreaChildrenDate("./json/second_mapjson/nh.js",areaid,params.name,0.9)
  992. }
  993. if(params.name=='安阳县'){
  994. areaid=4969
  995. $('.table_title .region').text('安阳市/安阳县');
  996. $('.secondLevel_map h3').text('安阳县各个地区的数据');
  997. var points = [{
  998. name: '白璧镇',
  999. value: [114.496084,36.085256]
  1000. },
  1001. {
  1002. name: '北郭乡',
  1003. value: [114.718712,36.092081]
  1004. },
  1005. {
  1006. name: '崔家桥',
  1007. value: [114.472922,36.127645]
  1008. },
  1009. {
  1010. name: '高庄镇',
  1011. value: [114.441733,36.022587]
  1012. },
  1013. {
  1014. name: '韩陵镇',
  1015. value: [114.426147,36.157893]
  1016. },
  1017. {
  1018. name: '吕村镇',
  1019. value: [114.63456,36.097088]
  1020. },
  1021. {
  1022. name: '瓦店乡',
  1023. value: [114.543443,36.030168]
  1024. },
  1025. {
  1026. name: '辛村镇',
  1027. value: [114.649095,36.038501]
  1028. },{
  1029. name: '永和镇',
  1030. value: [114.556285,36.076409]
  1031. }
  1032. ];
  1033. // initSecondMap("./json/second_mapjson/an.js",mapWorkOrder,points,1.8,1)
  1034. getAreaChildrenDate("./json/second_mapjson/an.js",areaid,params.name,1.8)
  1035. }
  1036. if(params.name=='滑县'){
  1037. areaid=4972
  1038. $('.table_title .region').text('安阳市/滑县');
  1039. $('.secondLevel_map h3').text('滑县各个地区的数据');
  1040. let mapWorkOrder=[{
  1041. name:'道口镇',
  1042. value:265
  1043. },{
  1044. name:'城关镇',
  1045. value: 65
  1046. },{
  1047. name:'白道口镇',
  1048. value:905
  1049. },{
  1050. name:'留固镇',
  1051. value:35
  1052. },{
  1053. name:'上官镇',
  1054. value:1001
  1055. },{
  1056. name:'牛屯镇',
  1057. value:65
  1058. },{
  1059. name:'万古镇',
  1060. value:2653
  1061. },{
  1062. name:'南平镇',
  1063. value:235
  1064. },{
  1065. name:'王庄镇',
  1066. value:26
  1067. },{
  1068. name:'老店镇',
  1069. value:687
  1070. },{
  1071. name:'枣村乡',
  1072. value:65
  1073. },{
  1074. name:'四间房乡',
  1075. value:2653
  1076. },{
  1077. name:'八里营乡',
  1078. value:235
  1079. },{
  1080. name:'赵营乡',
  1081. value:26
  1082. },{
  1083. name:'太康',
  1084. value:687
  1085. },{
  1086. name:'桑村乡',
  1087. value:65
  1088. },{
  1089. name:'老爷庙乡',
  1090. value:2653
  1091. },{
  1092. name:'慈周寨镇',
  1093. value:235
  1094. },{
  1095. name:'瓦岗寨乡',
  1096. value:26
  1097. },{
  1098. name:'焦虎镇',
  1099. value:687
  1100. },{
  1101. name:'半坡店乡',
  1102. value:26
  1103. },{
  1104. name:'小铺乡',
  1105. value:687
  1106. }]
  1107. var points = [{
  1108. name: '道口镇',
  1109. value: [114.521725,35.57908]
  1110. },
  1111. {
  1112. name: '城关镇',
  1113. value: [114.562491,35.536364]
  1114. },
  1115. {
  1116. name: '白道口镇',
  1117. value: [114.687202,35.610667]
  1118. },
  1119. {
  1120. name: '留固镇',
  1121. value: [114.707976,35.521489]
  1122. },
  1123. {
  1124. name: '上官镇',
  1125. value: [114.6566,35.408238]
  1126. },
  1127. {
  1128. name: '牛屯镇',
  1129. value: [114.432765,35.263399]
  1130. },
  1131. {
  1132. name: '万古镇',
  1133. value: [114.765123,35.425571]
  1134. },
  1135. {
  1136. name: '高平镇',
  1137. value: [114.762324,35.362734]
  1138. },
  1139. {
  1140. name: '王庄镇',
  1141. value: [114.452002,35.448025]
  1142. },{
  1143. name: '老店镇',
  1144. value: [114.519226,35.432093]
  1145. },{
  1146. name: '枣村乡',
  1147. value: [114.641436,35.586652]
  1148. },
  1149. {
  1150. name: '四间房乡',
  1151. value: [114.809686,35.644298]
  1152. },
  1153. {
  1154. name: '八里营乡',
  1155. value: [114.802761,35.526012]
  1156. },
  1157. {
  1158. name: '赵营乡',
  1159. value: [114.918496,35.558846]
  1160. },{
  1161. name: '大寨乡',
  1162. value: [114.922687,35.510747]
  1163. },{
  1164. name: '桑村乡',
  1165. value: [114.948336,35.40398]
  1166. },
  1167. {
  1168. name: '老爷庙乡',
  1169. value: [114.859358,35.417752]
  1170. },{
  1171. name: '慈周寨镇',
  1172. value: [114.656107,35.31389]
  1173. },{
  1174. name: '瓦岗寨乡',
  1175. value: [114.605103,35.337706]
  1176. },{
  1177. name: '焦虎镇',
  1178. value: [114.547843,35.324892]
  1179. },{
  1180. name:'半坡店乡',
  1181. value: [114.461749,35.357857]
  1182. },{
  1183. name:'小铺乡',
  1184. value: [114.462266,35.524934]
  1185. },{
  1186. name:'锦和街道',
  1187. value:[114.534026,35.55689]
  1188. }
  1189. ];
  1190. // initSecondMap("./json/second_mapjson/hx.js",mapWorkOrder,points,1.5,1)
  1191. getAreaChildrenDate("./json/second_mapjson/hx.js",areaid,params.name,1.5)
  1192. }
  1193. if(params.name=='文峰区'){
  1194. areaid=4965
  1195. $('.table_title .region').text('安阳市/文峰区');
  1196. $('.secondLevel_map h3').text('文峰区各个地区的数据');
  1197. var points = [{
  1198. name: '紫薇大道街道办事处',
  1199. value: [114.377648,36.100414]
  1200. },
  1201. {
  1202. name: '中华路街道办事处',
  1203. value: [114.395717,36.077149]
  1204. },
  1205. {
  1206. name: '西关街道办事处',
  1207. value: [114.338148,36.084578]
  1208. },
  1209. {
  1210. name: '永明路街道办事处',
  1211. value: [114.399933,36.099202]
  1212. },
  1213. {
  1214. name: '银杏大街办事处',
  1215. value: [114.373121,36.064235]
  1216. },
  1217. {
  1218. name: '西大街街道办事处',
  1219. value: [114.34324,36.088201]
  1220. },
  1221. {
  1222. name: '头二三街道办事处',
  1223. value: [114.360524,36.094981]
  1224. },
  1225. {
  1226. name: '甜水井街道办事处',
  1227. value: [114.358959,36.099054]
  1228. },
  1229. {
  1230. name: '商颂大街办事处',
  1231. value: [114.382846,36.030264]
  1232. },
  1233. {
  1234. name: '南关街道办事处',
  1235. value: [114.349528,36.078638]
  1236. },{
  1237. name: '光华路街道办事处',
  1238. value: [114.375407,36.07955]
  1239. },{
  1240. name: '峨嵋大街办事处',
  1241. value: [114.336056,36.055329]
  1242. },
  1243. {
  1244. name: '东关街道办事处',
  1245. value: [114.372651,36.090796]
  1246. },
  1247. {
  1248. name: '东大街街道办事处',
  1249. value: [114.350048,36.091195]
  1250. },
  1251. {
  1252. name: '北大街街道办事处',
  1253. value: [114.34613,36.097237]
  1254. },{
  1255. name: '宝莲寺镇人民政府',
  1256. value: [114.375466,36.005516]
  1257. }
  1258. ];
  1259. getAreaChildrenDate("./json/second_mapjson/wf.js",areaid,params.name,1)
  1260. // initSecondMap("./json/second_mapjson/wf.js",mapWorkOrder,points,1)
  1261. }
  1262. if(params.name=='殷都区'){
  1263. areaid=4967
  1264. $('.table_title .region').text('安阳市/殷都区');
  1265. $('.secondLevel_map h3').text('殷都区各个地区的数据');
  1266. // let mapWorkOrder=[{
  1267. // name:'安丰',
  1268. // value:265
  1269. // },{
  1270. // name:'都里镇',
  1271. // value: 65
  1272. // },{
  1273. // name:'铜冶镇',
  1274. // value:905
  1275. // },{
  1276. // name:'磊口',
  1277. // value:35
  1278. // },{
  1279. // name:'许家沟',
  1280. // value:1001
  1281. // },{
  1282. // name:'蒋村镇',
  1283. // value:65
  1284. // },{
  1285. // name:'水冶镇',
  1286. // value:2653
  1287. // },{
  1288. // name:'伦掌镇',
  1289. // value:235
  1290. // },{
  1291. // name:'洪河屯',
  1292. // value:26
  1293. // },{
  1294. // name:'其他街道',
  1295. // value:687
  1296. // }
  1297. // ,{
  1298. // name:'曲沟镇',
  1299. // value:687
  1300. // }]
  1301. var points = [{
  1302. name: '其他街道',
  1303. value: [114.293737,36.139251]
  1304. },
  1305. {
  1306. name: '洪河屯乡',
  1307. value: [114.305236,36.177483]
  1308. },
  1309. {
  1310. name: '伦掌镇',
  1311. value: [114.139168,36.228247]
  1312. },
  1313. {
  1314. name: '水冶镇',
  1315. value: [114.137329,36.131261]
  1316. },
  1317. {
  1318. name: '许家沟乡',
  1319. value: [114.062848,36.123366]
  1320. },
  1321. {
  1322. name: '磊口乡',
  1323. value: [113.995755,36.155448]
  1324. },
  1325. {
  1326. name: '铜冶镇',
  1327. value: [114.078469,36.235819]
  1328. },
  1329. {
  1330. name: '都里镇',
  1331. value: [114.016636,36.272104]
  1332. },{
  1333. name: '安丰乡',
  1334. value: [114.268893,36.203905]
  1335. },{
  1336. name: '曲沟镇',
  1337. value: [114.21666,36.115853]
  1338. }
  1339. ];
  1340. // initSecondMap("./json/second_mapjson/yd.js",mapWorkOrder,points,1.5,1)
  1341. getAreaChildrenDate("./json/second_mapjson/nyd.js",areaid,params.name,1.5)
  1342. }
  1343. initTableMap(areaid)
  1344. $('.type').css({
  1345. 'background': 'url(./image/second/btn1.png)'
  1346. })
  1347. $('.classify').css({
  1348. 'background': 'url(./image/second/btn2.png)'
  1349. })
  1350. $('#orderKeylist').hide()
  1351. function getAreaData(area,areaid,num,points,areaChildrenId){
  1352. new doAjax({
  1353. url:huayi.config.callcenter_url+'/InfoNew/GetAreaChildrenCount',
  1354. Type: 'get',
  1355. data: {
  1356. areaid :areaid
  1357. },
  1358. callBack: function (res) {
  1359. let mapWorkOrder=[];
  1360. let maxNum2=[];
  1361. let dataNum2=[];
  1362. res.data.forEach(function(v,n){
  1363. dataNum2.push(v.count)
  1364. if(v.Name=='园区街道办事处'){
  1365. mapWorkOrder.push({
  1366. name:'明航路街道办事处',
  1367. value:v.count
  1368. })
  1369. }else{
  1370. mapWorkOrder.push({
  1371. name:v.Name,
  1372. value:v.count
  1373. })
  1374. }
  1375. })
  1376. maxNum2.push(Math.max.apply(null, dataNum2));
  1377. initSecondMap(area,mapWorkOrder,points,num,maxNum2[0],areaChildrenId)
  1378. }
  1379. });
  1380. }
  1381. function getAreaChildrenDate(area,areaid,areaName,num){
  1382. new doAjax({
  1383. url:huayi.config.callcenter_url+'/InfoNew/GetTownshipCount',
  1384. Type: 'get',
  1385. async:false,
  1386. data: {
  1387. id:areaid
  1388. },
  1389. callBack: function (res) {
  1390. areaChildrenId={};
  1391. areaChildrenId.areaName=areaName;
  1392. areaChildrenId.data=res.data;
  1393. console.log(areaChildrenId)
  1394. getAreaData(area,areaid,num,points,areaChildrenId);
  1395. }
  1396. });
  1397. }
  1398. $('.table_btn').click(function(e){
  1399. if(e.target.tagName == 'SPAN'){
  1400. if ($(e.target).attr('pos') == '0') {
  1401. initTableMap(areaid)
  1402. $('#orderKeylist').hide()
  1403. $('#orderlist').show()
  1404. $('.type').css({
  1405. 'background': 'url(./image/second/btn1.png)',
  1406. 'color':'#f4d219'
  1407. })
  1408. $('.classify').css({
  1409. 'background': 'url(./image/second/btn2.png)',
  1410. 'color':'#0693be'
  1411. })
  1412. }else{
  1413. keyTable(areaid)
  1414. $('#orderlist').hide()
  1415. $('#orderKeylist').show()
  1416. $('.classify').css({
  1417. 'background': 'url(./image/second/btn1.png)',
  1418. 'color':'#f4d219'
  1419. })
  1420. $('.type').css({
  1421. 'background': 'url(./image/second/btn2.png)',
  1422. 'color':'#0693be'
  1423. })
  1424. }
  1425. }
  1426. })
  1427. })