30339816a41be33daa4a417501e1e2a0e15822ac.svn-base 7.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189
  1. import {getBrgj_hhslList,getBrgj_ffcsList} from '../../../api/zhxxAPI.js'
  2. import {removeLayerById} from './removeLayerById.js'
  3. import { mapConfig } from '../config/mapConfig.js';
  4. export function getBrgj_hhsl(_self){//河湖四乱
  5. var ol = _self.$ol;
  6. removeLayerById(_self,'graphicLayerHhsl');
  7. removeLayerById(_self,'graphicLayerHhsl0');
  8. removeLayerById(_self,'graphicLayerHhsl1');
  9. removeLayerById(_self,'graphicLayerHhsl2');
  10. var symbol0 = new ol.style.Style({//未督查
  11. image: new ol.style.Icon(({
  12. anchor: [0.5, 0.5],
  13. scale:0.4,
  14. src: '/src/views/zongHeXinXiOl/assets/hhsl0.png'
  15. }))
  16. });
  17. var symbol1 = new ol.style.Style({//督查中
  18. image: new ol.style.Icon(({
  19. anchor: [0.5, 0.5],
  20. scale:0.4,
  21. src: '/src/views/zongHeXinXiOl/assets/hhsl1.png'
  22. }))
  23. });
  24. var symbol2 = new ol.style.Style({//已督查
  25. image: new ol.style.Icon(({
  26. anchor: [0.5, 0.5],
  27. scale:0.4,
  28. src: '/src/views/zongHeXinXiOl/assets/hhsl2.png'
  29. }))
  30. });
  31. var symbol,iconFeature;
  32. var features0 = [];
  33. var features1 = [];
  34. var features2 = [];
  35. getBrgj_hhslList().then((res)=>{
  36. if(res.data){
  37. res.data.forEach((item)=>{
  38. if(item.centerX && item.centerY && item.centerX>80 && item.centerY>0 && item.centerY<60){
  39. // var pt = ol.proj.transform([item.centerX, item.centerY], "EPSG:4326", "EPSG:3857");
  40. var pt = _self.projTransform(new ol.geom.Point([Number(item.centerX), Number(item.centerY)]),mapConfig.wkid)
  41. iconFeature = new ol.Feature({
  42. geometry: pt,
  43. name: '河湖四乱'
  44. });
  45. if(item.state == '0'){
  46. symbol = symbol0;
  47. iconFeature.setStyle(symbol);
  48. item['layerId'] = 'graphicLayerHhsl0';
  49. iconFeature.setProperties(item);
  50. features0.push(iconFeature)
  51. }else if(item.state == '1'){
  52. symbol = symbol1;
  53. iconFeature.setStyle(symbol);
  54. item['layerId'] = 'graphicLayerHhsl1';
  55. iconFeature.setProperties(item);
  56. features1.push(iconFeature)
  57. }else if(item.state == '2'){
  58. symbol = symbol2;
  59. iconFeature.setStyle(symbol);
  60. item['layerId'] = 'graphicLayerHhsl2';
  61. iconFeature.setProperties(item);
  62. features2.push(iconFeature)
  63. }
  64. }
  65. });
  66. var vectorSource0 = new ol.source.Vector({
  67. features: features0
  68. });
  69. var vectorLayer0 = new ol.layer.Vector({
  70. source: vectorSource0,
  71. id:'graphicLayerHhsl0',
  72. visible:true
  73. });
  74. var vectorSource1 = new ol.source.Vector({
  75. features: features1
  76. });
  77. var vectorLayer1 = new ol.layer.Vector({
  78. source: vectorSource1,
  79. id:'graphicLayerHhsl1',
  80. visible:true
  81. });
  82. var vectorSource2 = new ol.source.Vector({
  83. features: features2
  84. });
  85. var vectorLayer2 = new ol.layer.Vector({
  86. source: vectorSource2,
  87. id:'graphicLayerHhsl2',
  88. visible:true
  89. });
  90. _self.mapObject.addLayer(vectorLayer0)
  91. _self.mapObject.addLayer(vectorLayer1)
  92. _self.mapObject.addLayer(vectorLayer2)
  93. }
  94. })
  95. }
  96. export function getBrgj_ffcs(_self){//非法采砂
  97. var ol = _self.$ol;
  98. removeLayerById(_self,'graphicLayerFfcs');
  99. removeLayerById(_self,'graphicLayerFfcs0');
  100. removeLayerById(_self,'graphicLayerFfcs1');
  101. removeLayerById(_self,'graphicLayerFfcs2');
  102. var symbol0 = new ol.style.Style({//未督查
  103. image: new ol.style.Icon(({
  104. anchor: [0.5, 0.5],
  105. scale:0.4,
  106. src: '/src/views/zongHeXinXiOl/assets/ffcs0.png'
  107. }))
  108. });
  109. var symbol1 = new ol.style.Style({//督查中
  110. image: new ol.style.Icon(({
  111. anchor: [0.5, 0.5],
  112. scale:0.4,
  113. src: '/src/views/zongHeXinXiOl/assets/ffcs1.png'
  114. }))
  115. });
  116. var symbol2 = new ol.style.Style({//已督查
  117. image: new ol.style.Icon(({
  118. anchor: [0.5, 0.5],
  119. scale:0.4,
  120. src: '/src/views/zongHeXinXiOl/assets/ffcs2.png'
  121. }))
  122. });
  123. var symbol,iconFeature;
  124. var features0 = [];
  125. var features1 = [];
  126. var features2 = [];
  127. getBrgj_ffcsList().then((res)=>{
  128. if(res.data){
  129. res.data.forEach((item)=>{
  130. if(item.centerX && item.centerY && item.centerX>80 && item.centerY>0 && item.centerY<60){
  131. // var pt = ol.proj.transform([item.centerX, item.centerY], "EPSG:4326", "EPSG:3857");
  132. var pt = _self.projTransform(new ol.geom.Point([Number(item.centerX), Number(item.centerY)]),mapConfig.wkid)
  133. iconFeature = new ol.Feature({
  134. geometry: pt,
  135. name: '非法采砂'
  136. });
  137. if(item.state == '0'){
  138. symbol = symbol0;
  139. iconFeature.setStyle(symbol);
  140. item['layerId'] = 'graphicLayerFfcs0';
  141. iconFeature.setProperties(item);
  142. features0.push(iconFeature)
  143. }else if(item.state == '1'){
  144. symbol = symbol1;
  145. iconFeature.setStyle(symbol);
  146. item['layerId'] = 'graphicLayerFfcs1';
  147. iconFeature.setProperties(item);
  148. features1.push(iconFeature)
  149. }else if(item.state == '2'){
  150. symbol = symbol2;
  151. iconFeature.setStyle(symbol);
  152. item['layerId'] = 'graphicLayerFfcs2';
  153. iconFeature.setProperties(item);
  154. features2.push(iconFeature)
  155. }
  156. }
  157. });
  158. var vectorSource0 = new ol.source.Vector({
  159. features: features0
  160. });
  161. var vectorLayer0 = new ol.layer.Vector({
  162. source: vectorSource0,
  163. id:'graphicLayerFfcs0',
  164. visible:true
  165. });
  166. var vectorSource1 = new ol.source.Vector({
  167. features: features1
  168. });
  169. var vectorLayer1 = new ol.layer.Vector({
  170. source: vectorSource1,
  171. id:'graphicLayerFfcs1',
  172. visible:true
  173. });
  174. var vectorSource2 = new ol.source.Vector({
  175. features: features2
  176. });
  177. var vectorLayer2 = new ol.layer.Vector({
  178. source: vectorSource2,
  179. id:'graphicLayerFfcs2',
  180. visible:true
  181. });
  182. _self.mapObject.addLayer(vectorLayer0)
  183. _self.mapObject.addLayer(vectorLayer1)
  184. _self.mapObject.addLayer(vectorLayer2)
  185. }
  186. })
  187. }