Простейший пример добавления текста на карту openlayers?

Question

Я хотел бы добавить текстовую метку на карту OpenLayers с указанными c широтой и долготой.

Я изо всех сил пытался найти краткий пример, который не включает извлечение данных из файлов и др c. Я смог добавить полигоны, значки и все виды событий мыши на мою карту и содержимое; но по какой-то причине простое добавление небольшого текста, кажется, ускользает от меня.

Пожалуйста, кто-нибудь может сделать мою пятницу и опубликовать простой пример?

Answer 1

Вы можете создать элемент со стилем, который содержит только текст (без геометрии).

var labelFeature = new Feature({
  geometry: new Point([0, 0]),
});

var labelonly = new Style({
    text: new Text({
        font: '14px sans-serif',
        text: 'hello',
        fill: new Fill({
            color: 'black'
        }),
    })
});


labelFeature.setStyle(labelonly);

var vectorSource = new VectorSource({
  features: [labelFeature]
});

var vectorLayer = new VectorLayer({
  source: vectorSource
});


var map = new Map({
  layers: [vectorLayer],
  target: document.getElementById('map'),
  view: new View({
    center: [0, 0],
    zoom: 3
  })
});