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
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178

//! Navigation and camera JS bridge.

use super::find_map_js;
pub fn fly_to_js(map_id: &str, options_json: &str) -> String {
    let find = find_map_js(map_id);
    format!(
        r#"
        (function() {{
            {find}
            const opts = {options_json};
            // Convert LatLng to MapLibre [lng, lat] format
            if (opts.center && opts.center.lat !== undefined) {{
                opts.center = [opts.center.lng, opts.center.lat];
            }}
            map.flyTo(opts);
        }})();
        "#
    )
}

/// Generate JS for easeTo
pub fn ease_to_js(map_id: &str, options_json: &str) -> String {
    let find = find_map_js(map_id);
    format!(
        r#"
        (function() {{
            {find}
            const opts = {options_json};
            if (opts.center && opts.center.lat !== undefined) {{
                opts.center = [opts.center.lng, opts.center.lat];
            }}
            map.easeTo(opts);
        }})();
        "#
    )
}

/// Generate JS for jumpTo
pub fn jump_to_js(map_id: &str, options_json: &str) -> String {
    let find = find_map_js(map_id);
    format!(
        r#"
        (function() {{
            {find}
            const opts = {options_json};
            if (opts.center && opts.center.lat !== undefined) {{
                opts.center = [opts.center.lng, opts.center.lat];
            }}
            map.jumpTo(opts);
        }})();
        "#
    )
}

/// Generate JS for fitBounds
pub fn fit_bounds_js(
    map_id: &str,
    sw_lng: f64,
    sw_lat: f64,
    ne_lng: f64,
    ne_lat: f64,
    options_json: &str,
) -> String {
    let find = find_map_js(map_id);
    format!(
        r#"
        (function() {{
            {find}
            const opts = {options_json};
            map.fitBounds([[{sw_lng}, {sw_lat}], [{ne_lng}, {ne_lat}]], opts);
        }})();
        "#
    )
}

/// Generate JS for panTo
pub fn pan_to_js(map_id: &str, lat: f64, lng: f64) -> String {
    let find = find_map_js(map_id);
    format!(
        r#"
        (function() {{
            {find}
            map.panTo([{lng}, {lat}]);
        }})();
        "#
    )
}

/// Generate JS for panBy
pub fn pan_by_js(map_id: &str, x: i32, y: i32) -> String {
    let find = find_map_js(map_id);
    format!(
        r#"
        (function() {{
            {find}
            map.panBy([{x}, {y}], {{ duration: 0 }});
        }})();
        "#
    )
}

/// Generate JS for zoomTo
pub fn zoom_to_js(map_id: &str, zoom: f64) -> String {
    let find = find_map_js(map_id);
    format!(
        r#"
        (function() {{
            {find}
            map.zoomTo({zoom});
        }})();
        "#
    )
}

/// Generate JS for zoomIn
pub fn zoom_in_js(map_id: &str) -> String {
    let find = find_map_js(map_id);
    format!(
        r#"
        (function() {{
            {find}
            map.zoomIn();
        }})();
        "#
    )
}

/// Generate JS for zoomOut
pub fn zoom_out_js(map_id: &str) -> String {
    let find = find_map_js(map_id);
    format!(
        r#"
        (function() {{
            {find}
            map.zoomOut();
        }})();
        "#
    )
}

/// Generate JS for rotateTo (setBearing)
pub fn rotate_to_js(map_id: &str, bearing: f64) -> String {
    let find = find_map_js(map_id);
    format!(
        r#"
        (function() {{
            {find}
            map.rotateTo({bearing});
        }})();
        "#
    )
}

/// Generate JS for setPitch
pub fn set_pitch_js(map_id: &str, pitch: f64) -> String {
    let find = find_map_js(map_id);
    format!(
        r#"
        (function() {{
            {find}
            map.setPitch({pitch});
        }})();
        "#
    )
}

/// Generate JS for resetNorth
pub fn reset_north_js(map_id: &str) -> String {
    let find = find_map_js(map_id);
    format!(
        r#"
        (function() {{
            {find}
            map.resetNorth();
        }})();
        "#
    )
}