Openlayers 5 - 如何仅设置 1 个具有不同图标/图像的标记？

Question

在我的应用程序中，我使用常规标记。一个标记应该是不同的。

使用 OL5，如何添加带有特定图标/图像的不同标记？

查看（较旧的？）示例，我看到了吗？但这在 OL5 中会失败。

const marker = new Feature({
    geometry: new Point(fromLonLat([0 + mylongitude, 0 + (mylatitude)]))
});
marker.setStyles(new Style({
    image: new Icon(({
        crossOrigin: 'anonymous',
        src: 'assets/images/guestimate_red_hair.png'
    }))
}));
this.vectorLayer.getSource().addFeature(marker);

Answer 1

您可以为此使用图标样式。

    var iconStyle = new ol.style.Style({
      image: new ol.style.Icon(({
        anchor: [0.5, 0.5],
        scale:0.15,
        opacity: 0.75,
        src: 'assets/images/guestimate_red_hair.png'
      }))
    });
marker.setStyle(iconStyle)

看看这个https://openlayers.org/en/latest/apidoc/module-ol_style_Image-ImageStyle.html

确保图片 url 正确。

Openlayers 5 - 如何仅设置 1 个具有不同图标/图像的标记？

Openlayers 5 - how to set for only 1 marker with a different icon / image?

openlayers-5