Это может быть глупый вопрос, но я не смог найти документированный способ добиться этого.
Я хотел бы свободно расположить меню управления слоями, возможно, в верхнем левом углу рядом с кнопкой увеличения / уменьшения по умолчанию.
Мой слой управления выглядит так:
// 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);
Где endpointMarkerLayer
и linkLineLayer
находятся слои, содержащие маркеры и полилинии соответственно.
Есть ли возможность указать, где должно появиться меню? Или, в качестве альтернативы, как я могу получить ссылку на DOM-объект меню управления, чтобы я мог назначить ему собственный класс и переопределить позиционирование в CSS?
Келсо ответ правильный. Тем не менее, документация (и API) немного сбивает с толку. Например, чтобы создать настраиваемое информационное поле на основе этого примера: http://leafletjs.com/examples/choropleth.html, вы можете сделать это:
Параметры устанавливаются на объекте управления. Поэтому можно подумать, что вы можете сделать это, чтобы разместить элемент управления наложением:
Правильный способ сделать это, как указано выше, это:
источник