egui-map-view 0.5.0

An slippy map viewer for egui 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
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

//! An example of using the SVG layer to display SVG images on the map.

use eframe::egui;
use egui_map_view::{
    Map,
    config::OpenStreetMapConfig,
    layers::svg::{SvgElement, SvgLayer},
};

fn main() -> eframe::Result {
    let options = eframe::NativeOptions {
        viewport: egui::ViewportBuilder::default().with_inner_size([800.0, 600.0]),
        ..Default::default()
    };

    eframe::run_native(
        "SVG Layer Example",
        options,
        Box::new(|_cc| Ok(Box::<MyApp>::default())),
    )
}

struct MyApp {
    map: Map,
}

impl Default for MyApp {
    fn default() -> Self {
        let mut map = Map::new(OpenStreetMapConfig::default());

        // Create a new SVG layer
        let mut svg_layer = SvgLayer::default();

        // A simple red circle SVG
        let red_circle = r#"<svg height="100" width="100" xmlns="http://www.w3.org/2000/svg">
            <circle r="40" cx="50" cy="50" fill="red" />
        </svg>"#;

        // A simple blue square SVG
        let blue_square = r#"<svg height="100" width="100" xmlns="http://www.w3.org/2000/svg">
            <rect width="80" height="80" x="10" y="10" fill="blue" />
        </svg>"#;

        // A simple green triangle SVG
        let green_triangle = r#"<svg height="100" width="100" xmlns="http://www.w3.org/2000/svg">
            <polygon points="50,15 90,85 10,85" fill="green" />
        </svg>"#;

        // Add some SVG elements to the layer
        // Helsinki (approx 24.94, 60.17)
        svg_layer.add_element(
            SvgElement::from_xy(24.94, 60.17, red_circle, "Helsinki Red Circle (Clickable)")
                .with_scalable(true),
        );

        // London (approx -0.12, 51.50)
        svg_layer.add_element(
            SvgElement::from_xy(
                -0.12,
                51.50,
                blue_square,
                "London Blue Square (Non-clickable)",
            )
            .with_clickable(false),
        );

        // Stockholm (approx 18.06, 59.32)
        svg_layer.add_element(
            SvgElement::from_xy(
                18.06,
                59.32,
                green_triangle,
                "Stockholm Green Triangle (Draggable)",
            )
            .with_draggable(true),
        );

        // Add the layer to the map
        map.add_layer("svg_icons", svg_layer);

        Self { map }
    }
}

impl eframe::App for MyApp {
    fn ui(&mut self, ui: &mut egui::Ui, _frame: &mut eframe::Frame) {
        egui::CentralPanel::default()
            .frame(egui::Frame::NONE)
            .show_inside(ui, |ui| {
                ui.add_sized(ui.available_size_before_wrap(), &mut self.map);
            });

        // Check for click events on the SVG layer
        if let Some(svg_layer) = self.map.layer_mut::<SvgLayer>("svg_icons") {
            for event in svg_layer.take_events() {
                println!(
                    "SVG clicked: {} with {:?} button at geo: {:?}, screen: {:?}",
                    event.metadata, event.button, event.world_pos, event.screen_pos
                );
            }
        }
    }
}