Search code examples
angularjsleafletangular-leaflet-directive

Angular leaflet maps show grey color with tile layer

I'm using angular-leaflet-directive to render leaflet maps on my web-app, also I'm getting tiles from Carto service. The problem is that when I add the tile layer, the tiles apeear as expected but the whole map fills with grey color. Any ideas what could cause such a behavior?

enter image description here

Solution

  • had same problem make sure you doesn't override leaflet style

    In my case the following style caused the problem

    img{
max-width:100%;
max-height:100%;
}