# ui/globe.py import json from pathlib import Path import gradio as gr ASSETS_DIR = Path(__file__).resolve().parent.parent / "assets" def _read_asset(name: str) -> str: return (ASSETS_DIR / name).read_text(encoding="utf-8") def globe_head_html() -> str: """MapLibre assets for the page (used by app launch).""" return _read_asset("globe_head.html") def _map_data_attrs( *, style: str = "https://tiles.openfreemap.org/styles/liberty", center: tuple[float, float] = (0.0, 20.0), zoom: float = 1.5, min_zoom: float = 0.0, max_zoom: float = 22.0, bearing: float = 0.0, pitch: float = 0.0, min_pitch: float = 0.0, max_pitch: float = 85.0, projection: str = "globe", attribution_control: bool = True, scroll_zoom: bool = True, drag_rotate: bool = True, drag_pan: bool = True, keyboard: bool = True, double_click_zoom: bool = True, touch_zoom_rotate: bool = True, interactive: bool = True, show_geolocate_control: bool = False, use_current_location: bool = False, geolocate_zoom: float = 10.0, track_user_location: bool = False, show_user_location: bool = True, show_accuracy_circle: bool = True, ) -> str: attrs = { "data-style": style, "data-center": json.dumps(list(center)), "data-zoom": zoom, "data-min-zoom": min_zoom, "data-max-zoom": max_zoom, "data-bearing": bearing, "data-pitch": pitch, "data-min-pitch": min_pitch, "data-max-pitch": max_pitch, "data-projection": projection, "data-attribution-control": str(attribution_control).lower(), "data-scroll-zoom": str(scroll_zoom).lower(), "data-drag-rotate": str(drag_rotate).lower(), "data-drag-pan": str(drag_pan).lower(), "data-keyboard": str(keyboard).lower(), "data-double-click-zoom": str(double_click_zoom).lower(), "data-touch-zoom-rotate": str(touch_zoom_rotate).lower(), "data-interactive": str(interactive).lower(), "data-show-geolocate-control": str(show_geolocate_control).lower(), "data-use-current-location": str(use_current_location).lower(), "data-geolocate-zoom": geolocate_zoom, "data-track-user-location": str(track_user_location).lower(), "data-show-user-location": str(show_user_location).lower(), "data-show-accuracy-circle": str(show_accuracy_circle).lower(), } return " ".join(f'{key}="{value}"' for key, value in attrs.items()) def render_globe_panel( *, height: str = "720px", style: str = "https://tiles.openfreemap.org/styles/liberty", center: tuple[float, float] = (0.0, 20.0), zoom: float = 1.5, min_zoom: float = 0.0, max_zoom: float = 22.0, bearing: float = 0.0, pitch: float = 0.0, min_pitch: float = 0.0, max_pitch: float = 85.0, projection: str = "globe", attribution_control: bool = True, scroll_zoom: bool = True, drag_rotate: bool = True, drag_pan: bool = True, keyboard: bool = True, double_click_zoom: bool = True, touch_zoom_rotate: bool = True, interactive: bool = True, show_geolocate_control: bool = False, use_current_location: bool = False, geolocate_zoom: float = 10.0, track_user_location: bool = False, show_user_location: bool = True, show_accuracy_circle: bool = True, ): data_attrs = _map_data_attrs( style=style, center=center, zoom=zoom, min_zoom=min_zoom, max_zoom=max_zoom, bearing=bearing, pitch=pitch, min_pitch=min_pitch, max_pitch=max_pitch, projection=projection, attribution_control=attribution_control, scroll_zoom=scroll_zoom, drag_rotate=drag_rotate, drag_pan=drag_pan, keyboard=keyboard, double_click_zoom=double_click_zoom, touch_zoom_rotate=touch_zoom_rotate, interactive=interactive, show_geolocate_control=show_geolocate_control, use_current_location=use_current_location, geolocate_zoom=geolocate_zoom, track_user_location=track_user_location, show_user_location=show_user_location, show_accuracy_circle=show_accuracy_circle, ) return gr.HTML( value=( '
' f'
' '
Loading the globe...
' "
" ), css_template=_read_asset("globe.css"), html_template="${value}", js_on_load=_read_asset("globe.js"), min_height=height, show_label=False, container=False, padding=False, scale=1, elem_classes=["globe-panel"], )