20 votos

¿Cómo cambiar el orden de estratificación (z-index) de los paneles del Leaflet Map?

Leaflet mantiene que los elementos de los paneles Mapa contienen todas las capas añadidas al mapa. La diferencia entre muchos de los paneles Mapa es estrictamente el orden z-index de estratificación.

Me gustaría utilizar una combinación de capas lvector.CartoDB, que son esencialmente overlayPane capas, con TileLayer, como GeoIQ Acetate-bg y etiquetas.

Este es el orden de los elementos a medida que se van añadiendo al mapa:

tileLayer1 = new L.TileLayer();
map.add(tileLayer1);  // add first layer to map

cartoDBLayer1 = new lvector.CartoDB();
cartoDBLayer.setMap(map); // add second layer to map

tileLayer2 = new L.TileLayer();
map.add(tileLayer2);  // add third layer to map

El resultado es un mapa con las capas en este orden:

tileLayer1,tileLayer2,cartoDBLayer1

tileLayer1 y tileLayer2 están situados en el HTMLElement: TilePane y cartoDBLayer1 está en HTMLElement: overlayPane .

¿Hay alguna forma de forzar cartoDBLayer1 para renderizar en el TilePane, de tal forma que caiga en orden del z-index en el que se añade al mapa...

es decir

z-index[0]:tileLayer1
z-index[1]:cartoDBLayer1
z-index[2]:tileLayer2

21voto

Celso Puntos 66

Actualización septiembre 2014

Leaflet ahora admite la configuración de zÍndice . Gracias a @knutole en los comentarios por avisarme.

Respuesta antigua

¿Has visto esta incidencia creada en el repositorio de github de LeafLet?

https://github.com/Leaflet/Leaflet/issues/167

intente utilizar

 addLayer(layer,true);

para añadir una capa de azulejos al fondo. Me temo que eso es todo lo que hay y este segundo argumento opcional ni siquiera está documentado.

i-Ciencias.com

I-Ciencias es una comunidad de estudiantes y amantes de la ciencia en la que puedes resolver tus problemas y dudas.
Puedes consultar las preguntas de otros usuarios, hacer tus propias preguntas o resolver las de los demás.

Powered by:

X