Comment utiliser proj4lefleat dans la brochure de réaction?

Question

J'ai une carte fonctionnelle de feuillet de réaction que je dois redéfinir pour tenir une projection personnalisée (ETRS89/UTM zone 32N, EPSG: 25832), puisque la demande par défaut EPSG: 3857 WMS envoyée par Leaflet produit une carte décalée (donc l'administration de la ville, j'utilise les données de m'a dit d'utiliser leur projection native).

Je peux importer proj4leaflet et derfine la projection comme ceci:

import "proj4leaflet"; 
const crs = new Leaflet.Proj.CRS(
    'EPSG:25832', 
    '+proj=utm +zone=32 +ellps=GRS80 +units=m +no_defs ', 
    { 
     resolutions: [ 
      8192, 4096, 2048, 1024, 512, 256, 128, 
      64, 32, 16, 8, 4, 2, 1, 0.5 
     ], 
     origin: [0, 0] 
    }); 

Quand j'ajoute à mon Carte:

<Map 
    center={center} 
    zoom={zoom} 
    className="Map" 
    onClick={onClick} 
    crs={crs} 
    > 

ni mon WMSTileLayer ni mon TileLayer rendrai par la suite. Quelle est la meilleure façon de déboguer cela? Notez que je n'ai pas accès aux serveurs que j'interroge depuis que j'utilise les WMS Open Government Data, donc je ne vois pas les logs là-bas.

Answer 1

Merci, Evan. En créant un exemple JSFiddle, j'ai trouvé le bogue (j'avais une mauvaise référence dans le lien Bibliothèque de Proj4).

const crs = new window.L.Proj.CRS 

-je ajouter ici l'exemple de travail pour d'autres comme référence: JSFiddle Example of Proj4 Leaflet Map CRS