以下代码风格为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 // 这个为缩放倍数
                  })
                })
              )

 

Logo

前往低代码交流专区

更多推荐