To może być głupie pytanie, ale nie mogłem znaleźć udokumentowanego sposobu na osiągnięcie tego.
Chciałbym dowolnie pozycjonować menu kontroli warstw, prawdopodobnie w lewym górnym rogu obok domyślnego przycisku powiększania / zmniejszania.
Moja kontrola warstw wygląda następująco:
// 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);
Gdzie endpointMarkerLayer
i linkLineLayer
są warstwy zawierające odpowiednio markery i polilinie.
Czy istnieje opcja określenia, gdzie ma się pojawiać menu? Lub alternatywnie, w jaki sposób mogę uzyskać odniesienie do DOM-objcet menu sterowania, tak że mógłbym przypisać mu niestandardową klasę i zastąpić pozycjonowanie w CSS?
Odpowiedź Kelso jest poprawna. Jednak dokumentacja (i API) jest nieco myląca. Na przykład, aby utworzyć niestandardowe pole informacyjne na podstawie tego przykładu: http://leafletjs.com/examples/choropleth.html możesz to zrobić:
Opcje są ustawione na obiekcie kontrolnym. Można więc pomyśleć , że możesz to zrobić, aby ustawić kontrolę nakładki:
Prawidłowym sposobem na to, jak wspomniano powyżej, jest:
źródło