Search code examples
javascriptcssmapsleafletgeomap

How can I change the default loading tile color in LeafletJS?


By default, when leafletJS is loading a map, the background tiles are all grey. I'd like to change that color to be black (or any other arbitrary color). How can I go about doing this?


Solution

  • It's controlled by the below css rule in the file 'leaflet.css':

    .leaflet-container {
        background: #ddd;
    }
    

    so you just need to change this rule.