Newer
Older
urbanLifeline_YanAn / public / static / libs / mapbox / style / floodOneMap.json
@jimengfei jimengfei on 6 Oct 18 KB updata
  1. {
  2. "params": {
  3. "basemap": "https://supermap2.wh-nf.cn:8090/bm",
  4. "mvt": "https://supermap0.wh-nf.cn:8090/vt",
  5. "sprites": [
  6. "/static/libs/mapbox/style/sprite/sprite4",
  7. "/static/libs/mapbox/style/sprite/sprite5",
  8. "/static/libs/mapbox/style/sprite/sprite6"
  9. ],
  10. "init": {
  11. "center": [
  12. 109.488,
  13. 36.596
  14. ],
  15. "zoom": 13,
  16. "pitch": 55,
  17. "style": null,
  18. "localStyle": "/static/libs/mapbox/style/customs/night-style.json"
  19. },
  20. "l7": {
  21. "images": [
  22. {
  23. "name": "02",
  24. "url": "https://gw.alipayobjects.com/zos/bmw-prod/ce83fc30-701f-415b-9750-4b146f4b3dd6.svg"
  25. },
  26. {
  27. "name": "map_selected",
  28. "url": "/static/libs/mapbox/style/sprite/map_selected.png"
  29. }
  30. ]
  31. }
  32. },
  33. "ogc": [
  34. {
  35. "id": "newfiber-XYZLayer",
  36. "type": "XYZLayer",
  37. "params": {
  38. "id": "newfiber-XYZLayer",
  39. "url": "https://t{s}.tianditu.gov.cn/DataServer?T=img_w&X={x}&Y={y}&L={z}&tk=a603e07a17766447f9e74f14c5454efa",
  40. "subdomains": [
  41. "0",
  42. "1",
  43. "2",
  44. "3",
  45. "4",
  46. "5",
  47. "6",
  48. "7"
  49. ],
  50. "minZoom": 1,
  51. "maxZoom": 19,
  52. "tileType": ""
  53. },
  54. "methods": [
  55. {
  56. "name": "addTo",
  57. "params": [
  58. "''||map"
  59. ]
  60. },
  61. {
  62. "name": "hide",
  63. "params": []
  64. }
  65. ]
  66. },
  67. {
  68. "id": "newfiber-WMTSLayer",
  69. "type": "WMTSLayer",
  70. "params": {
  71. "id": "newfiber-WMTSLayer",
  72. "url": "https://t{s}.tianditu.gov.cn/img_c/wmts?SERVICE=WMTS&REQUEST=GetTile&VERSION=1.0.0&LAYER=img&STYLE=default&TILEMATRIXSET=c&FORMAT=tiles&TILECOL={x}&TILEROW={y}&TILEMATRIX={z}&tk=5095c97223409ac114493d71ecb9cd87",
  73. "subdomains": [
  74. "0",
  75. "1",
  76. "2",
  77. "3",
  78. "4",
  79. "5",
  80. "6",
  81. "7"
  82. ]
  83. },
  84. "methods": []
  85. },
  86. {
  87. "id": "newfiber-WMSLayer",
  88. "type": "WMSLayer",
  89. "params": {
  90. "id": "newfiber-WMSLayer",
  91. "url": "http://server1.wh-nf.cn:8023/geoserver/xiaoganMapServer/wms",
  92. "layers": "xiaoganMapServer:GKFQ1"
  93. },
  94. "methods": []
  95. }
  96. ],
  97. "l7": [
  98. {
  99. "id": "hubei_xiaogan_roads",
  100. "key": "hubei_xiaogan_roads",
  101. "type": "LineLayer",
  102. "show": false,
  103. "params": {
  104. "autoFit": false,
  105. "zIndex": 10
  106. },
  107. "methods": [
  108. {
  109. "name": "shape",
  110. "params": [
  111. "line"
  112. ]
  113. },
  114. {
  115. "name": "color",
  116. "params": [
  117. "fclass",
  118. "''||function(v){\n let key = [\"trunk\", \"footway\", \"secondary\", \"trunk_link\", \"tertiary\", \"secondary_link\", \"tertiary_link\", \"living_street\", \"pedestrian\", \"primary\", \"residential\", \"track\", \"primary_link\", \"motorway_link\", \"motorway\", \"service\", \"unclassified\", \"path\"];\n let colors = ['#F9D371', '#3DB2FF', '#6E85B2', '#F47340', '#F6A9A9', '#EF2F88', '#5F7A61', '#1ee3cf', '#C2F784', '#FFF89A', 'rgba(22, 119, 255, .5)', '#93FFD8', '#BAFFB4', '#D3DEDC', '#AEFEFF', '#9B0000', '#F5F5F5', '#08ffc8', '#FFE3E3'];\n return colors[key.indexOf(v)];\n }"
  119. ]
  120. },
  121. {
  122. "name": "style",
  123. "params": [
  124. {
  125. "watercolor": "#6D99A8"
  126. }
  127. ]
  128. },
  129. {
  130. "name": "animate",
  131. "params": [
  132. {
  133. "interval": 1,
  134. "duration": 1,
  135. "trailLength": 2
  136. }
  137. ]
  138. }
  139. ],
  140. "columns": "fclass"
  141. },
  142. {
  143. "id": "sx_ya_smx_ps_line",
  144. "key": "pipeline_info_flow_ys",
  145. "type": "LineLayer",
  146. "show": false,
  147. "params": {
  148. "autoFit": false,
  149. "zIndex": 1
  150. },
  151. "methods": [
  152. {
  153. "name": "size",
  154. "params": [
  155. 3
  156. ]
  157. },
  158. {
  159. "name": "shape",
  160. "params": [
  161. "line"
  162. ]
  163. },
  164. {
  165. "name": "texture",
  166. "params": [
  167. "02"
  168. ]
  169. },
  170. {
  171. "name": "color",
  172. "params": [
  173. "type",
  174. "''||function(v){\n let key = [\"ys\", \"ws\", \"hs\"];\n let colors = ['#184375', '#E6061A', '#ccff12'];\n return colors[key.indexOf(v)];\n }"
  175. ]
  176. },
  177. {
  178. "name": "animate",
  179. "params": [
  180. {
  181. "interval": 1,
  182. "duration": 1,
  183. "trailLength": 2
  184. }
  185. ]
  186. },
  187. {
  188. "name": "style",
  189. "params": [
  190. {
  191. "opacity": 0.6,
  192. "lineTexture": true,
  193. "iconStep": 10,
  194. "borderWidth": 0.4,
  195. "borderColor": "#fff"
  196. }
  197. ]
  198. }
  199. ],
  200. "columns": "type",
  201. "filter": "type = 'ys'"
  202. },
  203. {
  204. "id": "sx_ya_smx_ps_line",
  205. "key": "pipeline_info_flow_ws1",
  206. "type": "LineLayer",
  207. "show": false,
  208. "params": {
  209. "autoFit": false,
  210. "zIndex": 1
  211. },
  212. "methods": [
  213. {
  214. "name": "size",
  215. "params": [
  216. 3
  217. ]
  218. },
  219. {
  220. "name": "shape",
  221. "params": [
  222. "line"
  223. ]
  224. },
  225. {
  226. "name": "texture",
  227. "params": [
  228. "02"
  229. ]
  230. },
  231. {
  232. "name": "color",
  233. "params": [
  234. "type",
  235. "''||function(v){\n let key = [\"ys\", \"ws\", \"hs\"];\n let colors = ['#184375', '#E6061A', '#E6061A'];\n return colors[key.indexOf(v)];\n }"
  236. ]
  237. },
  238. {
  239. "name": "animate",
  240. "params": [
  241. {
  242. "interval": 1,
  243. "duration": 1,
  244. "trailLength": 2
  245. }
  246. ]
  247. },
  248. {
  249. "name": "style",
  250. "params": [
  251. {
  252. "opacity": 0.6,
  253. "lineTexture": true,
  254. "iconStep": 10,
  255. "borderWidth": 0.4,
  256. "borderColor": "#fff"
  257. }
  258. ]
  259. }
  260. ],
  261. "columns": "type",
  262. "filter": "type in ('ws','hs')"
  263. },
  264. {
  265. "id": "",
  266. "key": "warning_monitor",
  267. "type": "PointLayer",
  268. "show": true,
  269. "params": {
  270. "zIndex": 0,
  271. "blend": "additive"
  272. },
  273. "methods": [
  274. {
  275. "name": "shape",
  276. "params": [
  277. "circle"
  278. ]
  279. },
  280. {
  281. "name": "color",
  282. "params": [
  283. "rgba(236,223,25,1.0)"
  284. ]
  285. },
  286. {
  287. "name": "size",
  288. "params": [
  289. "size",
  290. "''||function(v){return v}"
  291. ]
  292. },
  293. {
  294. "name": "animate",
  295. "params": [
  296. true
  297. ]
  298. },
  299. {
  300. "name": "style",
  301. "params": [
  302. {
  303. "unit": "meter"
  304. }
  305. ]
  306. }
  307. ]
  308. },
  309. {
  310. "id": "",
  311. "key": "highlight_linestring",
  312. "type": "LineLayer",
  313. "show": true,
  314. "params": {
  315. "autoFit": false,
  316. "zIndex": 1
  317. },
  318. "methods": [
  319. {
  320. "name": "size",
  321. "params": [
  322. 3
  323. ]
  324. },
  325. {
  326. "name": "shape",
  327. "params": [
  328. "line"
  329. ]
  330. },
  331. {
  332. "name": "texture",
  333. "params": [
  334. "02"
  335. ]
  336. },
  337. {
  338. "name": "color",
  339. "params": [
  340. "type",
  341. "''||function(v){\n let key = [\"ys\", \"ws\", \"hs\"];\n let colors = ['#184375', '#E6061A', '#ccff12'];\n return colors[key.indexOf(v)];\n }"
  342. ]
  343. },
  344. {
  345. "name": "animate",
  346. "params": [
  347. {
  348. "interval": 1,
  349. "duration": 1,
  350. "trailLength": 2
  351. }
  352. ]
  353. },
  354. {
  355. "name": "style",
  356. "params": [
  357. {
  358. "opacity": 0.6,
  359. "lineTexture": true,
  360. "iconStep": 10,
  361. "borderWidth": 0.4,
  362. "borderColor": "#fff"
  363. }
  364. ]
  365. }
  366. ]
  367. },
  368. {
  369. "id": "",
  370. "key": "highlight_point1",
  371. "type": "PointLayer",
  372. "show": true,
  373. "params": {
  374. "zIndex": 0,
  375. "blend": "additive"
  376. },
  377. "methods": [
  378. {
  379. "name": "shape",
  380. "params": [
  381. "circle"
  382. ]
  383. },
  384. {
  385. "name": "color",
  386. "params": [
  387. "rgba(255,0,0,1.0)"
  388. ]
  389. },
  390. {
  391. "name": "size",
  392. "params": [
  393. 10
  394. ]
  395. },
  396. {
  397. "name": "animate",
  398. "params": [
  399. true
  400. ]
  401. },
  402. {
  403. "name": "style",
  404. "params": [
  405. {
  406. "unit": "meter"
  407. }
  408. ]
  409. }
  410. ]
  411. },
  412. {
  413. "id": "",
  414. "key": "highlight_point",
  415. "type": "PointLayer",
  416. "show": true,
  417. "params": {
  418. "zIndex": 0,
  419. "blend": "additive"
  420. },
  421. "methods": [
  422. {
  423. "name": "shape",
  424. "params": [
  425. "map_selected"
  426. ]
  427. },
  428. {
  429. "name": "size",
  430. "params": [
  431. 30
  432. ]
  433. },
  434. {
  435. "name": "style",
  436. "params": [
  437. {
  438. "offsets": [
  439. 0,
  440. 0
  441. ]
  442. }
  443. ]
  444. }
  445. ]
  446. },
  447. {
  448. "id": "",
  449. "key": "highlight_polygon",
  450. "type": "LineLayer",
  451. "show": true,
  452. "params": {
  453. "zIndex": 0
  454. },
  455. "methods": [
  456. {
  457. "name": "shape",
  458. "params": [
  459. "line"
  460. ]
  461. },
  462. {
  463. "name": "size",
  464. "params": [
  465. 2
  466. ]
  467. },
  468. {
  469. "name": "color",
  470. "params": [
  471. "rgba(189, 209, 150,1)"
  472. ]
  473. }
  474. ]
  475. }
  476. ],
  477. "mapbox": [
  478. {
  479. "id": "pipeline_info",
  480. "key": "sx_ya_smx_ps_line",
  481. "source-layer": "sx_ya_smx_ps_line",
  482. "type": "line",
  483. "filter": [
  484. "in",
  485. "type",
  486. ""
  487. ],
  488. "paint": {
  489. "line-color": [
  490. "match",
  491. [
  492. "get",
  493. "type"
  494. ],
  495. "ys",
  496. "#1b76ff",
  497. "ws",
  498. "#ff4c61",
  499. "hs",
  500. "#d8ad4f",
  501. "#000000"
  502. ],
  503. "line-width": 3
  504. },
  505. "layout": {},
  506. "minzoom": 0,
  507. "maxzoom": 24,
  508. "mType": "mvt",
  509. "columns": "type,起点类,起点号,地面高1,井底高1,终点类,地面高2,井底高2,st_asText(geometrys) as geometry"
  510. },
  511. {
  512. "id": "rq_pipeline_info",
  513. "key": "sx_ya_smx_rq_line",
  514. "type": "line",
  515. "filter": [
  516. "in",
  517. "color",
  518. ""
  519. ],
  520. "paint": {
  521. "line-color": [
  522. "get",
  523. "color"
  524. ],
  525. "line-width": 2
  526. },
  527. "layout": {},
  528. "minzoom": 0,
  529. "maxzoom": 24,
  530. "mType": "geojsonMvt",
  531. "columns": "id,color,pipediameter,deviceName,address,st_asText(geometrys) as geometry"
  532. },
  533. {
  534. "id": "pipeline_point",
  535. "key": "sx_ya_smx_ps_point",
  536. "source-layer": "sx_ya_smx_ps_point",
  537. "type": "symbol",
  538. "filter": [
  539. "in",
  540. "type",
  541. ""
  542. ],
  543. "paint": {
  544. "text-color": "#ffffff"
  545. },
  546. "layout": {
  547. "icon-image": [
  548. "match",
  549. [
  550. "get",
  551. "type"
  552. ],
  553. "ys",
  554. "ysj",
  555. "ws",
  556. "wsj",
  557. "hs",
  558. "hsj",
  559. "ysbz"
  560. ],
  561. "icon-size": 0.65,
  562. "text-field": "{编号}",
  563. "text-font": [
  564. "KlokanTech Noto Sans Regular"
  565. ],
  566. "text-size": 15,
  567. "text-line-height": 3,
  568. "text-anchor": "top"
  569. },
  570. "minzoom": 15.5,
  571. "maxzoom": 24,
  572. "mType": "mvt",
  573. "columns": "type,编号,地面高,井底高,st_asText(geometrys) as geometry"
  574. },
  575. {
  576. "id": "sx_ya_smx_rq_point",
  577. "key": "sx_ya_smx_rq_point",
  578. "source-layer": "sx_ya_smx_rq_point",
  579. "type": "symbol",
  580. "filter": [
  581. "in",
  582. "devicetype"
  583. ],
  584. "layout": {
  585. "icon-image": [
  586. "match",
  587. [
  588. "get",
  589. "devicetype"
  590. ],
  591. 1,
  592. "wsj",
  593. 2,
  594. "wsj",
  595. 3,
  596. "rainBengZhan_icon",
  597. 4,
  598. "hsj",
  599. 5,
  600. "waterCourse_icon",
  601. 6,
  602. "sewageFactory_icon",
  603. 7,
  604. "origine_icon",
  605. 8,
  606. "waterLoging_icon",
  607. "ysbz"
  608. ],
  609. "icon-size": 0.65
  610. },
  611. "minzoom": 10,
  612. "maxzoom": 24,
  613. "mType": "mvt",
  614. "columns": "id,deviceType,deviceName,st_asText(geometrys) as geometry"
  615. },
  616. {
  617. "id": "point",
  618. "key": "point",
  619. "type": "symbol",
  620. "minzoom": 0,
  621. "maxzoom": 24,
  622. "filter": [
  623. "in",
  624. "type",
  625. ""
  626. ],
  627. "paint": {
  628. "text-color": "rgba(255, 255, 255, 1)",
  629. "text-halo-color": "rgba(36, 94, 122, 1)",
  630. "text-halo-width": 2
  631. },
  632. "layout": {
  633. "icon-image": [
  634. "match",
  635. [
  636. "get",
  637. "type"
  638. ],
  639. "warning_monitor",
  640. "warning_monitor",
  641. "success_monitor",
  642. "success_monitor",
  643. "error_monitor",
  644. "error_monitor",
  645. "video",
  646. "SP2",
  647. "PLBZ",
  648. "waiPaiBeng",
  649. "paiKou",
  650. "paiKou",
  651. "YSBZ",
  652. "paiLaoBeng",
  653. "drainOutlet",
  654. "DFHZ2",
  655. "WSBZ",
  656. "wsBeng",
  657. "WSCLC",
  658. "WSC",
  659. "orinign",
  660. "orinign",
  661. "rainStation",
  662. "rain",
  663. "pipeSupervise",
  664. "rainSupervise",
  665. "PKsupervise",
  666. "YQGXMX",
  667. "yiLaoPoint",
  668. "yiLao",
  669. "fengXianPoint",
  670. "KDJZWMX",
  671. "waterSectionInfo",
  672. "yuanTous",
  673. "paiKou_1",
  674. "paiKou",
  675. "YSBZ_1",
  676. "paiLaoBeng",
  677. "drainOutlet_1",
  678. "DFHZ2",
  679. "WSBZ_1",
  680. "wsBeng",
  681. "WSCLC_1",
  682. "WSC",
  683. "orinign_1",
  684. "orinign",
  685. "rainStation_1",
  686. "rain",
  687. "pipeSupervise_1",
  688. "rainSupervise",
  689. "PKsupervise_1",
  690. "YQGXMX",
  691. "waterlog_1",
  692. "yiLao",
  693. "riverLake_1",
  694. "KDJZWMX",
  695. "waterSectionInfo_1",
  696. "yuanTou",
  697. "PLBZ_1",
  698. "waiPaiBeng",
  699. "HMJZYSQ",
  700. "Architectural_icon",
  701. "HMXGYLD",
  702. "park_icon",
  703. "HMXDLGC",
  704. "road_icon",
  705. "HMXSX",
  706. "drainage_icon",
  707. "GWPCYXF",
  708. "pipe_icon",
  709. "SBDS",
  710. "waterFactory_icon",
  711. "DFZW",
  712. "waterLoging_icon",
  713. "yiBian",
  714. "rainBengZhan_icon",
  715. "xiaXian",
  716. "combineBengZhan_icon",
  717. "ysbz"
  718. ],
  719. "text-allow-overlap": false,
  720. "icon-allow-overlap": true,
  721. "icon-anchor": "center",
  722. "icon-size": 0.8,
  723. "text-field": "{name}",
  724. "text-font": [
  725. "KlokanTech Noto Sans Regular"
  726. ],
  727. "text-size": 14,
  728. "text-line-height": 1,
  729. "text-anchor": "bottom",
  730. "text-max-width": 12,
  731. "text-offset": [
  732. 0,
  733. -1
  734. ]
  735. },
  736. "mType": "geojson"
  737. }
  738. ],
  739. "orders": [
  740. [
  741. "newfiber-XYZLayer"
  742. ],
  743. [
  744. "pipeline_info"
  745. ],
  746. [
  747. "rq_pipeline_info"
  748. ],
  749. [
  750. "pipeline_point"
  751. ],
  752. [
  753. "sx_ya_smx_rq_point"
  754. ],
  755. [
  756. "poi_label"
  757. ],
  758. [
  759. "place_label_city"
  760. ],
  761. [
  762. "road_major_label"
  763. ],
  764. [
  765. "place_label_other"
  766. ],
  767. [
  768. "point"
  769. ]
  770. ],
  771. "filter": {
  772. "wsLine1": {
  773. "layerName": [
  774. "pipeline_info",
  775. "pipeline_point"
  776. ],
  777. "filter": [
  778. [
  779. "ws",
  780. "hs"
  781. ],
  782. [
  783. "ws",
  784. "hs"
  785. ]
  786. ]
  787. },
  788. "ysLine1": {
  789. "layerName": [
  790. "pipeline_info",
  791. "pipeline_point"
  792. ],
  793. "filter": [
  794. [
  795. "ys"
  796. ],
  797. [
  798. "ys"
  799. ]
  800. ]
  801. },
  802. "rq_SZLH": {
  803. "layerName": [
  804. "rq_pipeline_info"
  805. ],
  806. "filter": [
  807. [
  808. "rgba(249,227,28,1)"
  809. ]
  810. ]
  811. },
  812. "rq_TYLH": {
  813. "layerName": [
  814. "rq_pipeline_info"
  815. ],
  816. "filter": [
  817. [
  818. "#FF0002"
  819. ]
  820. ]
  821. },
  822. "rq_LGLH": {
  823. "layerName": [
  824. "rq_pipeline_info"
  825. ],
  826. "filter": [
  827. [
  828. "rgba(25,201,25,1)"
  829. ]
  830. ]
  831. },
  832. "rq_other": {
  833. "layerName": [
  834. "rq_pipeline_info"
  835. ],
  836. "filter": [
  837. [
  838. "rgba(29,53,234,1)"
  839. ]
  840. ]
  841. },
  842. "rq_all": {
  843. "layerName": [
  844. "rq_pipeline_info"
  845. ],
  846. "filter": [
  847. [
  848. "#FF0002",
  849. "rgba(234,26,26,1)",
  850. "rgba(249,227,28,1)",
  851. "rgba(25,201,25,1)",
  852. "rgba(29,53,234,1)"
  853. ]
  854. ]
  855. },
  856. "tiaoYaQi": {
  857. "layerName": [
  858. "sx_ya_smx_rq_point"
  859. ],
  860. "filter": [
  861. [
  862. 3
  863. ]
  864. ]
  865. },
  866. "rq_jieDian": {
  867. "layerName": [
  868. "sx_ya_smx_rq_point"
  869. ],
  870. "filter": [
  871. [
  872. 4
  873. ]
  874. ]
  875. },
  876. "jiXingBaoHu": {
  877. "layerName": [
  878. "sx_ya_smx_rq_point"
  879. ],
  880. "filter": [
  881. [
  882. 5
  883. ]
  884. ]
  885. },
  886. "rq_liuLiangJi": {
  887. "layerName": [
  888. "sx_ya_smx_rq_point"
  889. ],
  890. "filter": [
  891. [
  892. 7
  893. ]
  894. ]
  895. },
  896. "rq_unknow": {
  897. "layerName": [
  898. "sx_ya_smx_rq_point"
  899. ],
  900. "filter": [
  901. [
  902. 1
  903. ]
  904. ]
  905. }
  906. }
  907. }