Use Rlayers with QGIS Server

[mmomtchev]

Use Rlayers with QGIS Server

[abkfenris]

I've got a TileWMS layer working, but only supporting the WMS options that I need at this point. TileLayer and TileWMS can be quickly swapped for ImageLayer and ImageWMS if your source doesn't support tiled WMS requests.

import React from "react"
import { RContextType, RLayerRaster, RLayerRasterProps } from "rlayers"
import { toast } from "react-toastify"

import TileLayer from "ol/layer/Tile"
import TileWMS from "ol/source/TileWMS"

// TileWMS options from https://openlayers.org/en/latest/apidoc/module-ol_source_TileWMS-TileWMS.html
export interface RTileWMSLayerProps extends RLayerRasterProps {
  // attributions
  // attributionsCollapsible
  // cacheSize
  // crossOrgin
  // imageSmoothing
  params: { [key: string]: any }
  // gutter
  // hidip
  // projection
  // reprojectionErrorThreshold
  // tileClass
  // tileGrid
  // serverType
  // tileLoadFunction
  url?: string
  //   urls?: [string]
  // wrapX
  // transition
  // zDirection
}

export class RTileWMSLayer extends RLayerRaster<RTileWMSLayerProps> {
  ol: TileLayer
  source: TileWMS

  constructor(
    props: Readonly<RTileWMSLayerProps>,
    context: React.Context<RContextType>
  ) {
    super(props, context)
    this.createSource()
    this.ol = new TileLayer({ source: this.source })
    this.eventSources = [this.ol, this.source]
  }

  createSource(): void {
    const { params, url } = this.props
    const options = { params, url }

    this.source = new TileWMS(options)
    this.eventSources = [this.ol, this.source]
  }

  refresh(prevProps?: RTileWMSLayerProps): void {
    super.refresh(prevProps)
    this.createSource()
  }
}

[mmomtchev]

There is no WMS support at the moment - but it is relatively easy to implement it from the WMTS layer

[dmestudent]

Okay thank you for the quick response. I think I will have to build a temp workaround for my case then until it is implemented. I would love to do it myself but I have no knowledge about how I can extend a library that is written in typescript since I have no typescript experience 😅

[mmomtchev]

You can submit a PR if you wish

[mmomtchev]

rlayers 1.1 has basic TileWMS support