dioxus-leaflet 0.3.1

A general-purpose Leaflet map component for Dioxus applications
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

use dioxus::{core::{use_drop, spawn_forever}, prelude::*};
use dioxus_logger::tracing::error;
use std::{collections::HashMap, rc::Rc};

use crate::{LatLng, MarkerIcon, interop, types::Id};

#[component]
pub fn Marker(
    coordinate: ReadSignal<LatLng>,

    #[props(default = None)] icon: ReadSignal<Option<MarkerIcon>>,

    #[props(default = None)] custom_data: ReadSignal<Option<HashMap<String, String>>>,

    on_click: Option<EventHandler>,

    children: Element,
) -> Element {
    let map: Rc<Id> = use_context();
    let id = use_context_provider(|| Rc::new(Id::marker(&map, dioxus_core::current_scope_id().0)));

    let id2 = id.clone();
    use_effect(move || {
        let id = id2.clone();
        let coord = coordinate();
        let icon = icon();
        spawn(async move {
            if let Err(e) = interop::update_marker(&id, &coord, &icon).await {
                error!("Error rendering marker: {e}");
            }
        });
    });

    let id2 = id.clone();
    use_drop(move || {
        let id = id2.clone();
        spawn_forever(async move {
            if let Err(e) = interop::delete_marker(&id).await {
                error!("Error deleting marker: {e}");
            }
        });
    });

    rsx!({ children })
}