How to use source loader-factory

Hello @ghettovoice,

I hope you are fine. I am updating vuelayers. I was using 0.11.5-beta.8. In that version, the method loader-factory had a parameter which was the source, but now this is not the case anymore.

How should it be used now? This was my code, in which you can see I used the URL from the source:

loaderFactory(vm) {
                return (extent, resolution, projection) => {
                    let url = vm.$source.getUrl()
                    if (typeof url === 'function') {
                        url = url(extent, resolution, projection)
                    }
                    if (!url) {
                        return []
                    }
                    return fetch(url, {
                        credentials: 'same-origin',
                        mode: 'cors',
                    }).then(response => response.text())
                        .then(async text => {
                            if (!vm.$source) {
                                return []
                            }
                            // Some extra things I did for offline mode were here using the url
                            return vm.$source.getFormat().readFeatures(text, {
                                featureProjection: vm.viewProjection,
                                dataProjection: vm.resolvedDataProjection,
                            })
                        })
                        .catch(async error => {
                            // Some extra things I did for offline mode were here using the url
                            return vm.$source.getFormat().readFeatures(text, {
                                featureProjection: vm.viewProjection,
                                dataProjection: vm.resolvedDataProjection,
                            })
                        })
                }
            },

[ghettovoice]

In this case each source should use it’s own loader factory with enclosed context variables. I would make this like this:

this.layers = ['http://example.com', 'http://example2.com'].forEach(url => {
  return {
    url,
    loaderFactory: () => (extent, resolution, projection) => {
      return fetch(url).then(...)
    }
  }
})

Then int template

<vl-layer-vector v-for="layer in layers">
  <vl-source-vector :loader-factory="layer.loaderFactory" />
</vl-layer-vector>

I don’t actually know how you add layers/source on the map. I guess you load layers configuration from somewhere and then adds them with v-for

[stale[bot]]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.