Suite

Désaturer la couche de tuiles dans OpenLayers 3


J'ai une carte OL3 avec une tuile et une couche vectorielle. Étant donné que les caractéristiques de la couche vectorielle ne ressortent pas suffisamment par rapport à la couche de tuiles en arrière-plan, je souhaite désaturer la couche de tuiles.

Je connais l'exemple de teinte/saturation, mais cette approche ne fonctionne qu'avec WebGL. WebGL à son tour ne prend pas en charge les couches vectorielles.

Comment désaturer une couche de tuiles OpenLayers 3 lors de l'utilisation du moteur de rendu Canvas ?

REMARQUE : je ne peux pas désaturer les tuiles sur le serveur, car je ne contrôle pas le serveur qui héberge les tuiles.


Oui. C'est possible.

http://jsfiddle.net/5Lkpbbr8/

Changez la chrominance à 0%. La couche raster deviendra désaturée tandis que la couche vectorielle restera colorée.


Voir la vidéo: 01. React + OpenLayers. TypeScript. Map, VectorLayer (Octobre 2021).