dioxus-maplibre 0.0.7

MapLibre GL JS wrapper for Dioxus 0.7
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
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121

//! Terrain, sky, and fog JS bridge.

use super::find_map_js;
use super::js_escape::js_single_quoted;

pub fn set_terrain_js(map_id: &str, options_json: &str) -> String {
    let find = find_map_js(map_id);
    let map_id_lit = js_single_quoted(map_id);
    format!(
        r#"
        (function() {{
            {find}
            map.setTerrain({options_json});
            const terrainState = window.__dioxus_maplibre_terrain && window.__dioxus_maplibre_terrain[{map_id_lit}];
            if (terrainState) {{
                terrainState.hasValue = true;
                terrainState.value = JSON.parse(JSON.stringify({options_json}));
            }}
        }})();
        "#
    )
}

/// Generate JS to remove terrain
pub fn remove_terrain_js(map_id: &str) -> String {
    let find = find_map_js(map_id);
    let map_id_lit = js_single_quoted(map_id);
    format!(
        r#"
        (function() {{
            {find}
            map.setTerrain(null);
            const terrainState = window.__dioxus_maplibre_terrain && window.__dioxus_maplibre_terrain[{map_id_lit}];
            if (terrainState) {{
                terrainState.hasValue = true;
                terrainState.value = null;
            }}
        }})();
        "#
    )
}

/// Generate JS to set sky
pub fn set_sky_js(map_id: &str, options_json: &str) -> String {
    let find = find_map_js(map_id);
    let map_id_lit = js_single_quoted(map_id);
    format!(
        r#"
        (function() {{
            {find}
            map.setSky({options_json});
            const skyState = window.__dioxus_maplibre_sky && window.__dioxus_maplibre_sky[{map_id_lit}];
            if (skyState) {{
                skyState.hasValue = true;
                skyState.value = JSON.parse(JSON.stringify({options_json}));
            }}
        }})();
        "#
    )
}

/// Generate JS to remove sky
pub fn remove_sky_js(map_id: &str) -> String {
    let find = find_map_js(map_id);
    let map_id_lit = js_single_quoted(map_id);
    format!(
        r#"
        (function() {{
            {find}
            map.setSky(null);
            const skyState = window.__dioxus_maplibre_sky && window.__dioxus_maplibre_sky[{map_id_lit}];
            if (skyState) {{
                skyState.hasValue = true;
                skyState.value = null;
            }}
        }})();
        "#
    )
}

// =============================================================================
// Fog / Atmosphere
// =============================================================================

/// Generate JS to set fog/atmosphere
pub fn set_fog_js(map_id: &str, options_json: &str) -> String {
    let find = find_map_js(map_id);
    let map_id_lit = js_single_quoted(map_id);
    format!(
        r#"
        (function() {{
            {find}
            map.setFog({options_json});
            const fogState = window.__dioxus_maplibre_fog && window.__dioxus_maplibre_fog[{map_id_lit}];
            if (fogState) {{
                fogState.hasValue = true;
                fogState.value = JSON.parse(JSON.stringify({options_json}));
            }}
        }})();
        "#
    )
}

/// Generate JS to remove fog/atmosphere
pub fn remove_fog_js(map_id: &str) -> String {
    let find = find_map_js(map_id);
    let map_id_lit = js_single_quoted(map_id);
    format!(
        r#"
        (function() {{
            {find}
            map.setFog(null);
            const fogState = window.__dioxus_maplibre_fog && window.__dioxus_maplibre_fog[{map_id_lit}];
            if (fogState) {{
                fogState.hasValue = true;
                fogState.value = null;
            }}
        }})();
        "#
    )
}