change map tileLayer about ui-leaflet HOT 1 OPEN

From @pieterjandesmedt on December 18, 2014 13:15

You'll need to modify angular-leaflet-directive.js a bit for that. Right now, it checks if the layer exists (by name only) and then does nothing if the layer exists, even if its url has changed. Study lines 626-647 and 675-696 to understand. I modified it like this:

On line 628, change

     if (!isDefined(newBaseLayers[name])) {

into

     if (!isDefined(newBaseLayers[name]) || newBaseLayers[name].refresh) {

Likewise, change line 676 into

     if (!isDefined(newOverlayLayers[name]) || newOverlayLayers[name].refresh) {

In your initial layer configuration, add refresh: true like this:

layers: {
    baselayers: {
        myTileLayer: {
            name: 'My Changing Base Layer',
            url: 'http://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png',
            type: 'xyz',
            refresh: true
        }
    },
    overlays: {
        myOverlay: {
            name: 'My Changing Overlay',
            type: 'xyz',
            url: ...,
            visible: false,
            refresh: true
        },
    }

Then you can change the layer's url to http://tile.stamen.com/#toner/{z}/{x}/{y}.png after your first init. The watch will pick up the change and delete the layer then add it again with the new url if its refresh attribute is set to true.

from ui-leaflet.