leptos-leaflet 0.10.2

Leaflet components to use in Leptos.
Documentation 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76

use leaflet::{Zoom, ZoomOptions};
use leptos::prelude::*;

use crate::prelude::LeafletMapContext;

/// Zoom controls
#[component]
#[allow(unused_braces)]
pub fn Zoom(
    /// Position where the zoom control is shown.
    #[prop(into)]
    position: Signal<String>,
    /// Text for "zoom in".
    #[prop(optional)]
    zoom_in_text: Option<String>,
    /// Text for "zoom out".
    #[prop(optional)]
    zoom_out_text: Option<String>,
    /// Title for "zoom in".
    #[prop(optional)]
    zoom_in_title: Option<String>,
    /// Title for "zoom out".
    #[prop(optional)]
    zoom_out_title: Option<String>,
) -> impl IntoView {
    let control = RwSignal::new_local(None::<Zoom>);

    let mut options = ZoomOptions::new();
    options.set_position(&position.get_untracked());

    if let Some(in_text) = zoom_in_text {
        options.set_zoom_in_text(&in_text);
    }
    if let Some(out_text) = zoom_out_text {
        options.set_zoom_out_text(&out_text);
    }
    if let Some(in_title) = zoom_in_title {
        options.set_zoom_in_title(&in_title);
    }
    if let Some(out_title) = zoom_out_title {
        options.set_zoom_out_title(&out_title);
    }

    Effect::new(move |_| {
        let Some(map) = use_context::<LeafletMapContext>()
            .expect("Leaflet context not available. Could not initialize Zoom component.")
            .map()
        else {
            return;
        };

        let c = Zoom::new(&options);
        c.add_to(&map);
        control.set(Some(c));
    });

    on_cleanup(move || {
        control.with_untracked(|contr| {
            if let Some(c) = contr {
                c.remove();
            }
        });
    });

    let update_position = move || {
        let position = position.get();
        let Some(c) = control.get() else {
            return;
        };
        c.set_position(&position);
    };

    view! {
        { update_position }
    }
}