在app中 openlayers 添加图标,图标一直不能显示:

如图所示

记录---app中 使用openlayers 地图添加图标不显示问题_斜杠

原因是,路径前面不能加斜杠

image: new Icon({
src: '/static/dingwei.png',
scale: 0.2
})

正确写法如下:改完就可以显示了

const myLocationLayer = new VectorLayer({
map: map,
source: _this.mylocationSource,
visible: true,
style: function(feature) {
return new Style({
image: new Icon({
src: 'static/dingwei.png',
scale: 0.2
})
})
}
});

注意:此问题本人测试的时候,h5有没有斜杠都不影响,但是app中,有斜杠就不行

仅供参考

还有如果实在显示不出来,也可以把图片转为base64,也能正常显示