Назначьте метку/текст значку, используя смещение -OpenLayers

Я хочу назначить текст или метку с помощью OpenLayers для значков. Я могу назначить метку значку, но он помещает текст на значок. Но я хочу отображать метку со смещением, чтобы и значок, и метка отображались правильно. Я пробовал использовать offsetY, но он не работает и не меняет положение. введите здесь описание изображения

var styleToponimiFunction = function(feature,resolution) {
      console.log(feature);
      var iconName;
     
      if (feature.get("remark")=='Daerah Istimewa') {
        iconName='daerah_istimewa2.png';  
      }
      else if (feature.get("remark")=='Kecamatan'){
        iconName='kecamatan.png';  
      }
      iconStyle = [new ol.style.Style({
        
          image: new ol.style.Icon(({
              anchor: [0.5, 46], 
              anchorXUnits: "fraction",
              anchorYUnits: "pixel",              
              scale:0.03,
              opacity:1,
              src: "icons/" + iconName,
             })),
          text: new ol.style.Text({
                text: feature.get('namobj'),
                font: '12px Calibri,sans-serif',
                fill: new ol.style.Fill({ color: 'black' }),
                stroke: new ol.style.Stroke({
                color: '#fff', 
                width: 2,
                textAlign: 'center',
                Baseline: 'hanging',               
                offsetX : 0,
                offsetY : -12,           
                          
                }),
                declutter: true,
                overflow: true
             }),           
             })
             ]
      return iconStyle;
    }      


person poonam patel    schedule 14.08.2020    source источник


Ответы (1)


Параметры текста не должны быть внутри конструктора Stroke, также Baseline должно быть textBaseline

            stroke: new ol.style.Stroke({
              color: '#fff', 
              width: 2,
            }),
            textAlign: 'center',
            textBaseline: 'hanging',               
            offsetX : 0,
            offsetY : -12,           
                      
person Mike    schedule 15.08.2020