Skip to content

Frontend Modularization

Shared UI Components

Consistent styling and component functionality across all of our projects.

Currently in design and prototype stage, but will be rolled out for all projects eventually.

link to the related docs

Shared Map Components

We are contributing to and building out the svelte-maplibre package.

This is built around MapLibre, with a goal to export the components to standard web components (custom elements) that could be embedded into any frontend framework.

This would allow for a consistent declarative API for a web map library to be integrated into our tools.

The plan would be to support various cloud optimised geo data formats:

  • COG
  • flatgeobuf
  • GeoParquet
  • PMTiles

GCP Editor

HOT's GCP Editor is a web component that can be embedded into any web application.

It's purpose is to mark Ground Control Points on collected aerial imagery, assisting the processing workflow for accurately matching collected imagery to known coordinates in the field.

The goal is to work alongside the OpenDroneMap team and possibly have this as a shared component amongst tools.

QR Codes

Reads and decodes base64 and zlib encoded JSON data within a QRCode in Javascript