OpenLayers4文本上图实例

    obj.drawstnm = function (st_result) {
        var arr = new Array();
        arr = st_result.split('|');
        //set staion style
        stnmFeatureset = new Array();


        //declare img style
        var labelStyel = function (feature) {
            return new ol.style.Style({
                text: new ol.style.Text({
                    offsetX: 0,
                    offsetY: 16,
                    textAlign: 'center',
                    textbaseline: 'middle',
                    font: 'normal 14px 微软雅黑',
                    text: feature.get('name'),
                    fill: new ol.style.Fill({ color: '#549688' })
                })
            });
        }


        for (var i = 1; i < arr.length; i++) {
            var tmp = new Array();
            tmp = arr[i].split(',');
            var textf = new ol.Feature({
                stid: tmp[1],
                geometry: new ol.geom.Point([tmp[2], tmp[3]]),
                name: tmp[0]//上图文本
            });
            textf.setStyle(labelStyel(textf));
            stnmFeatureset.push(textf);
        }


        var vectorSource = new ol.source.Vector({
            features: stnmFeatureset
        });
        obj.js_rain_stnm = new ol.layer.Vector({
            visible: false,
            zindex: 11,
            source: vectorSource
        });


        return obj.js_rain_stnm;
    }