openlayers6 添加 svg 作为Icon 标记
以下代码风格为vue的:1. 在data中定义:mapPollutionImage: null2.自定义方法initSvgImage(src) {const image = new Image(50, 50) // 这里设置的大小无效,以缩放大小为准image.src = src // src 为svg地址return image...
·
以下代码风格为vue的:
1. 在data中定义:
mapPollutionImage: null
2.自定义方法
initSvgImage(src) {
const image = new Image(200, 200) // 这里设置的大小为原始大小
image.src = src // src 为svg地址
return image
}
3.mounted中设置:
this.mapPollutionImage = this.initSvgImage('image/map-pollution.svg')
4.在使用图标的时候设置style:
feature.setStyle(
new Style({
image: new Icon({
img: this.mapPollutionImage,
imgSize: [200, 200], // 这个大小必须为原始大小
scale: 0.3 // 这个为缩放倍数
})
})
)
更多推荐
已为社区贡献1条内容
所有评论(0)