文字标注除了style设置的属性不同外，其他同上

    1. <body>
    2.     <div id="map_container">
    4.     </div>
    5.     <script>
    6.         /* 一、加载底图 */
    7.         const map = new ol.Map({
    8.             target: 'map_container',
    9.             layers: [TianDiMap_vec, TianDiMap_cva],
    10.             view: new ol.View({
    11.                 projection: 'EPSG:4326', // 经纬度坐标系(默认是默卡托坐标系)
    12.                 center: [0, 0],
    13.                 zoom: 2
    14.             })
    15.         })
    16.         // 二、 通过Style类创建txt
    17.         const txt = new ol.style.Style({
    18.             text:new ol.style.Text({
    19.                 offsetX:0,
    20.                 offsetY:10,
    21.                 font:'normal 12px 微软雅黑',
    22.                 text:'武汉市',
    23.                 fill:new ol.style.Fill({color:'#333'}),
    24.                 stroke:new ol.style.Stroke({color:"#ff2d51",width:2})
    25.             })
    26.         })
    27.         // 三、创建点要素, 设置点要素样式
    28.       const point_text = new ol.Feature({
    29.         geometry: new ol.geom.Point([114, 36]),
    30.       })
    31.       point_text.setStyle(txt)
    32.       /* 四、创建矢量数据 */
    33.       const source = new ol.source.Vector({
    34.           features:[point_text],
    35.           wrapX:false
    36.       })
    37.       /* 五、创建矢量图层 */
    38.       const vector = new ol.layer.Vector({
    39.           source:source
    40.       })
    41.       map.addLayer(vector)
    42.     </script>
    43. </body>