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


本文来自互联网用户投稿,文章观点仅代表作者本人,不代表本站立场,不承担相关法律责任。如若转载,请注明出处。 如若内容造成侵权/违法违规/事实不符,请点击【内容举报】进行投诉反馈!

相关文章

立即
投稿

微信公众账号

微信扫一扫加关注

返回
顶部