openlayers icon添加阴影

要在OpenLayers中添加图标的阴影，可以使用CSS样式来实现。首先，在添加图标时，需要将图标的CSS类设置为一个自定义的类，例如"my-icon"。然后，在CSS文件中，可以为这个类添加阴影效果：

.my-icon {
  /* 设置图标的大小和背景 */
  width: 32px;
  height: 32px;
  background-image: url('my-icon.png');
  background-repeat: no-repeat;
  background-size: contain;
  
  /* 添加阴影效果 */
  box-shadow: 1px 1px 3px rgba(0,0,0,0.5);
}

在这个例子中，我们使用box-shadow属性来添加阴影效果。该属性有四个值，分别是水平偏移量、垂直偏移量、模糊半径和颜色。在这个例子中，我们将水平和垂直偏移量设置为1像素，模糊半径为3像素，颜色为黑色并设置透明度为0.5。

最后，将图标添加到OpenLayers的地图中时，指定使用自定义的CSS类即可：

var icon = new ol.style.Icon({
  src: 'my-icon.png',
  className: 'my-icon'
});

var marker = new ol.Feature({
  geometry: new ol.geom.Point([0, 0]),
});

marker.setStyle(new ol.style.Style({
  image: icon
}));

vectorLayer.getSource().addFeature(marker);

这样就可以在OpenLayers中为图标添加阴影效果了。