Question

我正在使用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);

如何在功能中添加一些其他信息？

与为每个功能应用不同样式相关的问题

0 个答案: