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,
    }),
  }),
};