Más

¿Seleccionando la capa por defecto usando Leaflet?


Estoy trabajando con el folleto, donde primero cargamos el imageoberlay en el mapa usando la entrada del usuario.

Ahora, he estado probando diferentes métodos para seleccionar esa capa de forma predeterminada.

El problema es solo que la primera capa no se carga en el mapa hasta que hago clic en el botón de opción.

¿Cómo puedo seleccionar la capa por defecto? Estoy haciendo algo como:

Texto

// Nuevo grupo de capas, tenga en cuenta que aún no se ha agregado al mapa var layerGroup = new L.LayerGroup (), imageOverlayUrl = firstImage, // Nueva imagen superpuesta agregada al grupo de capas imageOverlay = new L.ImageOverlay (imageOverlayUrl, límites) .addTo (layerGroup ), // Nuevo grupo de entidades agregado al grupo de capas featureGroup = new L.FeatureGroup (). AddTo (layerGroup); // método dinámico para agregar una nueva capa var layerGroupings = {"Main": layerGroup}; var layerControl = new L.control.layers (layerGroupings, null, {collapsed: false}); layerControl.addTo (mapa);

Cuando se carga una nueva capa, debe seleccionarse de forma predeterminada.

¿Cómo puedo hacer eso?


Simplemente agregue el Layergroup a su mapa con el método addTo.

layerGroup.addTo (mapa);

En su ejemplo de código, esto podría hacerse aquí:

// Nuevo grupo de capas, tenga en cuenta que aún no se ha agregado al mapa var layerGroup = new L.LayerGroup (), imageOverlayUrl = firstImage, // Nueva imagen superpuesta agregada al grupo de capas imageOverlay = new L.ImageOverlay (imageOverlayUrl, límites) .addTo (layerGroup ), // Nuevo grupo de entidades agregado al grupo de capas featureGroup = new L.FeatureGroup (). AddTo (layerGroup); layerGroup.addTo (mapa); // método dinámico para agregar una nueva capa var layerGroupings = {"Main": layerGroup}; var layerControl = new L.control.layers (layerGroupings, null, {collapsed: false}); layerControl.addTo (mapa);