18 lut 2022

#shorts - utworzenie dodatkowych miejsc w kontrolce sterującej

W leaflet domyślnie mamy dostępne cztery miejsca (cztery rogi mapy) w które możemy wstawić własne elementy lub zmienić pozycję już istniejących elementów np. zoom in/out.
Te miejsca to oczywiście [topleft, topright, bottomleft, bottomright], a co jeżeli chcemy stawić dodatkowy element ale na górze strony i na środku.

Oczywiście możemy to zrobić na wiele sposobów, np. dodając div do strony i przez position abolute i z-index wyśrodkować dany element. Wstrzyknąć element do leaflet-control-container.

25 cze 2021

react-leaflet w przykładach

Tak, stało się. Przepisałem zbiór przykładów użycia leafelt w czystym js z tego adresu leaflet-examples na reacta, a dokładnie za pomocą bibliotek react-leaflet i leaflet.
Wszystkie przykłady w react znajdują się pod tym adresem react-leaflet-examples
Oczywiście nie przeniosłem jeszcze wszystkiego i raczej na to się nie zanosi 😉

Jeżeli ktoś ma pomysły na jakieś inne przykłady chętnie zapoznam się z propozycjami.