Vue下OpenLayers中Style-Icon的图片路径

OpenLayers加载图片的方式：

1：

使用 require 方式加载图片；

图片路径：“根目录 - src - assets”

let styles = {icon: new Style({image: new Icon({anchor: [0.5, 1],src: require('../assets/icon.png'),}),}),
};

2：

不使用 require 时，图片只能访问public目录下的

图片路径：“根目录 - public”

let styles = {icon: new Style({image: new Icon({anchor: [0.5, 1],src: "./icon.png",}),}),
};

3：

使用在线的图片地址

let styles = {icon: new Style({image: new Icon({anchor: [0.5, 1],src: "http:xxxx.com/xxx/icon.png,}),}),
};