Grayscale Tiles/Kacheln in Leaflet (netzmacht) nutzen

Ich möchte Grayscale Karten nutzen. Wenn ich das manuell mache, schreibe ich:

Code:

---

L.tileLayer.grayscale('https://{s}.tile.osm.org/{z}/{x}/{y}.png', {attribution: '&copy; <a href="https://osm.org/copyright">OpenStreetMap</a> contributors'}).addTo(map);

---

Wie, wo muss ich ähnliches in Leaflet (netzmacht) eintragen?
Ich habe die css/js dafür geladen. Selbst wenn ich es in die leaflet_map_js.html5 schreibe, geht es nicht.

Code:

---

layers.grayscale=L.tileLayer.grayscale('https://{s}.tile.osm.org/{z}/{x}/{y}.png', {});
layers.grayscale.addTo(map);

---

Danke.

Also nach cache leeren macht er es grau.

Aber es gibt doch bestimmt einen 'richtigen' Weg olhne Templateanpassung.
Danke

Zitat:

---

Zitat von gracilis

Also nach cache leeren macht er es grau.

Aber es gibt doch bestimmt einen 'richtigen' Weg olhne Templateanpassung.
Danke

---

Was meinst du mit richtigen Weg?
Nutze die Erweiterung selber nicht. Hinsichtlich Leaflet u. einfacher Darstellung mach ich es zumeist manuell:
https://docs.contao.org/manual/de/gu...odule-listing/

Unabhängig davon:
Wenn du das Leaflet Plugin "Leaflet.TileLayer.Grayscale" hinzufügst musst du halt auch dies entsprechend im Template ergänzen ...

Geht auch per CSS

Code:

---

.leaflet-tile-pane {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}

---