[BUG?] Map tiles offset with random empty tiles.

For example, it looks like this:

I’m using 1.0.0-beta.1 and I’ve got code that looks like this:

        this.map = new L.Map(
            document.getElementById('map'),
            {
                zoomControl: false,
                center: [ lat, lng ],
                zoom: 15
            }
        );

        // Open Street Map layer for our leaflet instance.
        var osmUrl='https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png';
        var osmAttrib='Map data © <a href="https://openstreetmap.org">OpenStreetMap</a> contributors';
        var osm = new L.TileLayer(osmUrl, {
            minZoom: 0,
            maxZoom: 18,
            attribution: osmAttrib
        });
        this.map.addLayer(osm)

[mourner]

@trusktr can’t say much until I see a reproduced JSFiddle test case. Maybe you forgot to include Leaflet CSS?

[BADAKAA]

I was experiencing similar issues that had an entirely different cause.

This solution may not apply to you, but this might help any passerby using OpenStreetMaps:

In the URL, x, y and z must NOT be in alphabetical order like so:

const tileURL ="https://{s}.tile.osm.org/{x}/{y}/{z}.png";

but must instead be in this order>:

const tileURL = "https://{s}.tile.osm.org/{z}/{x}/{y}.png";

Otherwise, invalid tiles will be requested, resulting in an unusable, faulty map.