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

javascript css maps leaflet geomap
thisissami picture thisissami · Dec 13, 2012 · Viewed 11.7k times · Source

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?

Answer

dencey picture dencey · Dec 13, 2012

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.

Related questions

Assign ID to marker in leaflet

So i try to achieve a result as on foursquare: https://foursquare.com/explore?cat=drinks&mode=url&near=Paris which is when you clik on a marker on the map, it scrolls through the listed of restaurants …

Read More
How do I add a class to a given element?

I have an element that already has a class: <div class="someclass"> <img ... id="image1" name="image1" /> </div> Now I want to create a JavaScript function that will add a class to the div (…

Read More
Retrieve the position (X,Y) of an HTML element relative to the browser window

I want to know how to get the X and Y position of HTML elements such as img and div in JavaScript relative to the browser window.

Read More