| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263 |
- import {getShgcListForMap} from '../../../api/zhxxAPI.js'
- import {removeLayerById} from './removeLayerById.js'
- import { mapConfig } from '../config/mapConfig.js';
- export function getDxsList(_self){
- var ol = _self.$ol;
- removeLayerById(_self,'dxsGraphicLayer');
- var iconFeature,vectorSource,vectorLayer;
- var features = [];
- getShgcListForMap(_self.userId,'5',_self.currentAdCode).then((res)=>{
- if(res.data){
- res.data.forEach((item)=>{
- if(item.lttdPc && item.lgtdPc){
- // 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: '172'
- });
- item['layerId'] = 'dxsGraphicLayer';
- 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/zongHeXinXiOl/assets/dxs.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.stnm
- })
- });
- iconFeature.setStyle(symbol);
- features.push(iconFeature)
- }
- });
- vectorSource = new ol.source.Vector({
- features: features
- });
- vectorLayer = new ol.layer.Vector({
- source: vectorSource,
- id:'dxsGraphicLayer',
- visible:true
- });
- _self.mapObject.addLayer(vectorLayer)
- }
- })
- }
|