Ini mungkin pertanyaan konyol, tetapi saya tidak dapat menemukan cara yang terdokumentasi untuk mencapai ini.
Saya ingin secara bebas memposisikan menu kontrol lapisan, mungkin ke kiri atas dekat tombol zoom-in / out default.
Kontrol layer saya terlihat seperti ini:
// 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);
Dimana endpointMarkerLayer
dan linkLineLayer
masing - masing layer mengandung marker dan polyline.
Apakah ada opsi untuk menentukan di mana menu akan muncul? Atau sebagai alternatif, bagaimana saya bisa mendapatkan referensi ke DOM-objcet dari menu kontrol, sehingga saya bisa menetapkannya sebagai kelas khusus dan mengabaikan pemosisian di CSS?
Jawaban Kelso benar. Namun, dokumentasi (dan API) agak membingungkan. Misalnya, untuk membuat kotak info khusus, berdasarkan contoh ini: http://leafletjs.com/examples/choropleth.html Anda dapat melakukan ini:
Opsi diatur pada objek kontrol. Jadi orang mungkin berpikir Anda bisa melakukan ini untuk memposisikan kontrol overlay:
Cara yang benar untuk melakukan ini, sebagaimana dinyatakan di atas, adalah:
sumber