d05679d9b0e2d41e86f6559572f06dfea79466f0.svn-base 2.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263
  1. import {getShgcListForMap} from '../../../../api/zhxxAPI.js'
  2. import {removeLayerById} from '../removeLayerById.js'
  3. import { mapConfig } from '../../config/mapConfig.js';
  4. export function getSydList(_self){
  5. var ol = _self.$ol;
  6. removeLayerById(_self,'sydGraphicLayer');
  7. var iconFeature,vectorSource,vectorLayer;
  8. var features = [];
  9. getShgcListForMap(_self.userId,'22',_self.currentAdCode).then((res)=>{
  10. if(res.data){
  11. res.data.forEach((item)=>{
  12. if(item.lgtdpc && item.lttdpc){
  13. // var pt = ol.proj.transform([item.lgtdpc, item.lttdpc], "EPSG:4326", "EPSG:3857")
  14. var pt = _self.projTransform(new ol.geom.Point([Number(item.lgtdpc), Number(item.lttdpc)]),mapConfig.wkid)
  15. iconFeature = new ol.Feature({
  16. geometry: pt,
  17. name: '人饮水源地'
  18. });
  19. item['layerId'] = 'sydGraphicLayer';
  20. iconFeature.setProperties(item);
  21. var symbol = new ol.style.Style({
  22. image: new ol.style.Icon({
  23. anchor: [0.5, 0.5],
  24. scale:0.4,
  25. src: '/src/views/zongHeXinXiNew/assets/syd.png'
  26. }),
  27. text: new ol.style.Text({
  28. font: 'normal 14px 黑体',
  29. // // 对其方式
  30. textAlign: 'center',
  31. // 基准线
  32. textBaseline: 'middle',
  33. offsetY: -15,
  34. offsetX: 0,
  35. fill: new ol.style.Fill({
  36. color: 'white'
  37. }),
  38. stroke: new ol.style.Stroke({
  39. color: 'black',
  40. lineCap: 'butt',
  41. width: 4
  42. }),
  43. padding: [5, 5, 5, 5],
  44. text: item.waterSourceNm,
  45. })
  46. });
  47. iconFeature.setStyle(symbol);
  48. features.push(iconFeature)
  49. }
  50. });
  51. vectorSource = new ol.source.Vector({
  52. features: features
  53. });
  54. vectorLayer = new ol.layer.Vector({
  55. source: vectorSource,
  56. id:'sydGraphicLayer',
  57. visible:true
  58. });
  59. _self.mapObject.addLayer(vectorLayer)
  60. }
  61. })
  62. }