Esta podría ser una pregunta tonta, pero no pude encontrar una forma documentada de lograrlo.
Me gustaría colocar libremente el menú de control de capas, probablemente en la parte superior izquierda cerca del botón predeterminado de acercar / alejar.
Mi control de capa se ve así:
// Group layers as overlay pane
overlayPane = {
"Endpoints" : endpointMarkerLayer,
"Links" : linkLineLayer
};
// Add a layer control element to the map
layerControl = L.control.layers(null, overlayPane);
layerControl.addTo(map);
Donde endpointMarkerLayer
y linkLineLayer
son capas que contienen marcadores y polilíneas respectivamente.
¿Hay una opción para especificar dónde debe aparecer el menú? O, alternativamente, ¿cómo puedo obtener una referencia al objcet DOM del menú de control, de modo que pueda asignarle una clase personalizada y anular el posicionamiento en CSS?
La respuesta de Kelso es correcta. Sin embargo, la documentación (y API) es un poco confusa. Por ejemplo, para crear un cuadro de información personalizado, basado en este ejemplo: http://leafletjs.com/examples/choropleth.html puede hacer esto:
Las opciones se establecen en el objeto de control. Entonces, uno puede pensar que puede hacer esto para colocar un control de superposición:
La forma correcta de hacer esto, como se indicó anteriormente, es:
fuente