Javascript 如何将SVG图像用作OpenLayers 4上的层

我基于OpenLayers 3的

ol.source.ImageStatic

尝试采用这种方法 要打开第4层，但没有结果：

OL4的当前

ol.source.ImageStatic

示例可以在这里找到：

---

如何将SVG源加载到OpenLayers 4地图？

功能似乎取决于SVG数据。。一个有效的例子：

var svgComment=''
+ ''
+ ''
+ ''
+ ''
+ ''
+ ''
+ '';
//测试SVG
//var img=document.createElement（'img'）；
//img.src=src；
//文件.正文.附加（img）；
var commentStyle=新的ol.style.style({
图片：新ol.style.Icon({
src:'data:image/svg+xml；charset=utf-8，'+encodeURIComponent（svgComment）
})
});
var vectorSource=新的ol.source.Vector({
特点：[
新ol.功能({
几何体：新的ol.geom.Point（[0,0]）
}) 
]
});
var vectorLayer=新ol.layer.Vector({
名称：'注释'，
风格：评论风格，
来源：矢量源
});
//显示地图
var rasterLayer=新ol.layer.Tile({
来源：new ol.source.TileJSON({
网址：'https://api.tiles.mapbox.com/v3/mapbox.geography-class.json?secure',
交叉源：“”
})
});
var map=新ol.map({
图层：[光栅图层，矢量图层]，
目标：document.getElementById（'map'），
视图：新ol.view({
中间：[0,0]，
缩放：3
})
});