When using esri-leaflet with leaflet-active-area, any derivative of L.esri.RasterLayer becomes distorted when added to a map with an activearea. Take the following example, where a dynamicMapLayer is added to a map that has an active area applied (outlined in dotted blue):
The layer is distorted, as it us using the bounds of the entire map to retrieve the image, but then the image is applied to the bounds of the active area. Enter esri-leaflet-active-area-patch:
Voila! Fixed.
npm install esri-leaflet-active-area-patchAnd somewhere in your project:
import 'esri-leaflet-active-area-patch'And that's it! Enjoy.