Hărți interactive

Paginile pot îngloba hărți MapLibre servite integral de pe acest site — fără nicio resursă terță. Datele afișate vin în direct din serviciile EOCube.Ro.

Amprente din catalogul STAC

Harta de mai jos caută în timp real cele mai recente produse sentinel-2-l2a care acoperă Timișoara și le desenează conturul. Apăsați pe o amprentă pentru detalii.

Cum înglobați o hartă

Într-o pagină Markdown (extensia md_in_html este activă):

<div class="eocube-map"
     data-lon="21.23" data-lat="45.75" data-zoom="7"
     data-stac-collection="sentinel-2-l2a"></div>

Atribute disponibile:

atribut	rol
data-lon, data-lat, data-zoom	poziția inițială
data-stac-collection	amprente live din colecția dată, în jurul centrului
data-titiler-url	strat XYZ redat de titiler (șablon {z}/{x}/{y})
data-height	înălțimea hărții (implicit 420px)

Straturile titiler sunt deocamdată interne

titiler este momentan accesibil doar din rețeaua UVT / VPN. Un strat data-titiler-url se încarcă acolo și este omis în liniște în afara rețelei — harta rămâne funcțională. Fundalul hărții este intenționat neutru: politica de securitate a site-ului nu permite tile-uri de la furnizori terți.

Diagrame

Diagramele Mermaid sunt redate local, din biblioteca înglobată:

flowchart LR
    CDSE[Copernicus\nData Space] -->|CloudEvents| F[fetch]
    F --> C[COG]
    C --> FM[Fmask]
    C --> S[(STAC +\nobject storage)]
    FM --> S
    S --> N[notebooks / QGIS / API]