Is there a way to show the leaflet map in a custom projected coordinated system, such as the North America Albers Equal Area Conic_1? We can do this in D3.js, but can we do it in Leaflet.js?

Something like this image.

enter image description here


1 Answer 1


I was not aware there was a plugin for projection. Here is what I did to change the WGS 84 projection to Albers Equal Area Conic (42303) projection.

     var crs42303 = new L.Proj.CRS('EPSG:42303',
        '+proj=aea +lat_1=29.5 +lat_2=45.5 +lat_0=23 +lon_0=-96 +x_0=0 +y_0=0 
         +datum=WGS84 +units=m +no_defs', {
         resolutions: [8192, 4096, 2048, 1024, 512, 256, 128, 64, 32, 16, 8, 4, 
         2, 1],
        origin: [0, 0]

    var map = L.map('map', {
      crs: crs42303,
      maxZoom: 14,
      minZoom: 0,
    }).setView([40, -97.0], 1);

And here is a screenshot of my map. I haven't use Tile, because I had a GeoJSON file.

enter image description here

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.