Я работаю с openstreetmap.
Мне нужно разместить маркеры в определенном месте на карте, а также я хочу отобразить некоторую информацию, например carName .
Я создал стиль для этой функции и добавил следующие функции:
this.markerStyle = new ol.style.Style({
image: new ol.style.Icon(/** @type {olx.style.IconOptions} */({
anchor: [0.5, 46],
anchorXUnits: 'fraction',
anchorYUnits: 'pixels',
opacity: 0.75,
src: '../../assets/images/marker.png',
scale: 0.20,
})),
text: new ol.style.Text({
font: '12px Calibri,sans-serif',
fill: new ol.style.Fill({ color: '#000' }),
text: ''
}),
});
this.carGPSData.map(function (item, index) {
if (item.Lat > 0 || item.Long > 0) {
var iconFeature = new ol.Feature({
geometry: new ol.geom.Point(ol.proj.transform([item.Long, item.Lat], 'EPSG:4326',
'EPSG:3857')),
});
iconFeature.setStyle(self.markerStyle);
iconFeature.getStyle().getText().setText(item.VIN);
self.markerSource.addFeature(iconFeature);
}
});
Работает нормально, но показывает одинаковый номер VIN на каждой позиции маркера,
даже если я изменю текст функции это вручную.
iconFeature.getStyle().getText().setText(item.VIN);
Как добавить дополнительную информацию в функцию?