Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

With redraw (), the tiles are not requested again

See original GitHub issue

How to reproduce

Leaflet version I’m using: 1.3.4
Browser (with version) I’m using: chrome 40
OS/Platform (with version) I’m using: window 10
step 1 add tileLayer var test=L.tileLayer('https://api.tiles.mapbox.com/v4/{id}/{z}/{x}/{y}.png?access_token=pk.eyJ1IjoibWFwYm94IiwiYSI6ImNpejY4NXVycTA2emYycXBndHRqcmZ3N3gifQ.rJcFIG214AriISLbB6B5aw', { maxZoom: 18, attribution: 'Map data © <a href="https://www.openstreetmap.org/">OpenStreetMap</a> contributors, ' + '<a href="https://creativecommons.org/licenses/by-sa/2.0/">CC-BY-SA</a>, ' + 'Imagery © <a href="https://www.mapbox.com/">Mapbox</a>', id: 'mapbox.streets' }).addTo(mymap);
step 2 use redraw() setTimeout(function(){ test.redraw(); },5000);

What behaviour I’m expecting and which behaviour I’m seeing

the tile are requested once if i use redraw(), the tiles should be requested twice

Minimal example reproducing the issue

` var mymap = L.map(‘mapid’).setView([51.505, -0.09], 13);

var test=L.tileLayer('https://api.tiles.mapbox.com/v4/{id}/{z}/{x}/{y}.png?access_token=pk.eyJ1IjoibWFwYm94IiwiYSI6ImNpejY4NXVycTA2emYycXBndHRqcmZ3N3gifQ.rJcFIG214AriISLbB6B5aw', {
    maxZoom: 18,
    attribution: 'Map data &copy; <a href="https://www.openstreetmap.org/">OpenStreetMap</a> contributors, ' +
    '<a href="https://creativecommons.org/licenses/by-sa/2.0/">CC-BY-SA</a>, ' +
    'Imagery © <a href="https://www.mapbox.com/">Mapbox</a>',
    id: 'mapbox.streets'
}).addTo(mymap);


setTimeout(function(){
    test.redraw();
},5000);`

this example is as simple as possible
this example does not rely on any third party code

Using http://leafletjs.com/edit.html or any other jsfiddle-like site.

Issue Analytics

State:
Created 5 years ago
Comments:5 (2 by maintainers)

Top GitHub Comments

2reactions

songyumengcommented, Mar 13, 2019

L.TileLayer.Test = L.TileLayer.extend({
    getTileUrl: function(coords) {
        return L.TileLayer.prototype.getTileUrl.call(this,coords)+"?_t="+new Date().getTime();
    }
});

var l = new L.TileLayer.Test('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png');

Try it , with a timestamp. But this may not be the best solution.

0reactions

Falke-Designcommented, Feb 21, 2022

The tiles are kept in the browser cache and not re-requested.

There is currently no way to force a request in browsers without modifing the url (like append a version ?v=123) which destroys chaching because of this I will close this issue and label it with wontfix.