| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263 |
- import {getShgcListForMap} from '../../../../api/zhxxAPI.js'
- import {removeLayerById} from '../removeLayerById.js'
- import { mapConfig } from '../../config/mapConfig.js';
- export function getSydList(_self){
- var ol = _self.$ol;
- removeLayerById(_self,'sydGraphicLayer');
- var iconFeature,vectorSource,vectorLayer;
- var features = [];
- getShgcListForMap(_self.userId,'22',_self.currentAdCode).then((res)=>{
- if(res.data){
- res.data.forEach((item)=>{
- if(item.lgtdpc && item.lttdpc){
- // var pt = ol.proj.transform([item.lgtdpc, item.lttdpc], "EPSG:4326", "EPSG:3857")
- var pt = _self.projTransform(new ol.geom.Point([Number(item.lgtdpc), Number(item.lttdpc)]),mapConfig.wkid)
- iconFeature = new ol.Feature({
- geometry: pt,
- name: '人饮水源地'
- });
- item['layerId'] = 'sydGraphicLayer';
- iconFeature.setProperties(item);
- var symbol = new ol.style.Style({
- image: new ol.style.Icon({
- anchor: [0.5, 0.5],
- scale:0.4,
- src: '/src/views/zongHeXinXiNew/assets/syd.png'
- }),
- text: new ol.style.Text({
- font: 'normal 14px 黑体',
- // // 对其方式
- textAlign: 'center',
- // 基准线
- textBaseline: 'middle',
- offsetY: -15,
- offsetX: 0,
- fill: new ol.style.Fill({
- color: 'white'
- }),
- stroke: new ol.style.Stroke({
- color: 'black',
- lineCap: 'butt',
- width: 4
- }),
- padding: [5, 5, 5, 5],
- text: item.waterSourceNm,
- })
- });
- iconFeature.setStyle(symbol);
- features.push(iconFeature)
- }
- });
- vectorSource = new ol.source.Vector({
- features: features
- });
- vectorLayer = new ol.layer.Vector({
- source: vectorSource,
- id:'sydGraphicLayer',
- visible:true
- });
- _self.mapObject.addLayer(vectorLayer)
- }
- })
- }
|