openlayers文字标注 (九)

文字样式

let itemStyle = new Style({
  text: new Text(({
    // 位置
    textAlign: 'center',
    // 基准线
    textBaseline: 'middle',
    // 文字样式
    font: 'bold 12px 微软雅黑',
    // 文本内容
    text: '我是文字',
    // 文字颜色
    fill: new Fill({ color: '#587de5' }),
    // 文字背景
    // stroke: new Stroke({ color: '#ffcc33', width: 10 })
  }))
})

在地图中显示

let featureItem = new Feature({
  geometry: new Point(121.3213,31.3453),
})
featureItem.setStyle(itemStyle)
let vectorLayer = new VectorLayer({
  source: new VectorSource({
    features: featureItem
  })
})
map.addLayer(vectorLayer)

查看效果
openlayers文字标注 (九)_第1张图片

你可能感兴趣的:(OpenLayers)