Moving the base layer hides the active overlay

I am using angular-leaflet-directive and moving or changing the zoom of the base map hides the active layer. In my example I have one base map and one overlay and if I inspect the page I have this:
enter image description here

I have two overlayes instead of one overlay and one basemap and both with que same z-index.

My code is:

 var layer = {
            baselayers: {
                xyz: {
                    name: 'OpenStreetMap',
                    url: 'http://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png',
                    type: 'xyz'
                },
                topo: {
                    name: "World Topographic",
                    type: "agsDynamic",
                    url: "https://services.arcgisonline.com/ArcGIS/rest/services/World_Topo_Map/MapServer"                       
                }                        
            },
            overlays: {}
        };

This only pappens with TOPO baselayer; with OpenStreetMap does not happen.

thanks in advance

Source: AngularJS

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.