openlayers 添加svg图片

要在 OpenLayers 中添加 SVG 图片，可以使用 `ol.style.Icon` 类来实现。首先，需要为 SVG 图片创建一个 `Image` 对象，然后将其作为 `ol.style.Icon` 类的 `img` 属性的值。

下面是一个示例代码，演示如何在 OpenLayers 中添加 SVG 图片：

var iconFeature = new ol.Feature({
  geometry: new ol.geom.Point([0, 0]),
  name: 'SVG Icon'
});

var iconStyle = new ol.style.Style({
  image: new ol.style.Icon({
    img: new Image({
      src: 'path/to/svg/image.svg'
    }),
    imgSize: [width, height],
    // 设置图标的偏移量
    offset: [0, 0],
    // 设置图标的缩放比例
    scale: 1
  })
});

iconFeature.setStyle(iconStyle);

var vectorLayer = new ol.layer.Vector({
  source: new ol.source.Vector({
    features: [iconFeature]
  })
});

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

在上述示例代码中，`ol.style.Icon` 类的 `img` 属性接受一个 `Image` 对象作为参数，该对象的 `src` 属性指定了 SVG 图片的路径。`imgSize` 属性指定了图标的宽度和高度，`offset` 属性指定了图标的偏移量，`scale` 属性指定了图标的缩放比例。

最后，将 `iconStyle` 应用于 `iconFeature`，并将其添加到 `vectorLayer` 中。然后，将 `vectorLayer` 添加到地图中即可。