以下代碼風格爲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 // 這個爲縮放倍數
})
})
)