在Openlayers3中沿lineString添加图像

Question

我想将图片放在一条线上。例如，代替虚线或虚线，我可以包括船的符号或沿着线重复的字符（例如|）。 这是代码：

lineStyle = new ol.style.Style({
  image: new ol.style.Icon(({
    opacity: 1,
    size:20,
    src: './icon.png'
  })),
  stroke: new ol.style.Stroke({
    color: 'black',
    width: 5,
    lineDash: [10]
  })
});

我想得到这样的结果：

这是我的示例，但它无法显示图像和线条。 http://jsfiddle.net/Wenhua1224/jguxq4j0/