| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189 |
- import {getBrgj_hhslList,getBrgj_ffcsList} from '../../../api/zhxxAPI.js'
- import {removeLayerById} from './removeLayerById.js'
- import { mapConfig } from '../config/mapConfig.js';
- export function getBrgj_hhsl(_self){//河湖四乱
- var ol = _self.$ol;
- removeLayerById(_self,'graphicLayerHhsl');
- removeLayerById(_self,'graphicLayerHhsl0');
- removeLayerById(_self,'graphicLayerHhsl1');
- removeLayerById(_self,'graphicLayerHhsl2');
- var symbol0 = new ol.style.Style({//未督查
- image: new ol.style.Icon(({
- anchor: [0.5, 0.5],
- scale:0.4,
- src: '/src/views/zongHeXinXiOl/assets/hhsl0.png'
- }))
- });
- var symbol1 = new ol.style.Style({//督查中
- image: new ol.style.Icon(({
- anchor: [0.5, 0.5],
- scale:0.4,
- src: '/src/views/zongHeXinXiOl/assets/hhsl1.png'
- }))
- });
- var symbol2 = new ol.style.Style({//已督查
- image: new ol.style.Icon(({
- anchor: [0.5, 0.5],
- scale:0.4,
- src: '/src/views/zongHeXinXiOl/assets/hhsl2.png'
- }))
- });
- var symbol,iconFeature;
- var features0 = [];
- var features1 = [];
- var features2 = [];
- getBrgj_hhslList().then((res)=>{
- if(res.data){
- res.data.forEach((item)=>{
- if(item.centerX && item.centerY && item.centerX>80 && item.centerY>0 && item.centerY<60){
- // var pt = ol.proj.transform([item.centerX, item.centerY], "EPSG:4326", "EPSG:3857");
- var pt = _self.projTransform(new ol.geom.Point([Number(item.centerX), Number(item.centerY)]),mapConfig.wkid)
- iconFeature = new ol.Feature({
- geometry: pt,
- name: '河湖四乱'
- });
- if(item.state == '0'){
- symbol = symbol0;
- iconFeature.setStyle(symbol);
- item['layerId'] = 'graphicLayerHhsl0';
- iconFeature.setProperties(item);
- features0.push(iconFeature)
- }else if(item.state == '1'){
- symbol = symbol1;
- iconFeature.setStyle(symbol);
- item['layerId'] = 'graphicLayerHhsl1';
- iconFeature.setProperties(item);
- features1.push(iconFeature)
- }else if(item.state == '2'){
- symbol = symbol2;
- iconFeature.setStyle(symbol);
- item['layerId'] = 'graphicLayerHhsl2';
- iconFeature.setProperties(item);
- features2.push(iconFeature)
- }
- }
- });
- var vectorSource0 = new ol.source.Vector({
- features: features0
- });
- var vectorLayer0 = new ol.layer.Vector({
- source: vectorSource0,
- id:'graphicLayerHhsl0',
- visible:true
- });
- var vectorSource1 = new ol.source.Vector({
- features: features1
- });
- var vectorLayer1 = new ol.layer.Vector({
- source: vectorSource1,
- id:'graphicLayerHhsl1',
- visible:true
- });
- var vectorSource2 = new ol.source.Vector({
- features: features2
- });
- var vectorLayer2 = new ol.layer.Vector({
- source: vectorSource2,
- id:'graphicLayerHhsl2',
- visible:true
- });
- _self.mapObject.addLayer(vectorLayer0)
- _self.mapObject.addLayer(vectorLayer1)
- _self.mapObject.addLayer(vectorLayer2)
- }
- })
- }
- export function getBrgj_ffcs(_self){//非法采砂
- var ol = _self.$ol;
- removeLayerById(_self,'graphicLayerFfcs');
- removeLayerById(_self,'graphicLayerFfcs0');
- removeLayerById(_self,'graphicLayerFfcs1');
- removeLayerById(_self,'graphicLayerFfcs2');
- var symbol0 = new ol.style.Style({//未督查
- image: new ol.style.Icon(({
- anchor: [0.5, 0.5],
- scale:0.4,
- src: '/src/views/zongHeXinXiOl/assets/ffcs0.png'
- }))
- });
- var symbol1 = new ol.style.Style({//督查中
- image: new ol.style.Icon(({
- anchor: [0.5, 0.5],
- scale:0.4,
- src: '/src/views/zongHeXinXiOl/assets/ffcs1.png'
- }))
- });
- var symbol2 = new ol.style.Style({//已督查
- image: new ol.style.Icon(({
- anchor: [0.5, 0.5],
- scale:0.4,
- src: '/src/views/zongHeXinXiOl/assets/ffcs2.png'
- }))
- });
- var symbol,iconFeature;
- var features0 = [];
- var features1 = [];
- var features2 = [];
- getBrgj_ffcsList().then((res)=>{
- if(res.data){
- res.data.forEach((item)=>{
- if(item.centerX && item.centerY && item.centerX>80 && item.centerY>0 && item.centerY<60){
- // var pt = ol.proj.transform([item.centerX, item.centerY], "EPSG:4326", "EPSG:3857");
- var pt = _self.projTransform(new ol.geom.Point([Number(item.centerX), Number(item.centerY)]),mapConfig.wkid)
- iconFeature = new ol.Feature({
- geometry: pt,
- name: '非法采砂'
- });
- if(item.state == '0'){
- symbol = symbol0;
- iconFeature.setStyle(symbol);
- item['layerId'] = 'graphicLayerFfcs0';
- iconFeature.setProperties(item);
- features0.push(iconFeature)
- }else if(item.state == '1'){
- symbol = symbol1;
- iconFeature.setStyle(symbol);
- item['layerId'] = 'graphicLayerFfcs1';
- iconFeature.setProperties(item);
- features1.push(iconFeature)
- }else if(item.state == '2'){
- symbol = symbol2;
- iconFeature.setStyle(symbol);
- item['layerId'] = 'graphicLayerFfcs2';
- iconFeature.setProperties(item);
- features2.push(iconFeature)
- }
- }
- });
- var vectorSource0 = new ol.source.Vector({
- features: features0
- });
- var vectorLayer0 = new ol.layer.Vector({
- source: vectorSource0,
- id:'graphicLayerFfcs0',
- visible:true
- });
- var vectorSource1 = new ol.source.Vector({
- features: features1
- });
- var vectorLayer1 = new ol.layer.Vector({
- source: vectorSource1,
- id:'graphicLayerFfcs1',
- visible:true
- });
- var vectorSource2 = new ol.source.Vector({
- features: features2
- });
- var vectorLayer2 = new ol.layer.Vector({
- source: vectorSource2,
- id:'graphicLayerFfcs2',
- visible:true
- });
- _self.mapObject.addLayer(vectorLayer0)
- _self.mapObject.addLayer(vectorLayer1)
- _self.mapObject.addLayer(vectorLayer2)
- }
- })
- }
|