Javascript 将文本添加到标记（要素）

我用OpenLayers 5.3做了一些标记研究。不幸的是，我没有把课文做好。我向要素对象插入了文本。带有图像的标记是可见的，并按预期工作，但不显示任何文本

这是我的密码：

var映射；
var观点；
向量源；
向量层；
var-ownMarker=null；
函数drawMap（）{
变量坐标=[13.4,52.5077286]；
vectorSource=新的ol.source.Vector（{}）；
vectorLayer=新ol.layer.Vector({
来源：矢量源
});
视图=新的ol.view({
中心：LONLAT（坐标）的ol.proj，
缩放：12，
maxZoom:17，
最小缩放：7
});
map=新ol.map({
图层：[新建ol.layer.Tile({
来源：new ol.source.OSM（）
})，矢量层，]，
目标：document.getElementById（'map'），
控件：ol.control.defaults（），
视图：视图
});
var标记；
this.setOwnMarker=函数（坐标）{
标记=新的ol.特征(
新纵坐标点（纵坐标）
);
标记。设置样式（iconRed）；
ownMarker=标记；
矢量源。添加特征（标记）；
}
this.addMarker=函数（lon，lat）{
var mar=新的ol.功能({
几何：新的ol.geom.Point（LONLAT（[lon，lat]）的ol.proj，
文本：新的ol.style.text({
文本：“测试文本”，
比例：1.2，
填充：新的ol.style.fill({
颜色：“fff”
}),
笔划：新的ol风格笔划({
颜色：“0”，
宽度：3
})
})
});
var iconBlue=新的ol.style.style({
图片：新ol.style.Icon({
主播：[12,40]，
主播：“像素”，
anchorYUnits:'像素'，
不透明度：1，
src:“../../images/marker_blue.png”
})
});
3月赛斯泰尔（iconBlue）；
矢量源.addFeature（mar）；
}
归还这个；
}

  this.addMarker = function(lon, lat) {
    var mar = new ol.Feature({
      geometry: new ol.geom.Point(ol.proj.fromLonLat([lon, lat])),
    });
    var iconBlue = new ol.style.Style({
      image: new ol.style.Icon({
        anchor: [12, 40],
        anchorXUnits: 'pixels',
        anchorYUnits: 'pixels',
        opacity: 1,
        src: '../../images/marker_blue.png'
      }),
      text: new ol.style.Text({
        text: "Test text",
        scale: 1.2,
        fill: new ol.style.Fill({
          color: "#fff"
        }),
        stroke: new ol.style.Stroke({
          color: "0",
          width: 3
        })
      })
    });
    mar.setStyle(iconBlue);
    vectorSource.addFeature(mar);
  }