openlayers6 添加 svg 作爲Icon 標記

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

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章